Словарь: все страницы
- Словарь
UI-кит
UI-кит (UI kit) — набор готовых элементов интерфейса со стилями и состояниями. Что в него входит, какие бывают киты, чем кит отличается от дизайн-системы.
Читать - Словарь
Дизайн-система
Дизайн-система — общие токены, компоненты, документация и порядок изменений для всех экранов продукта. Из чего она состоит и чем отличается от UI-кита и брендбука.
Читать - Словарь
Вайрфрейм
Вайрфрейм (wireframe) — схема экрана из серых блоков без цвета и шрифтов. Условные обозначения, виды вайрфреймов, отличие от макета и прототипа, как нарисовать.
Читать - Словарь
Прототип
Прототип — интерактивная модель интерфейса, по которой проходят сценарий до разработки. Виды прототипов, отличие от макета и MVP, как проверить прототип с людьми.
Читать - Словарь
Мокап
Мокап — картинка интерфейса: детальный макет экрана или экран в рамке устройства. Чем он отличается от вайрфрейма и как сделать мокап в Morfa.
Читать - Словарь
User flow
User flow — схема пути пользователя по экранам продукта к цели. Из чего она состоит, пример, виды, чем отличается от CJM и вайрфрейма и как её нарисовать.
Читать - Словарь
Карта пути клиента
CJM (customer journey map) — карта этапов, которые проходит клиент: действия, мысли, эмоции и трудности. Пример и шаблон «Карта пути клиента» на доске Morfa.
Читать - Словарь
Мудборд
Мудборд (moodboard) — подборка картинок, цветов, шрифтов и слов, которая задаёт настроение дизайна. Что в него положить и как собрать его на доске Morfa.
Читать - Словарь
Дизайн-токены
Дизайн-токен — именованное значение цвета, отступа или шрифта. Типы токенов, алиасы, режимы темы и пример tokens.css, который Morfa собирает из переменных.
Читать - Словарь
UI и UX
UI — то, что человек видит и нажимает, UX — дойдёт ли он до цели. Определения, таблица различий, примеры решений и как работать над обоими в Morfa.
Читать
Как пользоваться словарём
Каждая статья начинается с определения в одном-двух предложениях, затем — пример, частые ошибки и связанные понятия. Термины даны так, как их называют русскоязычные дизайнеры, с английским вариантом рядом.