🤓
Статья: https://medium.com/nyc-design/ui-ux-design-from-the-other-side-9d4fe86c40cb
Организация файлов (файловая система)
Структура проекта
Организация слоев
Атомарный подход в приоритете для большинства проектов (собираем проект из меньших частей, повторно используем их)
Группировка в UI
Группировка элементов по типу (кнопка, поле для ввода и так далее). Например:
Тип элемента – Кнопка
- Фигура
- Текст
- Иконка (опционально)
Группировка элементов по блокам (форма, поиск, недавние статьи и тд.). Например:
Тип элемента – форма
- Поле для ввода (Имя)
- Поле для ввода (E-mail)
- Кнопка (Отправить)
Группировка элементов по секциям/разделам (большим блокам) – Раздел новости, главный (hero) экран, отзывы и тд.
– Аналогично.
Графический дизайн/графические элементы
Иконки и векторные элементы: каждый объект должен находится в группе, чтобы корректно перемещать, редактировать и экспортировать его.