Цвет учитывает особенности отображения, окружающую среду и когнитивные функции. Цветовая гамма очков использует тщательно подобранную палитру для поддержки работы аддитивных дисплеев и оптимизации визуального комфорта. Цветовая гамма очков должна использоваться разумно, чтобы гармонировать с реальным миром, обозначать важные действия, отображать изображения или придавать семантическое значение.
Чёрный цвет прозрачен на оптически прозрачном дисплее. Учитывайте это при проектировании, так как более тёмный цвет будет казаться тусклым или прозрачным, но это также можно использовать для создания глубины.
Цветовая схема
Цветовая схема очков (набор цветовых маркеров или ролей для определения цветовой гаммы вашего приложения) состоит из 3 акцентных ролей, 4 поверхностных (или нейтральных) ролей и их цветовых аналогов. Цветовые роли аналогичны ролям в мобильной схеме и должны использоваться таким же образом.
Акцентные цвета можно использовать для придания ограниченного акцента какому-либо цвету.
Делать
Не
Настроить цвет
При выборе цветов для очков крайне важно обеспечить минимальное визуальное искажение и соответствие реальному миру, уделяя первостепенное внимание читаемости при различных условиях освещения. Это включает в себя тщательную калибровку цветов для баланса яркости и насыщенности, обеспечивая чёткость и чёткость, сохраняя при этом достаточную насыщенность для мгновенной различимости. Основной цвет можно настроить, используя ваш фирменный стиль или основной цвет взаимодействия. Учитывайте контрастность, насыщенность и энергопотребление выбранного цвета.
Оптимизированные фирменные и семантические цвета
Цвета, представляющие бренд, действия или системные оповещения, должны быть:
- Достаточно яркий, чтобы быть читаемым
- Достаточно насыщенный, чтобы быть различимым как цвет
Потребление энергии
Некоторые цвета потребляют больше энергии и выделяют больше тепла, чем другие. Зелёный — наименее энергоёмкий, синий — наиболее энергоёмкий, если сравнивать цвета одинакового тона, как показано справа. Сведите к минимуму количество загораемых пикселей. Чем ярче экран, тем сильнее он нагревается. Не заполняйте экран полностью белым цветом, так как это может привести к снижению температуры.
Делать
Не
Делать
Не
Следует избегать нестандартных поверхностей.
Темные цвета контейнера
Контейнеры, как правило, должны быть ориентированы на отображение находящегося в них содержимого, не отвлекая при этом внимание:
- Для максимальной контрастности поверхности должны быть черными.
- Контуры должны быть видимыми, но едва заметными.
Делать
Не
Возможна настройка контура для добавления фирменного стиля или выразительного пользовательского интерфейса.
Делать
Не
Предупреждение
Настройка фокуса контура с помощью синего цвета: выделение состояния фокуса состоит из 2 контуров, цвет применяется к слою 2 для настройки состояния фокуса.