Headspace

Медитация и сон — просто

headspace.com ↗

HealthВеб-сайт10 экранов

landing dashboard search profile sidebar notifications

Headspace — Hero Section, Pricing, скриншот 1/10

Headspace — Blog, Features, скриншот 4/10

Headspace — About, Contact, скриншот 6/10

Headspace — About, Stats Section, скриншот 7/10

Headspace — Features, Stats Section, скриншот 8/10

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

В каталоге DesignShots собрано 10 скриншотов интерфейса Headspace. Это веб-сайт из категории Health; категория охватывает здоровье, медицина и велнес. Разметка кадров фиксирует 15 типов экранов; среди задокументированных элементов — About, Blog, CTA Section, Downloads и FAQ. На уровне композиции отмечено 6 UI-паттернов: Посадочная страница продукта, Панель управления с метриками и графиками, Поиск с фильтрами и результатами, Профиль пользователя и аккаунт и Боковая панель навигации. Основная палитра построена на светлых тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Headspace, затем откройте связанные паттерны и проекты категории Health. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Headspace

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

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

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

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

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

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

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

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

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

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

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

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

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

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