Handshake

Работа, стажировки, вдохновение

joinhandshake.com ↗

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

landing dashboard search form profile sidebar

Handshake — Downloads, Hero Section, скриншот 1/9

Handshake — CTA Section, Pricing, скриншот 2/9

Handshake — Contact, Features, скриншот 5/9

Handshake — About, Hero Section, скриншот 7/9

Handshake — Contact, Hero Section, скриншот 8/9

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

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

В каталоге DesignShots собрано 9 скриншотов интерфейса Handshake. Это веб-сайт из категории Education; категория охватывает образование и онлайн-обучение. Разметка кадров фиксирует 12 типов экранов; среди задокументированных элементов — Features, Hero Section, Navigation Section, Social Proof и Stats Section. На уровне композиции отмечено 6 UI-паттернов: Посадочная страница продукта, Панель управления с метриками и графиками, Поиск с фильтрами и результатами, Формы ввода данных, валидация и отправка и Профиль пользователя и аккаунт. Основная палитра построена на светлых тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Handshake, затем откройте связанные паттерны и проекты категории Education. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Handshake

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

Handshake — веб-сайт из категории Education. Образование и онлайн-обучение. Работа, стажировки, вдохновение. В интерфейсе отмечено 6 UI-паттернов: Посадочная страница продукта, Панель управления с метриками и графиками, Поиск с фильтрами и результатами, Формы ввода данных, валидация и отправка, Профиль пользователя и аккаунт, Боковая панель навигации. Цветовая палитра построена на светлых тонах.

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

landing: Посадочная страница продукта
dashboard: Панель управления с метриками и графиками
search: Поиск с фильтрами и результатами
form: Формы ввода данных, валидация и отправка
profile: Профиль пользователя и аккаунт
sidebar: Боковая панель навигации

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

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

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

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

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

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

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

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

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

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