Retool

Лучший способ разрабатывать рабочий софт

retool.com ↗

Developer ToolsВеб-сайт10 экранов

editor dashboard sidebar form modal

Retool — Features, Hero Section, скриншот 3/10

Retool — Blog, CTA Section, скриншот 4/10

Retool — Blog, Hero Section, скриншот 6/10

Retool — CTA Section, Contact, скриншот 8/10

Старые версии · 1

Кадры прошлой съёмки сайта — дизайн с тех пор обновился

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

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

Подробнее о Retool

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

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

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

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

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

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

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

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

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

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

Retool — веб-сайт из категории Developer Tools.

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

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

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