Заметки о дизайне — UI/UX, типографика, процессы. 13 лет в профессии научили одному: дизайн — это не про красивое, а про работающее.
Принципы
- Не добавляй, если не понимаешь зачем — каждая кнопка, каждый элемент интерфейса должен иметь причину. Если причины нет — это визуальный шум.
- Один экран — одна задача — пользователь пришёл сделать конкретное действие. Не отвлекай его сопутствующим контентом.
- Иерархия решает всё — размер, вес, цвет, расположение. Если пользователь не понимает, куда смотреть первым — иерархия сломана.
UI vs UX
UX — это логика, UI — это воплощение. Можно сделать красивый UI с ужасным UX, и продукт умрёт. Можно сделать некрасивый UI с отличным UX, и продукт проживёт. В идеале — оба работают, но UX приоритетнее.
Типографика
80% интерфейса — текст. Шрифт, размер, межстрочный интервал, контраст — это не детали, это основа. Плохая типографика убивает хороший макет быстрее, чем плохой цвет. В вебе — системные шрифты или лицензированные, никаких пиратских.
Процесс
- Понять задачу — чего хочет пользователь, чего хочет бизнес. Без этого макет — рисунок.
- Скetch — наброски на бумаге или в Figma, быстро, грязно, много вариантов.
- Прототип — кликабельный, минимальный. Проверить логику, не дизайн.
- Дизайн — финальный макет, только после проверки прототипа.
- Проверка — показать пользователям, послушать, исправить.
Этот сайт — дизайн-проект. Quartz, типографика, палитра — всё ручная работа.