Framer

Конструктор сайтов для дизайнеров. Визуальный холст, анимации, CMS, адаптивная вёрстка.

framer.com ↗

DesignВеб-приложение528 экранов

editor sidebar modal dashboard login

Framer — Design, интерфейс, скриншот 1/528

Framer — Design, интерфейс, скриншот 2/528

Framer — Design, интерфейс, скриншот 3/528

Framer — Design, интерфейс, скриншот 4/528

Framer — Design, интерфейс, скриншот 5/528

Framer — Design, интерфейс, скриншот 6/528

Framer — Design, интерфейс, скриншот 7/528

Framer — Design, интерфейс, скриншот 8/528

Framer — Design, интерфейс, скриншот 9/528

Framer — Design, интерфейс, скриншот 10/528

Framer — Design, интерфейс, скриншот 11/528

Framer — Design, интерфейс, скриншот 12/528

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

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

В каталоге DesignShots собрано 528 скриншотов интерфейса Framer. Это веб-приложение из категории Design; категория охватывает инструменты дизайна и визуального контента. Разметка кадров фиксирует 2 типа экранов; среди задокументированных элементов — Search Bar и Search. На уровне композиции отмечено 5 UI-паттернов: Текстовый или визуальный редактор, Боковая панель навигации, Модальные окна и диалоги, Панель управления с метриками и графиками и Вход в аккаунт и авторизация. Основная палитра построена на светлых тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Framer, затем откройте связанные паттерны и проекты категории Design. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Framer

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

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

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

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

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

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

Search1
Search Bar1

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

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

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

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

Framer — веб-приложение из категории Design.

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

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

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