О разделе
Раздел про пользовательский интерфейс — от понятий UX/UI до элементов экрана и принципов проектирования. Для полного маршрута веб-дизайна (референсы, типы сайтов, исследования, портфолио) начните с Веб-дизайн — маршрут от UX до портфолио.
Рекомендуемый порядок
- Пользовательский интерфейс — UX и UI — словарь и границы дисциплин.
- Визуальные, функциональные, навигационные элементы и обратная связь.
- Особенности и принципы UX и UI — юзабилити, a11y, интерактивная демо.
- Веб-дизайн — маршрут от UX до портфолио — лендинги, магазины, корпоративные сайты, исследования (по задаче).
- Итоги и чек-лист.
Пользовательский интерфейс - UX и UI
Различие между пользовательским опытом и пользовательским интерфейсом.
Визуальные элементы
Цветовая палитра — это набор цветов, которые используются в интерфейсе для создания визуальной идентичности продукта.
Функциональные элементы
%%{init: { "theme": "default", "themeVariables": { "fontSize": "14px", "fontFamily": "Segoe UI, Tahoma, sans-serif" } }}%% flowchart TD classDef group.
Навигационные элементы
%%{init: { "theme": "default", "themeVariables": { "fontSize": "14px", "fontFamily": "Segoe UI, Tahoma, sans-serif" } }}%% flowchart TD classDef group.
Элементы обратной связи
Элементы обратной связи — материал энциклопедии Вселенная IT.
Особенности и принципы UX и UI
Юзабилити (Usability) — это мера того, насколько легко и эффективно пользователь может взаимодействовать с интерфейсом для достижения своих целей.
Веб-дизайн — маршрут от UX до портфолио
Полный маршрут веб-дизайна — UX/UI, референсы и прототипы, лендинги и лонгриды, магазины, корпоративные и новостные сайты, исследования и презентация работ.
Интерфейс — итоги
Итоги раздела «Интерфейс» — FAQ и краткие ответы по теме.
Интерфейс — чек-лист
Чек-лист раздела «Интерфейс» — вопросы для самопроверки.
Интерфейс — о разделе
Подборка материалов раздела Интерфейс в энциклопедии Вселенная IT.
В подборках
Статья входит в тематические подборки и блок "С чего начать?" на главной. Соседние шаги того же маршрута:
Веб-разработка — История интернета, Сеть и интернет — о разделе, Веб-сайты и веб-приложения — о разделе, Веб-браузеры, HTML — о разделе, JavaScript — о разделе.