Duolingo

Языки, математика, музыка и шахматы

duolingo.com ↗

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

dashboard form settings profile sidebar notifications

Duolingo — Downloads, Hero Section, скриншот 1/14

Duolingo — CTA Section, Downloads, скриншот 3/14

Duolingo — CTA Section, Downloads, скриншот 4/14

Duolingo — FAQ, Social Proof, скриншот 8/14

Duolingo — Features, How It Works, скриншот 9/14

Duolingo — Stats Section, скриншот 10/14

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

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

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

Подробнее о Duolingo

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

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

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

dashboard: Панель управления с метриками и графиками
form: Формы ввода данных, валидация и отправка
settings: Страница настроек и конфигурации
profile: Профиль пользователя и аккаунт
sidebar: Боковая панель навигации
notifications: Центр уведомлений и оповещений

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

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

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

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

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

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

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

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

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

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