Notion

ИИ-пространство, которое работает на вас

notion.so ↗

ProductivityВеб-сайт16 экранов

editor dashboard sidebar form modal

Notion — Blog, Comparison, скриншот 2/16

Notion — Features, Hero Section, скриншот 3/16

Notion — CTA Section, Downloads, скриншот 4/16

Notion — Downloads, Features, скриншот 6/16

Notion — Showcase Section, Social Proof, скриншот 8/16

Notion — CTA Section, Downloads, скриншот 11/16

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

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

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

Подробнее о Notion

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

Notion — веб-сайт из категории Productivity. Инструменты продуктивности и организации работы. ИИ-пространство, которое работает на вас. В интерфейсе отмечено 5 UI-паттернов: Текстовый или визуальный редактор, Панель управления с метриками и графиками, Боковая панель навигации, Формы ввода данных, валидация и отправка, Модальные окна и диалоги. Цветовая палитра построена на светлых тонах.

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

editor: Текстовый или визуальный редактор
dashboard: Панель управления с метриками и графиками
sidebar: Боковая панель навигации
form: Формы ввода данных, валидация и отправка
modal: Модальные окна и диалоги

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

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

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

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

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

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

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

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

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

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