Ai Colors

Цвета AI генерируют полные цветовые наборы UI

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

Как он себя чувствует и что передает

• Вызывает ясность, равновесие и современный профессионализм
• Поддержка доступных высококонтрастных комбинаций в светлом и темном режимах
• Позволяет быстрое исследование тонов брендинга от тонких до смелых

Как использовать цвета AI

1. Опишите желаемое чувство или идею для вашего продукта (например, спокойный финтех, энергичное здравоохранение, премиальный SaaS).
2. Сгенерированные палитры это карта для семантических цветовых ролей (первичная, поверхность, фон, текст и т. Д.).
3. Выберите или настройте палитру и сохранить его с именем поддона для повторного использования в проектах.
4. Применять палитру токены пользовательского интерфейса, компоненты и страницы в вашей системе дизайна.

Структура палитры и имена

• Palette определяет стандартные токены UI:
• Первичный, поверхностный, фоновый, текст (и текст 2)
• Цвета текста включают доступные контрастные отношения
• 9-ступенчатая шкала оттенка (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950) для гранулированного управления
• Включает маркированную цветовую семью с шестизначными значениями, готовыми к передаче дизайна

Токены UI и элементы визуальной системы

• Первичный
• Поверхность
• Предыстория
• Текст 2
• Текст
• Цвета состояния системы (успех, предупреждение, ошибка)
• Нейтральные серые для границ, разделителей и инвалидов
• Совместимость по шкале типа (варианты шрифта Aa, показанные в интерфейсе, такие как Roboto)

Как это работает

• Вы предоставляете концепцию или вибрацию, и ИИ предлагает полный набор цветов, согласованный с семантическими ролями.
• Палитра включает в себя многоцветные шкалы для поддержки светлых / темных поверхностей и многослойного пользовательского интерфейса.
• Палеты могут быть сохранены, названы и повторно использованы в проектах для согласованности.
• Инструмент может представлять соответствующие переменные пользовательского интерфейса (включая цвета поверхности, поверхности-00, текста и статуса) для оптимизации интеграции с системами проектирования.

Безопасность, доступность и лучшие практики

• Стремитесь к доступному контрасту между текстом и фоном во всех токенах.
• Используйте семантические роли для поддержания согласованности при замене тем или поверхностей.

Основные характеристики

• Мгновенные цветовые палитры UI, созданные ИИ, адаптированные к вибрации бренда
• Семантические цветовые токены: первичные, поверхностные, фоновые, текстовые, текстовые 2, статусные цвета и нейтральные
• Многоступенчатая шкала оттенка (50-950) для тонкой глубины пользовательского интерфейса
• Сохранить палитры с пользовательскими именами для повторного использования в проектах
• Предварительные просмотры и примеры контекстов для визуализации использования
• Легкие готовые к интеграции семена для систем проектирования и токенов
• Поддержка последовательной типографики и систем пользовательского интерфейса наряду с цветом (например, предустановки шрифта Roboto, показанные в интерфейсе)