Squarespace

Создайте свой сайт легко

www.squarespace.com ↗

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

landing onboarding editor settings sidebar pricing

Squarespace — CTA Section, Features, скриншот 1/12

Squarespace — Blog, CTA Section, скриншот 3/12

Squarespace — CTA Section, Downloads, скриншот 4/12

Squarespace — About, Stats Section, скриншот 5/12

Squarespace — CTA Section, Downloads, скриншот 6/12

Squarespace — CTA Section, скриншот 7/12

Squarespace — Blog, CTA Section, скриншот 8/12

Squarespace — Features, Showcase Section, скриншот 9/12

Squarespace — CTA Section, Features, скриншот 11/12

Squarespace — Features, Hero Section, скриншот 12/12

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

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

Подробнее о Squarespace

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

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

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

landing: Посадочная страница продукта
onboarding: Пошаговое введение в продукт
editor: Текстовый или визуальный редактор
settings: Страница настроек и конфигурации
sidebar: Боковая панель навигации
pricing: Тарифы и планы подписки

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

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

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

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

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

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

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

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

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

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