20. UX IA Проектирование
Дизайн- UI kit Сложные макеты Верстка
UI компоненты
UX, IA → Проектирование → Визуальная концепция → Все макеты → Styleguid
20
→ → →
Было
Стало
и визуальная
концепции
21. Было
• Перерисовка — время
• Слабое погружение в проект
• Ошибки, плохой порядок
• Дизайн как картина
21
Стало
• Синхронизация UX, дизайнера,
разработчика
• Компонентный подход
23. Структура и семантика
Долой бардак
• Именование по БЭМ
• Сначала структура, потом реализация
• Рабочая среда:
Табличка + репозиторий / SourceJS / Для простых проектов Frontify
23
54. Ты или используешь
технологии в работе или
конкурируешь с ними
• Дизайн-шаблоны (Baikal UI kit)
• Платформы (Squarespace, Киоск)
• Дизайн-фреймворки (Bootstrap, Bem-components, UIkit, Pure и т.д.)
• Дизайнеры-разработчики
54
56. Дизайнеру
• Унификация и проработка — качество продукта
• Меньше мелких задач и рутины
• Больше времени на серьезные задачи (концепцию и UX)
• Интеграция в смежные области — знания и опыт
56
→
57. Разработчику
• Компонентный подход (работа с независимыми блоками) →
унификация, структурность, переиспользование → качество продукта
• Общая рабочая среда с дизайнером → экономия времени
• Это интересно + останется время на фишки
57