Discord

Общайтесь, играйте, зависайте

discord.com ↗

CommunicationВеб-сайт11 экранов

dashboard chat sidebar notifications settings modal

Discord — FAQ, Hero Section, скриншот 1/11

Discord — Downloads, Features, скриншот 3/11

Discord — CTA Section, FAQ, скриншот 5/11

Discord — Features, How It Works, скриншот 6/11

Discord — Downloads, Hero Section, скриншот 8/11

Какие UI-решения показаны в Discord?

В каталоге DesignShots собрано 11 скриншотов интерфейса Discord. Это веб-сайт из категории Communication; категория охватывает коммуникации, звонки и мессенджеры. Разметка кадров фиксирует 14 типов экранов; среди задокументированных элементов — Downloads, Features, Footer Section, Hero Section и Navigation Section. На уровне композиции отмечено 6 UI-паттернов: Панель управления с метриками и графиками, Чат и обмен сообщениями, Боковая панель навигации, Центр уведомлений и оповещений и Страница настроек и конфигурации. Основная палитра построена на тёмных тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Discord, затем откройте связанные паттерны и проекты категории Communication. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Discord

Дизайн интерфейса Discord

Discord — веб-сайт из категории Communication. Коммуникации, звонки и мессенджеры. Общайтесь, играйте, зависайте. В интерфейсе отмечено 6 UI-паттернов: Панель управления с метриками и графиками, Чат и обмен сообщениями, Боковая панель навигации, Центр уведомлений и оповещений, Страница настроек и конфигурации, Модальные окна и диалоги. Цветовая палитра построена на тёмных тонах.

UI-паттерны в Discord

dashboard: Панель управления с метриками и графиками
chat: Чат и обмен сообщениями
sidebar: Боковая панель навигации
notifications: Центр уведомлений и оповещений
settings: Страница настроек и конфигурации
modal: Модальные окна и диалоги

Что показано на экранах Discord

В подборке 14 типов экранов — по ним видно, какие части продукта задокументированы.

Вопросы и ответы

Сколько скриншотов Discord в коллекции?

В коллекции 11 скриншотов интерфейса Discord, охватывающих ключевые экраны продукта.

К какой категории относится Discord?

Discord — веб-сайт из категории Communication.

Как использовать скриншоты как референс?

Изучайте решения UI/UX дизайна для вдохновения при проектировании Communication-продуктов.

Все скриншоты сделаны с реального продукта и показывают интерфейс таким, каким он был на момент съёмки.