Как начать пользоваться UI-kit'ом
Изучите особенности, возможности и ограничения конкретного UI-kit. Начните с экспериментов и только потом переходите к реальным задачам. Когда UI-kit уже задан (или вы его осознанно выбрали) думайте только про UX.
Три главных предмета в фокусе внимания
-
Время
От нескольких часов до нескольких дней понадобится чтобы разобраться в новом UI-kit, изучить его структуру и понять, по каким принципам он создан.
-
Песочница
Сделайте отдельную страницу в Figma-файле для UX-экспериментов. Не надо сразу прикладывать незнакомый UI-kit к реальным задачам проекта.
-
Решение
Выбор UI-kit — это важное решение в проекте. Либо все пользуются только им, либо меняют на другой. Главное, не смешивать несколько.
5 советов,
как делать хорошо
- Используйте готовое
Только в самых экстренных случаях кастомизируйте и создавайте новые элементы.
- Делайте UX
Вообще не думайте про UI. Делайте так, чтобы работало.
- Не верьте коту
Не все, что назвали UI-kit, им является. Проверьте своими глазами.
- Осваивайте новые UI-kit
Это поможет расширить ваш UI-кругозор, ускорить создание UX-решений и вырасти как специалисту.
- Выбирайте под задачу
Посмотрите, что уже делали на этом UI-kit, насколько это бьется с вашей задачей и вашим интерфейсом.
Например
Использовали дизайн-систему и UI-kit Consta (а ведь могли бы нарисовать с нуля!) и очень быстро получили работающий продукт.
Контроль, Jeffit, Ремтехкомлект
Долгое время нашим фаворитом был Ant.
Хороший образец
Использовали, развивали и дополняли UI-kit заказчика.
Так делать не надо
Когда вы решаете UX-задачу, а на сдачу создаете UI-kit.
Инструменты
Design Systems в Figma Community
Там есть готовые UI-kit'ы под разные задачи
У него есть Figma-библиотека
Libraries
Для подключения UI kit к Figma. На платном тарифе
Деньги
Полные версии UI kit'ов часто платные
Знание разных UI kit'ов и умение принимать их ограничения — верный признак опытного профессионала.
Наталья Прокофьева, генеральный директор «Собаки Павловой»
Другие шпаргалки
Ищете подрядчика или команду?
Давайте обсудим вашу задачу.
Хотите у нас научиться?
1000+ упражнений по дизайну интерфейсов.
eduhund.com