Как создать качественную цветовую палитру для UI

Перевод полезной статьи от Buninux о создании цветовой палитры для веб-сайта или приложения. 8 советов по созданию качественных цветовых схем.

Цвет повсюду. Работа с цветом — это неотъемлемая часть любого дизайн бренда и современный интерфейс стремится к его узнаваемости. Поэтому выбор и использование цветов для достижения бизнес-целей может оказаться тяжелой задачей для любого дизайнера.
Выбор, который делается влияет на внешний вид и на то, как пользователь думает о продукте и бизнесе. Практические советы по созданию качественной качественной цветовой схемы , которые помогут сделать правильный выбор.

Содержание

1. Нужно сделать выбор. Но выбирать нужно умом.
-Определение основных цветов.
-Найти свои белые и черные цвета.
-Использование акцентных цветов.
-Использование семантических цветов, для выделения важной информации.
2. Правила 60–30–10
3. Знание своей аудитории
4. Использование фотографии, чтобы создать цветовую палитру
5. Контраст — ваш друг
6. Следите за доступностью
7. Точно подписывайте цвета.
8. Инструменты и дополнительные материалы

Читать статью: https://vc.ru/design/199498-kak-sozdat-kachestvennuyu-cvetovuyu-palitru-dlya-ui

76 ссылок, которые помогут сделать концепцию дизайна эффектнее и быстрее

Если вернуться на восемь лет назад и посмотреть оттуда — невольно накатывается слеза. Тогда набор был скудный: Shutterstock, два шрифта Google fonts и Helvetica. Можно было фотографировать или искать 3D дизайнера, но это ресурсы, которых на проекте часто не было.
Ко всему клиент мог просто не согласовать тяжелую концепцию. Так студии и уходили в минус, создавая дорогие картинки сугубо для портфолио.
К счастью, те времена позади и теперь инструментов, которые помогают экономить время и ресурсы, сильно больше.

Типографика, Иконки, Графические приемы, Мокапы, Фото, Нейросети, Анимации, Иллюстрации и другое

Читать статью: https://vc.ru/design/198170-76-ssylok-kotorye-pomogut-sdelat-koncepciyu-dizayna-effektnee-i-bystree

Советы по использованию вариантов (variants) в Figma

Если вы любите часто использовать компоненты в своих дизайнах, то вы полюбите новую функцию Figma под названием варианты (Variants). Она переводит процесс проектирования на совершенно иной уровень!

Разбираемся с Figma Variants + Auto Layout на примере создания кнопок

Что такое варианты
Варианты похожи на группы компонентов. Их цель – собрать похожие компоненты и дать дизайнеру возможность настроить их, как один элемент, с помощью пары переключателей.
Варианты сделают ваши дизайн-системы более гибкими и быстрыми в использовании. Просмотр компонентов стал намного удобнее. В целом варианты упрощают наборы компонентов.

Содержание статьи 
Как создать варианты
Как сделать переключатель вместо раскрывающегося списка
Практическое использование вариантов
1. Используйте его для управления состояниями
2. Используйте его, чтобы изменить стиль
3. Различия в размерах компонентов
4. Объедините несколько свойств
Каковы ограничения вариантов?

Читать статью: https://ux.pub/sovety-po-ispolzovaniyu-variantov-variants-v-figma/