Что такое UI-кит и зачем он нужен

UI-кит - это набор готовых элементов интерфейса, а также правил поведения этих элементов, который позволяет дизайнерам не плодить стили и соблюдать консистентность макета, а разработчикам «закодить» все элементы и переиспользовать там, где это нужно.

Почему стоит использовать UI-кит

Консистентность дизайна

Интерфейс сайта не должен быть похож на взрыв радуги на миллион оттенков. Почти одинаковые кнопки или тени, почти одинаковое поведение – это не консистентность. Даже если это сайт на миллион страниц, все элементы должны гармонировать между собой.

Ускорение работы

Всё хранится в одном месте, всё упорядоченно и не вызывает вопросов, какой стиль у заголовков или какая тень у кнопки.
Это здорово экономит время: вы просто берёте копию материнского элемента и вставляете в проект.

Создание базы знаний

С развитием продукта будет расти и количество специалистов, которые над ним работают.

Все же помнят, что Apple начинался из гаража Стива Джобса, а сейчас над ним трудятся тысячи сотрудников. Невозможно представить, что они делают продукт так, как им видится, не соблюдая гайдлайны.

Вывод: отправляйте заказчику UI-кит вместе с макетом и, уверен, это добавит вам 100 очков к профессионализма в его глазах😎

Тут можно раздать огня, если было полезно 🔥

Офигенный UI Kit iOS 16 из Figma Community
#полезно

Ох, какую крутую штуку я вам принес 😎

Это пак иконок в стиле глассморфизм. Внутри есть еще инструкция по созданию своих собственных иконок.

Забирайте, чтобы стилизовать свои проекты🔥

Продолжаем развивать насмотренность и острый дизайнерский вкус с помощью игр 🚀

LOGO QUIZ
Здесь нужно угадать, какой компании принадлежит тот или иной логотип. Некоторые варианты представлены в виде обрезанной картинки, некоторые - буквой.

Сложность: 6 из 10

What the HEX?
Крутая, но невероятно сложная игра. Нужно понять, какой HEX-цвет в задании из представленных пяти вариантов.
В игре необходимо хорошее знание цветового круга, но в процессе игры отлично прокачивается «насмотренность».

Сложность: 10 из 10

Pixactly
Рисуем фигуры по заданным размерам, при этом нет никаких направляющих и линеек. Все «на глаз» 😎

Сложность: 8 из 10

I love typography
Вы должны определить, какой из 4 образцов текста набран тем или иным шрифтом. Это стандартная игра с несколькими вариантами ответов.

Сложность: 10 из 10

Здесь можно раздать огня, если было полезно 🔥

Всем привет!

Все выходные пытался собраться с мыслями, чтобы что-то запостить, но понимаю, как сейчас всем не до этого.

Если вы испытываете страх или тревожность, помните, – это нормально в такой ситуации, а любое принятое решение – правильное. Главное, не принимайте их на эмоциях!

Я продолжу делать то, что меня успокаивает, надеюсь, это поможет и вам🔥

Остаюсь на связи в комментариях, приходите!