Перейти к содержимому

Я создал бесплатный навык для агента, который подбирает красивые цвета для приложений

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 - Заключение