How Can We Help?
< All Topics
Print

Структурирование и поддержка файлов, страниц, групп, компонентов и слоев

Статья: https://medium.com/nyc-design/ui-ux-design-from-the-other-side-9d4fe86c40cb

Организация файлов (файловая система)

Структура проекта

Организация слоев

Атомарный подход в приоритете для большинства проектов (собираем проект из меньших частей, повторно используем их)

Группировка в UI

Группировка элементов по типу (кнопка, поле для ввода и так далее). Например:
Тип элемента – Кнопка

  • Фигура
  • Текст
  • Иконка (опционально)

Группировка элементов по блокам (форма, поиск, недавние статьи и тд.). Например:
Тип элемента – форма

  • Поле для ввода (Имя)
  • Поле для ввода (E-mail)
  • Кнопка (Отправить)

Группировка элементов по секциям/разделам (большим блокам) – Раздел новости, главный (hero) экран, отзывы и тд.
– Аналогично.

Графический дизайн/графические элементы

Иконки и векторные элементы: каждый объект должен находится в группе, чтобы корректно перемещать, редактировать и экспортировать его.

Table of Contents