Работа с векторной графикой в Figma ещё удобнее

Сами посудите, добавили возможность упрощать вектор (Simplify vector), умное уменьшение количества точек, а ещё смещение (Offset vector). Второе работает как внешняя ободка, только удобнее для определённых целей. Делаете иллюстрации в Figma? 🖼️🖼️ Хороший интерфейс

Как прогресс-бар улучшает онбординг

Дизайнер virgil pana поделился мыслями во время работы над онбордингом для SEO-платформы, где пользователи подключают сайт и заполняют нужную информацию для генерации персонализированного контента. На видео процесс из 12 шагов с прогресс-баром и продуманными микроанимациями. Прогресс-бар показывает, на каком этапе пользователь, снижает тревожность и упрощает навигацию. Анимации галочек, плавные переходы и мгновенная обратная связь делают процесс более дружелюбным и понятным. Зачем здесь прогресс-бар? 💬 Даёт обратную связь — показывает, что шаг успешно пройден 🟢 Отражает статус — визуализирует продвижение в реальном времени ➡️ Помогает двигаться дальше — мягко подсказывает следующий шаг ✔️ Снижает ошибки — галочки или ошибки сразу видны по каждому пункту Такие детали делают онбординг плавным, приятным и повышают вовлечённость. 🖼️ Хороший интерфейс

Курируемая коллекция скриншотов устаревших интерфейсов мобильных приложений.

Коллекция бесплатных интерфейсных компонентов

