Discord

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

www.discord.com ↗

CommunicationiOS-приложение20 экранов

chat sidebar form settings profile modal

Discord — Communication, интерфейс, скриншот 1/20

Discord — Communication, интерфейс, скриншот 2/20

Discord — Communication, интерфейс, скриншот 3/20

Discord — Communication, интерфейс, скриншот 4/20

Discord — Communication, интерфейс, скриншот 5/20

Discord — Communication, интерфейс, скриншот 6/20

Discord — Communication, интерфейс, скриншот 7/20

Discord — Communication, интерфейс, скриншот 8/20

Discord — Communication, интерфейс, скриншот 9/20

Discord — Communication, интерфейс, скриншот 10/20

Discord — Communication, интерфейс, скриншот 11/20

Discord — Promotions & Rewards, скриншот 12/20

Показано 12 из 20

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

В каталоге DesignShots собрано 20 скриншотов интерфейса Discord. Это iOS-приложение из категории Communication; категория охватывает коммуникации, звонки и мессенджеры. Разметка кадров фиксирует 2 типа экранов; среди задокументированных элементов — Promotions & Rewards и Tab. На уровне композиции отмечено 6 UI-паттернов: Чат и обмен сообщениями, Боковая панель навигации, Формы ввода данных, валидация и отправка, Страница настроек и конфигурации и Профиль пользователя и аккаунт. Основная палитра построена на светлых тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Discord, затем откройте связанные паттерны и проекты категории Communication. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Discord

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

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

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

chat: Чат и обмен сообщениями
sidebar: Боковая панель навигации
form: Формы ввода данных, валидация и отправка
settings: Страница настроек и конфигурации
profile: Профиль пользователя и аккаунт
modal: Модальные окна и диалоги

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

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

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

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

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

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

Discord — ios-приложение из категории Communication.

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

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

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