🎨

Дизайн

Дизайн интерфейсов, айдентика и визуальный язык бренда: от UX-исследований до прототипа и дизайн-системы.

12 материалов · обновляется еженедельно
📐
Дизайн

Иерархия в дизайне интерфейса: принципы для мобильных приложений

Принципы построения визуальной иерархии в UI мобильных приложений: размер, контраст, расположение, пустота, выравнивание. Как управлять вниманием пользователя, уровни действий, типографика, частые ошибки и чек-лист.

0
09
Дизайн

Микроанимации: где они улучшают UX, а где мешают

Микроанимация — это короткая анимация элемента интерфейса (150–300 мс), которая даёт обратную связь, объясняет изменение и направляет внимание. Правило: анимация не для красоты, а для снижения когнитивной нагрузки. Разбираем принципы, длительности, easing и список мест, где анимация не нужна.

0
08
🎨
Дизайн

Как спроектировать структуру сайта, которая удерживает и ведёт к заявке

Структура сайта — это не меню из 10 пунктов, а путь посетителя от первого экрана до заявки. Разбираем, из каких блоков состоит продающий сайт, как их расположить и какие ошибки убивают конверсию.

0
06
🧩
Дизайн

Прототипирование в Figma: от макета к тесту на пользователях

Прототип в Figma — это интерактивная модель продукта, на которой проверяют сценарии до разработки. Сначала авто-лейаут и компоненты, потом связи между экранами, потом тест на 5 пользователях. Разбираем порядок работы, авто-лейаут, прототипирование и типичные ошибки начинающих дизайнеров.

0
011
Дизайн

Доступность интерфейсов: контраст, WCAG и скринридеры

Доступность (a11y) — это не благотворительность, а требование закона и способ охватить 15% пользователей с ограничениями. Стандарт — WCAG 2.1: контраст 4.5:1, управление с клавиатуры, разметка для скринридеров. Разбираем уровни соответствия и чек-лист проверки интерфейса.

0
06
🎯
Дизайн

Как выбрать цвета и шрифты для бренда: психология, контраст, пары

Цвет и шрифт бренда выбирают не по принципу «нравится», а по задаче: цвет передаёт эмоцию и категорию, шрифт — характер и читаемость. Разбираем психологию цвета, правила контраста, как составить пару шрифтов и чек-лист для проверки айдентики перед запуском.

0
07
🔁
Дизайн

UX и UI: в чём разница и что важнее

UX — это логика, структура и сценарии: как пользователь решает задачу. UI — это визуальный слой: цвета, шрифты, отступы. Оба работают на один результат — конверсию. Разбираем, где они пересекаются и можно ли обойтись без UX-исследований.

0
08
🎨
Дизайн

Как построить дизайн-систему с нуля: токены, компоненты, масштабирование

Дизайн-система — это набор токенов, компонентов и правил, который собирается за 3–4 месяца: фундамент из токенов, библиотека компонентов в Figma, документация. Разбираем по шагам, что войдёт в первую версию и как не утонуть в абстракциях.

0
010

Остались вопросы? Поможем

Эксперты IDEA ответят по теме материала или подскажут по вашему проекту. Свяжемся в течение дня, без навязывания.