Shadcn UI с отличным дизайном, которые можно копировать и вставлять прямо в свой файл в Figma Ссылка #materials_nd TOP Tutorial
Изображение поста
Uizard — дизайн инструмент на основе искусственного интеллекта, главная фишка которого – это быстрое создание прототипов, приложение позволяет конвертировать ваш набросок интерфейса сделанный от руки в готовый макет.
uizard.io
BOOM Library – Magic Alchemy – это профессиональная библиотека звуков, созданная из реальных химических реакций и природных явлений.
Короткие, насыщенные эффекты идеально подходят для заклинаний, фэнтези-аудио и магических интерфейсов. Чистый, детализированный звук легко встраивается в микс, подходит для игр, трейлеров и аудиодрам. ➡️ СКАЧАТЬ | 7,10 ГБ #звук @poly3ds
Credits Roller для After Effects (обновление v1.2.3)
🛠 Credits Roller позволяет создавайть титры и страницы в 3 клика в After Effects! Используйте начальные шаблоны в формате CSV, TSV или JSON. Имеет полную поддержку RTL! Как использовать Credits Roller: • Создание/редактирование начальных шаблонов в формате .CSV/.TSV и .JSON. • Загрузить файл из пользовательского интерфейса. • Настройте параметры (или используйте сохраненные или сохраните значения по умолчанию). • Нажмите Build — будет создан ролик на основе вашего файла. Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #plugins #Credits_Roller #After_Effects #free #бесплатно
Extreme PBR Nexus + Textures для Blender 4.4 - 4.5 (обновление v4.1.134)
🟣 Extreme PBR Nexus - аддон, который создан, чтобы упростить мир 3D-материалов, и который улучшался на протяжении 4 лет разработки. Цель Extreme PBR — избавить вас от беспокойства по поводу узлов Blender. Понятный интерфейс, который значительно упрощает управление более чем 1800 материалами. Источник 💾 ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #addons #Blender #Extreme_PBR_Nexus #3d #free #бесплатно
Lead UX/UI designer
Задачи: — лидирование команды UI/UX-дизайнеров: постановка задач, менторинг, ревью — определение и развитие UI/UX-стратегии проекта — работа над улучшением пользовательского опыта: от wireframes до финальных макетов — курирование всех интерфейсных решений и контроль их реализации в Unity Ожидания: — опыт работы в коммерческом геймдеве с мобильными играми (шутеры, гонки и тд) в жанре midcore не менее 5 лет (на позиции лида не менее 2.5 лет) — владение Figma, Photoshop, Illustrator или аналогами — опыт верстки интерфейсов в Unity — обязательно наличие портфолио с мобильными игровыми проектами Условия: — удаленка, полная занятость, зп по результатам собеседования — крутой соцпакет, официальное трудоустройство и современное оборудование Контакт для отклика: @anastada #геймдев
Изображение поста
Логотип сегодняшних компаний в ретростиле 80-х
Supercar Cyr
Supercar Cyr — футуристический пиксельный шрифт с прямыми геометрическими линиями и минималистичной эстетикой. Подходит для ретро-гейминга, киберпанк-дизайна, интерфейсов и постеров в стиле 8-bit. Написание: #Кириллица #Латиница Формат файлов: #ttf Ссылка: Скачать шрифт
Изображение поста
Гайд по созданию идеальной анимации
В гайде правила и принципы анимации в UX-дизайне с реальными примерами: ✔️ Продолжительность и скорость ✔️ Хореография ✔️ Плавность Смотреть гайд (на английском) ↗ 🖼️ Хороший интерфейс
Базовые правила UX/UI-дизайна, о которых все забывают! «Как снизить когнитивную нагрузку на пользователя» — ловите наш новый бесплатный гайд на почту.
Прямая связь с конверсией Объясняем, как когнитивная нагрузка влияет на действия пользователей и что с этим делать. Три причины перегрузки Перечисляем факторы, которые определяют восприятие, чтобы вы проверили свои интерфейсы и нашли точки роста. Опора на доказательную базу Ссылаемся на научные эксперименты и делаем выводы только на основе исследований — о пределах памяти и времени реакции. Антипримеры Показываем, что мешает пользователям, чтобы вы учились на чужом опыте и рассчитывали нагрузку заранее. Понятные чек-листы Собрали пошаговый план, который поможет исправить ошибки в интерфейсе и ускорить рост бизнеса. Три полезных совета Делимся универсальными правилами, которые нужно знать при проектировании интерфейсов. → Получить гайд бесплатно!
Изображение поста
Приглашаем на бесплатный курс по 3D-моделированию в Blender для новичков. За 9 занятий ты познакомишься с программой и создашь свою первую 3D-модель с нуля.
Участвовать На курсе ты изучишь: – Интерфейс и базовые инструменты Blender – Моделирование из примитивов – Настройку материалов – Настройки камеры и освещения – Рендеринг финальной сцены Начни обучение и сделай первый шаг в 3D — ССЫЛКА
Изображение поста
Полгода назад я проектировала CRM для команды технических специалистов, обслуживающих офисную технику, сеть, VPN.
Сейчас появилась новая задача — адаптировать интерфейс под мобильные устройства. Одна из ключевых проблем это таблицы. Главный вопрос как адаптировать эти табличные представления. Сценарии разные, и универсального решения здесь нет. Я начинаю с того, какая задача стоит перед пользователем в каждой конкретной таблице: — Если таблица используется для анализа и сравнения данных построчно (например, отчёты по времени закрытия заявок, показатели по регионам), то она требует сохранения строковой структуры. Здесь подойдут скроллируемые таблицы с фиксацией ключевых колонок при горизонтальном скролле. — Если таблица это список текущих заявок, где важна фильтрация, поиск и статус, а сравнивать ничего не нужно, она может быть адаптирована в карточки с группировкой по статусу или дате. Это сильно упрощает восприятие на ходу. Есть и промежуточные случаи, где объём данных на строку велик, но критично видеть несколько заявок сразу. Я тестирую вариант сворачиваемых карточек, где по умолчанию видны ключевые поля, а остальные разворачиваются по клику. Что я точно не рассматриваю, так это адаптацию вида «все колонки вертикально друг под другом» на каждую строку. Такой подход превращает таблицу в бесконечную простыню, теряется структура, и работать становится тяжело. Чтобы определить, какие данные выносить в карточку, я сначала рассматриваю ключевые сценарии работы с заявками . Один из основных сценариев — быстро сориентироваться в сути каждой заявки. Поэтому в карточке я выделяю: — Статус заявки — позволяет сразу понять, в работе она, закрыта или требует внимания. — Номер заявки — это основной идентификатор, по которому ориентируются операторы, например, при входящем звонке. — Контактное лицо — помогает быстро связаться с заказчиком от компании. Эти поля ключевые для работы, и именно они выносятся в карточку. Всё остальное: технические детали, внутренние метки, дополнительные параметры — уводится внутрь карточки или раскрывается при клике. Такой подход позволяет сохранить баланс между информативностью и удобством восприятия. Решение о том, какие поля показывать, я принимаю на основе сценария использования и задачи пользователя: что он должен увидеть первым и что поможет ему действовать быстрее. В работе с мобильной версией CRM стоит задача сохранить весь функционал десктопной версии. Это значит, что часть представлений останется табличной, с адаптацией под мобильные разрешения. И подход к каждой таблице придётся разрабатывать отдельно в зависимости от сценария и цели пользователя. #проект #crm Дизайнер на всю голову
Изображение поста
😮 Нейродизайн: почему мозг не замечает очевидного
В статье рассказали, почему пользователи пропускают важные элементы интерфейса и действуют нелогично. Объяснили, как работает фовеальное зрение (чёткое восприятие области в 2–5 градусов) и почему мозг отфильтровывает большую часть информации, обращая внимание лишь на небольшую часть элементов. Разобрали основные паттерны сканирования (F-паттерн, Z-паттерн и модель слоёного пирога), правило 7±2 и типичные ошибки его применения. Описали, как удерживать внимание по мере скролла и как ненавязчиво направлять пользователя к целевым действиям, избегая эффекта баннерной слепоты. Внутри: – Как учитывать особенности фовеального зрения; – Почему мозг игнорирует часть интерфейса; – F-паттерн, Z-паттерн и визуальные каталоги; – Правило 7±2 в интерфейсах; – Воронка внимания при скролле; – Как тестировать изменения с помощью тепловых карт. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Iconist - Medical & Health Library
Большой набор медицинских иконок — 300 штук в трёх стилях: простые глифы, контурные и двухцветные. Векторные, легко настраиваются, есть SVG и PNG в нескольких размерах. Подходят для любого интерфейса — от приложений до веба. #иконки Людочка, дизайн – ресурсы для дизайнеров
Изображение поста
Приглашаем на бесплатный курс по 3D-моделированию в Blender для новичков. За 9 занятий ты познакомишься с программой и создашь свою первую 3D-модель с нуля.
Участвовать На курсе ты изучишь: – Интерфейс и базовые инструменты Blender – Моделирование из примитивов – Настройку материалов – Настройки камеры и освещения – Рендеринг финальной сцены Начни обучение и сделай первый шаг в 3D — ССЫЛКА
Изображение поста
Правильный ответ к прошлому посту:
Вариант А - Для повышения эффективности расположите элементы управления перед надписями В языках, использующих формат слева направо, элементы управления, такие как флажки или переключатели, обычно следует размещать перед текстовыми надписями. Такая настройка не только повышает визуальную привлекательность, но и делает интерфейсы более удобными для сканирования.
Изображение поста