Прокачиваем насмотренность
"2D Motion Graphics Inspiration Series" от Francis.J Motion Design
#референс #вдохновение
🎥 Видеогуру
🚨 Хочешь крутой визуал? Придётся практиковаться. Много.
Без UI не будет клевого UX — и наоборот. А визуал — это первое, на что смотрит заказчик или HR. Именно по нему судят о уровне дизайнера.
Часто начинающие ребята фокусируются на функциональности и логике интерфейсов, но забывают о «картинке». В итоге — вроде всё работает, но не «цепляет». А значит — меньше шансов на интересные проекты и рост.
💜 Чтобы помочь с этим, мы добавили в курс отдельный модуль «Воркшоп. Учимся рисовать красивый UI»
Ведёт его Виктор Апасов — ведущий дизайнер в «Сбер Звуке». Вместе с ним мы:
🔹 учимся описывать визуал через прилагательные
🔹 собираем мудборды и референсы
🔹 много практикуем: делаем концепты лендинга и мобильного приложения
🔹 учимся грамотно упаковать результат
На выходе — стильный UI-концепт, который можно положить в портфолио и показать клиенту.
👉 Этот воркшоп — часть нашего большого курса по UI/UX-дизайну. Если хочешь развиваться в профессии — загляни сюда: https://cloudlessons.ru/v/510/
#figma
🔥 Стажировка в Прагматику
Такое случается редко, но метко. Ищут начинающих дизайнеров. С нуля учить не будут, но действующим джунам самое оно! Вэлком)
💬 Условия:
Старт — 4 августа. Формат — полностью удаленный, так что можно участвовать хоть с пляжа. Оплата не предусмотрена. Можно совмещать с работой / учебой
😏 Как проходит отбор:
– Нужно выполнить тестовое задание;
– Заполнить анкету и прикрепить своё портфолио, ссылку на тестовое и рассказать о себе до 24 июля
👀 Что будет:
– 2 спринта от Прагматики и ВКонтакте с практическими заданиями
– Регулярный фидбек от дизайн-лидов и ВК в группах
– Встречи с заказчиком для обратной связи
Там ещё масса плюшек, скидки, нетворкинг, трудоустройство в конце концов))
💥 Что ждут от вас:
– Знаете, что такое Фигма и компоненты
– Понимаете, как строить UI
– Имеете минимум 2-3 проекта в портфолио
– Готовы уделять стажировке время каждую неделю
➡️ Подробности тут
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🔽🧡🌷🌿🕊🔽
В эфире Иван Юрин разбирает работу подписчика с пятничного интерактива.
❤️ Хочешь тоже получить фидбэк?
✅Присылай свои рисунки в комменты — раз в неделю Ваня будет выбирать одну на обзор.
✅Выбор субъективный: что зацепит по подаче или идее.
✅Обязательно добавь комментарий: что смущает в работе, что хотелось бы улучшить.
✅Прикрепи референсы: так мы лучше поймем, на что опираться в работе
#hds_полезное #hds_кураторы
Магия в мелочах
Нефункциональный приём из серии «как создать магию из ничего»: курсор светится, как приоткрытая дверь, сквозь которую пробивается таинственный свет чего-то скрытого и манящего.
Чудесная метафора ИИ и магического реализма в дизайне. За наводку спасибо каналу «Нора референсов».
Источник
#ui
Арт vs Референсы
Bamboovement
Есть плагины, которые знает каждый дизайнер.
И есть менее известные, но не менее полезные. Они настраивают автолэйаут, убирают хаос в слоях и просто помогают избежать лишних правок. Ловите подборку.
1. Renamed
Автоматизирует переименование слоев по шаблону.
Полезен, когда вы работаете с компонентами и хотите быстро навести порядок.
👉 Удобно для больших UI-систем.
2. Paddi
Добавляет отступы к объектам в один клик.
Особенно спасает, когда работаете без автолэйаута и хотите все проставить так, чтобы быстро и красиво.
👉 Меньше микродвижений — больше дзен.
3. Measure
Создает макеты с поясняющими аннотациями (расстояния, размеры, текстовые примечания).
👉 Подходит для передачи в разработку без лишних слов и скриншотов.
4. Instance Finder
Находит, где используется конкретный компонент в проекте.
👉 Экономит много времени при рефакторинге дизайн-систем.
5. Figma Walker
Быстрый поиск по фреймам, компонентам, слоям — даже в огромных файлах.
👉 Идеален, когда проект разросся и вы уже забыли, где та самая кнопка.
Сохраняйте, если устали вручную искать, выравнивать, переименовывать и перескакивать между слоями.
Хороший референс для изучения того как работает Animator и/или управление экспрешенами выравнивания внутри параграфа при использовании Font Style.
Уже боюсь зарекаться
В среду закрыла проект. Новый для меня, достаточно сложный и непривычный, легкий и элегантный минимализм, чистота и один акцентный цвет. А вчера была консультация на курсе, к которой я готовилась почти целый день — пересматривала лекции, искала референсы, анализировала, пыталась понять логику и принципы построения, найти удачные решения и разобраться в них, накидать появляющиеся вопросы (собственно, именно материалы к консультации на первом скриншоте).
Парочку классных референсов приложу (которые отметил как удачные и сам Сергей @telidchenko), может быть и вам пригодятся))
Очень хочется поделиться с вами кейсом
Правда, я его не оформляла еще. Возможно поделюсь в мини-формате без глубокой детализации в несколько постов (как обычно я люблю делать, где я и где краткость..).
А еще я дичайше устала. Невероятно. Порой кажется, что я слышу, как скрипит мозг в попытках продолжать свою умственную деятельность😅
Хочется сказать, что "вот с понедельника у меня будет только курс, появится свободное время и смогу вернуться в онлайн!" — но чот я сцу так говорить, если честно)))) предыдущие пару раз уже подобное задвигала, как итог меня каждый раз прибивало каким-нибудь сложным заказом и я снова пропадала.
Поэтому сейчас скажу только то, что точно знаю на текущий момент времени:
— заказ в новом для меня стиле и формате сдан, клиент доволен, Сергей за работу похвалил
— по учебе отстаю, психую из-за этого, надеюсь отдохнуть за сегодня и выходные, чтобы в понедельник уже быть во вменяемом состоянии и взяться за домашку
— очень не хватает часов в сутках, чтобы учиться и оттачивать навыки, анализировать уроки, примеры оттуда, искать примеры самостоятельно, анализировать их.. хочется прям погрузиться и закопаться во все это, безумно интересно!
А пока что я пойду сделаю себе чашечку чая, скушаю бутер и попробую потихонечку, помаленечку просто накидать ключевые тезисы из уроков для текущей домашки. Ну чтобы перед глазами было. И отдыхать.. очень нужно и очень хочется, ибо батарейка прям на нуле.
- - -
Вы там как, ребятки? Как лето проходит? Как у вас с погодой? У нас какой-то ад был с +40 по оф.прогнозу (по факту даже страшно узнать), я в магаз ходила после 20 вечера только, иначе тебя просто испепеляет нафиг! Ужас какой-то, живу нон-стопом под сплитом =(
Рубрика #наставник | #дизайн_полезности
🔓 Работа нового грида в Фигме
Теперь можно легко создавать сетки из карточек, кнопок и других элементов, задавая количество строк и столбцов. Это упрощает работу дизайнерам и помогает лучше понимать разработчиков.
В статье объяснили, как включить и настроить Grid, чем он отличается от других режимов Auto Layout и какие есть ограничения по сравнению с CSS Grid.
Внутри:
– Что такое режим Grid;
– Как настроить сетку;
– Разница с другими режимами;
– Удобство для дизайнеров и разработчиков;
– Текущие ограничения функции.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
3d font
Готовый 3D-шрифт, покрытый травой — только латиница, но в хорошем разрешении. Можно использовать как есть или взять как референс для своей генерации.
#текст #3D
Людочка, дизайн – ресурсы для дизайнеров
Где найти классные дизайн-идеи (ч.2)
Итак, агрегаторы сайтов
Рисовать вслепую без опоры на какие-то рефы — неоднозначное решение. Хорошо получается у меньшинства, поэтому лучше найти какой-то дизайн под нужный стиль. Сделать это можно тут:
1. Lapa Ninja — классика. Лендинги, стартап-сайты, портфолио, whatever. Есть категории и фильтрация. Хорошо зайдет, когда надо посмотреть 30 hero-блоков за 5 минут
2. One Page Love — агрегатор одностраничнков. У таких сайтов зачастую классный сторителлинг — поэтому смотри, как впихивают смыслы в одну страницу
3. Siteinspire — много чистого и аккуратного веб-дизайна. Работает по категориям: стиль, тип, платформа, индустрия. Новые сайты заезжают не очень часто
4. Landbook — просто еще один агрегатор, но там можно еще и определенные рефы для секций искать (типа команды, hero-блока, футера и т.д.)
5. Httpster — стильно-модно-молодежно! Много экспериментальных сайтов: брутализм, необычная типографика, минимализм максимализм
6. Awwwards — Куда ж без него. Сайты, получившие награды за дизайн. Иногда довольно глянцево, но всё ещё полезно для поиска motion/UI/webGL-референсов
7. Minimal Gallery — раньше фокусировались именно на минимализме и сетках, но сейчас все чаще размещают просто красивые/функциональные сайты
8. Muuuu — японский вайб в основном, есть на что посмотреть
9. Made in Webflow — большая подборка сайтов, которые собраны с помощью конструктора Webflow. Очень много интересного, если закопаться
10. Made on Tilda — периодически смотрю сайт на тильде (при моей нелюбви к самому конструктору). Дизайнеры реально запариваются и делают круто (на то они и дизайнеры)
Скинь коллеге, который не видел ничего кроме Dribbbla и Behance
Накидайте в комменты, куда еще ходите?
С пятницей!
Даже самый лучший продукт может затеряться в информационном шуме без понятного, убедительного сообщения. Если клиенты не понимают ❓, что вы предлагаете, они не будут это покупать.
📌Эффективный способ решить проблему — фреймворк StoryBrand. В статье «Фреймворк StoryBrand: как рассказать историю бренда и наладить связь с аудиторией» мы разберем, из каких элементов он состоит и как работает, на примере Airbnb 📱.
*****
Бесплатные курсы по UX/UI:
🔥 Продвинутая Figma: Cайты
🔥 Продуктовый дизайн
Телеграм-каналы:
⚡️ UX и продуктовый дизайн
⚡️ UX/UI, Фриланс, Коммерческий дизайн
⚡️ Плакаты: Вдохновение и рефы
⚡️ Личный канал Евгения UPROCK
Полезные материалы:
✨ Бесплатные кириллические шрифты
✨ Бесплатные мокапы
✨ Вакансии для дизайнеров
Ring Customizing Interaction
Если картинки, сгенерированные ИИ, уже кажутся вам недостаточно наркоманскими, то вот вам целое видео.
Как во сне
🗄 База референсов
ЧТО ТАКОЕ РЕФЕРЕНС
Что такое референсы и почему без них не обойтись? Это «примеры для вдохновения», которые экономят часы на поиск идей.
#полезное
