Ditto

Единый источник правды для текстов в продукте

ditto.app ↗

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

dashboard form settings sidebar navbar modal

Ditto — About, CTA Section, скриншот 1/7

Ditto — Social Proof, Stats Section, скриншот 4/7

Ditto — How It Works, Pricing, скриншот 5/7

Ditto — How It Works, Showcase Section, скриншот 6/7

Ditto — Features, How It Works, скриншот 7/7

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

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

Подробнее о Ditto

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

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

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

dashboard: Панель управления с метриками и графиками
form: Формы ввода данных, валидация и отправка
settings: Страница настроек и конфигурации
sidebar: Боковая панель навигации
navbar: Навигационная панель и меню
modal: Модальные окна и диалоги

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

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

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

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

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

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

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

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

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

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