ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

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

color palettes

color palette

color design

color theory

how to choose color for ui design

color psychology for ui design

color palette for ui design

color palette generator

color palette generator figma

web color palette

how to use colors in web design

website colors

colors web design

how to choose color palette for UI

how to choose color palette for ui design

ui color

60 30 10 rule

ui color picker

ui design

color in ui design

choose colors for UI design

Автор: Juxtopposed

Загружено: 2023-05-03

Просмотров: 658117

Описание: НОВИНКА — Следите за обновлениями 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. Музыка без авторских прав.

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

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]