Я создал бесплатный навык для агента, который подбирает красивые цвета для приложений
Chris Elder
0:00 / 0:00
Я создал бесплатный навык для агента, который подбирает красивые цвета для приложений
393 просмотра · 5 дн. назад
Chris Elder
1,59 тыс. подписчиков
393 просмотра · 5 дн. назад
Выбор цветов для приложения — сложная задача, если вы не дизайнер. Но вам не нужно хорошо разбираться в теории цвета. Вам нужна система, где каждый цвет выполняет свою функцию, а контраст уже проверен.
В этом видео рассматриваются основы цветового дизайна для приложений: одноцветные градиенты вместо цветовых схем, почему темному режиму нужны свои собственные градиенты, правила контраста WCAG 2 и где они нарушаются, а также перцептивный контраст APCA. Затем демонстрируется бесплатный навык на основе ИИ, который генерирует светлые и темные палитры любого оттенка, проверенные по обеим формулам контраста, без использования палитры цветов.
==============================
Другие ресурсы
=============================
Исходный код и Material Design
Навыки работы с палитрами (z-palette-design-session, z-make-radix-palette, z-make-leonardo-palette) - https://github.com/chriselderxyz/skillz
Генераторы
Генератор пользовательских палитр Radix Colors - https://www.radix-ui.com/colors/custom
Adobe Leonardo - https://leonardocolor.io/
Material Theme Builder - https://material-foundation.github.io...
Цвета Tailwind CSS - https://tailwindcss.com/docs/colors
==============================
Обо мне
==============================
Разработчик программного обеспечения с 7-летним стажем инвалидности из-за сотрясения мозга, постепенно возвращающийся в игру.
Социальные сети:
/ chriselderxyz
/ chriselderxyz
/ chriselderxyz
https://github.com/chriselderxyz
==============================
Разделы видео
==============================
00:00 - Вступление
01:27 - Цветовые градиенты
02:40 - Темный режим
03:52 - Контраст: WCAG 2
07:58 - Проблемы WCAG 2
08:53 - Контраст: APCA
10:21 - Контраст: Используйте оба варианта
10:52 - Токен Составление карты
11:31 - Навык: Генераторы, которые он оборачивает
13:08 - Навык: Установка
13:36 - Навык: Запуск
15:23 - Навык: Страница результатов
16:08 - Навык: Пандусы
20:23 - Навык: Примеры приложений
21:39 - Навык: Итерация
24:20 - Навык: Экспорт
25:19 - Заключение