Скачать или смотреть Я создал лучший способ выбора цветов для дизайна пользовательского интерфейса — Realtime Colors v1

НОВИНКА — Следите за обновлениями V3:    • I made Realtime Colors 100x Better (v3)  

------

Давайте посмотрим, как выбирать цвета для дизайна пользовательского интерфейса с помощью Realtime Colors — первого инструмента для выбора цветов, позволяющего визуализировать выбранные вами цвета на реальном веб-сайте.

// ✨ Полезные ссылки:
Цвета в реальном времени: https://realtimecolors.com
Плагин Figma: https://www.figma.com/community/plugi...
Простейший код переключателя тем на JS: https://codepen.io/Juxtopposed/pen/OJ...
Игра на разницу цветов HSL: https://codepen.io/Juxtopposed/full/g...

// ✨ Давайте общаться:
Twitter:   / juxtopposed  
CodePen: https://codepen.io/Juxtopposed
Dribbble: https://dribbble.com/juxtopposed
Github: https://github.com/juxtopposed

Спасибо за просмотр!

--------

// Временные метки:
00:00 Вступление
00:19 Цветовой дизайн — это СЛОЖНО
00:39 Знакомство с цветами в реальном времени
00:58 О цветах
01:12 Простейшее руководство по цветовому дизайну пользовательского интерфейса
01:25 Шаг 1: Тестирование с цветами в реальном времени
01:59 Цветовые схемы
02:59 Шаг 2: Экспорт цветов
03:17 Шаг 3: Дизайн с цветами
03:38 Шаг 4: Кодирование с цветами
04:11 Правило 60-30-10
04:36 Психология цвета
04:57 Выводы

--------

Что такое цвета в реальном времени?

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

Не тратьте несколько часов на реализацию цветов в дизайнерском редакторе,
Отправляйте ссылки на цвета друзьям,
Скачивайте палитры в виде изображений и кода,
Экспортируйте палитры в Figma через плагин,
и многое другое, например, выбор шрифтов и т. д. :)

В этом видео я также расскажу о реализации цветов как в дизайне (в Figma), так и в коде, а также объясню цвета в дизайне пользовательского интерфейса, включая цветовые схемы, правило 60-30-10 и т. д.

---------

#colors #colordesign #colorpalette #RealtimeColors #uidesign #choosingcolors #webdesign

-------
► Информация о треке:
► Ссылка на видео:    • No Copyright Music for Cooking | Backgroun...  
Музыка предоставлена ​​TikTak. Музыка без авторских прав.