Deezer

Скачивайте и слушайте музыку офлайн

deezer.com ↗

EntertainmentВеб-сайт9 экранов

dashboard search card-grid profile notifications sidebar

Deezer — Social Proof, Stats Section, скриншот 1/9

Deezer — CTA Section, Downloads, скриншот 2/9

Deezer — CTA Section, Hero Section, скриншот 4/9

Deezer — Features, Hero Section, скриншот 9/9

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

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

Подробнее о Deezer

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

Deezer — веб-сайт из категории Entertainment. Развлечения, стриминг и медиа. Скачивайте и слушайте музыку офлайн. В интерфейсе отмечено 6 UI-паттернов: Панель управления с метриками и графиками, Поиск с фильтрами и результатами, Сетка карточек с контентом, Профиль пользователя и аккаунт, Центр уведомлений и оповещений, Боковая панель навигации. Цветовая палитра построена на светлых тонах.

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

dashboard: Панель управления с метриками и графиками
search: Поиск с фильтрами и результатами
card-grid: Сетка карточек с контентом
profile: Профиль пользователя и аккаунт
notifications: Центр уведомлений и оповещений
sidebar: Боковая панель навигации

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

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

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

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

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

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

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

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

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

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