Цветовая палитра в духе Discord
Палитра в духе Discord - тёмный, близкий к гейминг-эстетике вид чата: почти чёрный фон, узнаваемый фиолетово-синий основной цвет и красный акцент, зарезервированный для упоминаний и уведомлений.
Посмотрите, как палитра в духе Discord выглядит в реальном, живом интерфейсе ниже - не на плоском свотче. Переключитесь на «Ваша палитра», чтобы увидеть свои цвета в том же интерфейсе.
Как выглядит палитра в духе Discord?
Коммьюнити- и гейминг-ориентированные чаты часто делают тёмную тему основным, а не второстепенным опытом, потому что многие люди используют их подолгу рядом с играми или другими полноэкранными приложениями, где яркий белый интерфейс резал бы глаз. Тёмная база также позволяет одному узнаваемому фирменному цвету - а не целой радуге - выполнять всю работу по визуальной идентичности.
Этот мокап - узкая панель серверов, список каналов и лента чата - заимствует этот тёмный макет с одним акцентом и фокусом на сообществе, чтобы показать, как палитра работает в постоянно открытом чат-интерфейсе. Это оригинальный макет в этом духе, а не копия реальной брендовой системы какого-либо конкретного продукта.
Ключевые визуальные характеристики
- Тёмный, почти чёрный или тёмно-серый фон по всему интерфейсу, а не как опциональная тема
- Узкая вертикальная «панель серверов» из круглых иконок у левого края
- Более широкий список каналов рядом с панелью серверов, ведущий в основную ленту чата
- Маленькие цветные ролевые бейджи рядом с именами пользователей
- Отдельный красный стиль бейджей, зарезервированный для непрочитанных упоминаний и уведомлений
Цветовые характеристики
- Тёмная нейтральная база (от почти чёрного до тёмно-серого) как значение по умолчанию, а не переключатель
- Один узнаваемый насыщенный основной цвет для кнопок, ссылок и активных состояний
- Отдельный красный акцент, зарезервированный именно для упоминаний, уведомлений и деструктивных действий
Типографика
- Чистый, слегка скруглённый шрифт без засечек для имён пользователей и текста сообщений
- Жирные имена пользователей в паре с текстом сообщений обычной насыщенности, как и в других чат-приложениях
- Приглушённый вторичный цвет для времени сообщений и темы канала
UI-паттерны
- Узкая панель серверов из круглых иконок у левого края
- Колонка списка каналов между панелью серверов и основной областью чата
- Лента чата с аватаром, именем пользователя, цветом роли и сообщением в каждой строке
- Панель ввода сообщения с элементами управления вложениями и эмодзи внизу
Частые вопросы
Какие цвета обычно используются в интерфейсе в духе Discord?
Тёмный, почти чёрный фон по умолчанию (а не опциональная тёмная тема), один узнаваемый насыщенный основной цвет для кнопок и ссылок и отдельный красный акцент, зарезервированный для упоминаний и уведомлений.
Это официальные цвета бренда Discord?
Нет - это оригинальный макет, вдохновлённый общим видом коммьюнити- и гейминг-ориентированных чатов вроде Discord, а не копия его официальной цветовой палитры или защищённого товарным знаком дизайна.
Почему гейминг-ориентированные чаты по умолчанию тёмные?
Многие люди держат их открытыми рядом с полноэкранной игрой или другим тёмным приложением, поэтому яркий белый интерфейс резал бы глаз на контрасте - тёмная база сохраняет визуальную согласованность всего экрана во время долгих сессий.
Можно ли посмотреть свои цвета в этом интерфейсе в духе Discord, а не только палитру по умолчанию?
Да - переключите тумблер «Ваша палитра» над предпросмотром, чтобы увидеть свои текущие цвета в живом интерфейсе в духе Discord вместо цветов по умолчанию.