Поговорили с Викой о проблемах перехода дизайнеров от хаотичности к системе.
Вика уже более 10 лет в дизайне, отвечала за дизайн систему в Райффайзен, сейчас разрабатывает ее для inDriver.
Facebook Вики / viktorija.sd
Instagram Гаянэ / gayane_belonovich
UI Kitы Райффайзен банка в Figma Community ссылку на UI Kitы Райффайзен банка в Figma Community.
00:00 Начало
01:28 Вступление :) Вика-technical manager в «Indriver». Lead команды дизайн системы.
01:51 Начинала свой путь в дизайне 12 лет назад с художки
02:38 Учась в универе устроилась в веб студию «ТГ-софт»
03:09 Переезд в Москву
03:36 Работа в “Digital Mind”
04:13 Отсутствие UX в работах. Осознание необходимости нового подхода.
05:03 Начало учебы в Британке (Британская Высшая Школа Дизайна)
05:15 О кураторах курса и о самом курсе
06:28 Благодаря курсу получила хороший нетворкинг
07:34 Как произошёл переход в системный дизайн
07:58 Начало работы в Райффайзен банк
08:29 Боли в переходе к системному дизайну
09:58 Проблемы отсутствия системы в корп сайтах
11:32 Австрийское агенство сыграло важную роль в переходе к системности, так как там был опыт вёрстки нарисованного дизайна
12:17 Дизайнеры с опытом вёрстки быстро приходят к системности
13:13 Какие ошибки совершала в сборке своих компонентов
14:32 Советы по неймингу компонентов
14:54 Самый нелюбимый компонент
15:13 В чем сложность компонента таблицы
16:42 Опыт выстраивания дизайн системы для нового продукта и уже существующего
19:42 Проблемы с продумыванием всех потребностей в компоненте наперёд
20:45 Что можно было сделать по-другому
21:52 Тоже плодили костыльные компоненты
23:18 Этапы дизайн системы в Райфе. Старт
23:39 Этап разработки каркаса
24:13 Важность вовлечения в дизайн систему тим Лида разработки
24:58 Этап продажи дизайн системы
25:15 Спустя год дали первого разработчика выделенного на дизайн систему
25:47 При создании новой версии дизайн системы, что сделали со старыми компонентами
27:05 Переход от Sketch в Figma
29:10 О цветовых токенах, проблемы, решения
33:30 Нейминг цветов
35:45 Палитра для темной темы
36:20 Переключение компонента на тёмную тему или на другую платформу через свайп библиотек
38:36 Отдельная библиотека для контрастных цветов для поддержки accessibility
39:10 Как передают файлы фронтендерам. Автоматическая передача цветов и иконок
39:56 Плагин для мобилки от redmadrobot «figma export»
40:50 Важность одинакового нейминга для переключения библиотек
41:56 Компонентные цвета и примитивы
45:45 Советы когда использовать Autolayaut, а когда space
51:48 Компонент Title с разными размеров
53:07 Проблемы с иконками. Курс на переработку 200 иконок
57:10 Типографика. Переход единый шрифт
59:30 Распределение дизайнеров
01:00:00 Самое сложное в дизайн системе
01:01:10 Кнопки
01:08:00 Storybook
Негізгі бет Ошибки при переходе на системный дизайн. Интервью с Викой Дубровской
Пікірлер: 3