Framer

Конструктор сайтов без кода

framer.com ↗

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

landing editor sidebar settings form navbar

Framer — Features, Hero Section, скриншот 2/16

Framer — Contact, Downloads, скриншот 3/16

Framer — CTA Section, Social Proof, скриншот 4/16

Framer — CTA Section, Downloads, скриншот 5/16

Framer — Features, Showcase Section, скриншот 12/16

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

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

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

Подробнее о Framer

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

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

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

landing: Посадочная страница продукта
editor: Текстовый или визуальный редактор
sidebar: Боковая панель навигации
settings: Страница настроек и конфигурации
form: Формы ввода данных, валидация и отправка
navbar: Навигационная панель и меню

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

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

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

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

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

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

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

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

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

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