Headspace
Сон, стресс и тревога — под контролем
www.headspace.com ↗Скриншоты интерфейса Headspace
Показано 12 из 138
Какие UI-решения показаны в Headspace?
В каталоге DesignShots собрано 138 скриншотов интерфейса Headspace. Это iOS-приложение из категории Health; категория охватывает здоровье, медицина и велнес. Разметка кадров фиксирует 75 типов экранов; среди задокументированных элементов — Illustration, Banner, Bookmarks & Collections, Card и Stacked List. На уровне композиции отмечено 6 UI-паттернов: Панель управления с метриками и графиками, Сетка карточек с контентом, Пошаговое введение в продукт, Профиль пользователя и аккаунт и Страница настроек и конфигурации. Основная палитра построена на светлых тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Headspace, затем откройте связанные паттерны и проекты категории Health. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.
Подробнее о HeadspaceСкрыть
Дизайн интерфейса Headspace
Headspace — ios-приложение из категории Health. Здоровье, медицина и велнес. Сон, стресс и тревога — под контролем. В интерфейсе отмечено 6 UI-паттернов: Панель управления с метриками и графиками, Сетка карточек с контентом, Пошаговое введение в продукт, Профиль пользователя и аккаунт, Страница настроек и конфигурации, Центр уведомлений и оповещений. Цветовая палитра построена на светлых тонах.
UI-паттерны в Headspace
- dashboard
- Панель управления с метриками и графиками
- card-grid
- Сетка карточек с контентом
- onboarding
- Пошаговое введение в продукт
- profile
- Профиль пользователя и аккаунт
- settings
- Страница настроек и конфигурации
- notifications
- Центр уведомлений и оповещений
Что показано на экранах Headspace
В подборке 75 типов экранов — по ним видно, какие части продукта задокументированы.
- Button4
- Card4
- Class & Lesson Detail4
- Illustration4
- Top Navigation Bar4
- Banner3
- Browse & Discover3
- Checkbox3
- Progress3
- Progress Indicator3
- Settings & Preferences3
- Acknowledgement & Success2
- Bottom Sheet2
- Cancel2
- Carousel2
- Chip2
- Confirmation2
- Date & Time2
- Empty State2
- Favorite & Pin2
- Full-Screen Overlay2
- Pricing2
- Quiz2
- Search Bar2
- Select2
- Stacked List2
- Switch2
- Text Field2
- Tile2
- Toolbar2
- Welcome & Get Started2
- Accordion1
- Account Setup1
- Achievements & Awards1
- Action Option1
- Action Sheet1
- Add & Create1
- Animation & Video1
- Audio Player1
- Avatar1
- Badge1
- Billing1
- Bookmarks & Collections1
- Charts1
- Coach Marks1
- Dashboard1
- Delete & Deactivate Account1
- Dialog1
- Downloads & Available Offline1
- Dropdown Menu1
- Edit1
- Feature Info1
- Feedback1
- Floating Action Button1
- Guided Tour & Tutorial1
- Home1
- Icon1
- Invite & Refer Friends1
- Loading1
- Loading Indicator1
- Login1
- My Account & Profile1
- Payment Method1
- Radio Button1
- Reminder1
- Search1
- Segmented Control1
- Signup1
- Song & Podcast Detail1
- Splash Screen1
- Subscription & Paywall1
- Suggestions & Similar Items1
- Tab Bar1
- Timeline & History1
- Widgets1
Вопросы и ответы
Сколько скриншотов Headspace в коллекции?
В коллекции 138 скриншотов интерфейса Headspace, охватывающих ключевые экраны продукта.
К какой категории относится Headspace?
Headspace — ios-приложение из категории Health.
Как использовать скриншоты как референс?
Изучайте решения UI/UX дизайна для вдохновения при проектировании Health-продуктов.
Все скриншоты сделаны с реального продукта и показывают интерфейс таким, каким он был на момент съёмки.
