Собака Павлова
Сто шпаргалок Детализация Как начать пользоваться UI-kit'ом

Как начать пользоваться UI-kit'ом

Изучите особенности, возможности и ограничения конкретного UI-kit. Начните с экспериментов и только потом переходите к реальным задачам. Когда UI-kit уже задан (или вы его осознанно выбрали) думайте только про UX.

#UI-кит #дизайн система #UX дизайн

Три главных предмета в фокусе внимания

  1. Время

    От нескольких часов до нескольких дней понадобится чтобы разобраться в новом UI-kit, изучить его структуру и понять, по каким принципам он создан.

  2. Песочница

    Сделайте отдельную страницу в Figma-файле для UX-экспериментов. Не надо сразу прикладывать незнакомый UI-kit к реальным задачам проекта.

  3. Решение

    Выбор UI-kit — это важное решение в проекте. Либо все пользуются только им, либо меняют на другой. Главное, не смешивать несколько.

5 советов,
как делать хорошо

  1. Используйте готовое

    Только в самых экстренных случаях кастомизируйте и создавайте новые элементы.

  2. Делайте UX

    Вообще не думайте про UI. Делайте так, чтобы работало.

  3. Не верьте коту

    Не все, что назвали UI-kit, им является. Проверьте своими глазами.

  4. Осваивайте новые UI-kit

    Это поможет расширить ваш UI-кругозор, ускорить создание UX-решений и вырасти как специалисту.

  5. Выбирайте под задачу

    Посмотрите, что уже делали на этом UI-kit, насколько это бьется с вашей задачей и вашим интерфейсом.

Например

Дизайн-задачник

Использовали дизайн-систему и UI-kit Consta (а ведь могли бы нарисовать с нуля!) и очень быстро получили работающий продукт.

Контроль, Jeffit, Ремтехкомлект

Долгое время нашим фаворитом был Ant.

Хороший образец

Использовали, развивали и дополняли UI-kit заказчика.

Так делать не надо

Когда вы решаете UX-задачу, а на сдачу создаете UI-kit.

Инструменты

Design Systems в Figma Community

Там есть готовые UI-kit'ы под разные задачи

Material Design

У него есть Figma-библиотека

Libraries

Для подключения UI kit к Figma. На платном тарифе

Деньги

Полные версии UI kit'ов часто платные

Знание разных UI kit'ов и умение принимать их ограничения — верный признак опытного профессионала.

Наталья Прокофьева, генеральный директор «Собаки Павловой»

Другие шпаргалки

Ищете подрядчика или команду?

Давайте обсудим вашу задачу.

Хотите у нас научиться?

1000+ упражнений по дизайну интерфейсов.