Shopify

Запустите и развивайте интернет-магазин

www.shopify.com ↗

E-commerceiOS-приложение406 экранов

dashboard analytics form settings notifications sidebar

Shopify — Dashboard, Tab, скриншот 1/406

Shopify — Stacked List, Edit, скриншот 2/406

Shopify — E-commerce, интерфейс, скриншот 3/406

Shopify — Delete & Deactivate Account, скриншот 4/406

Shopify — E-commerce, интерфейс, скриншот 5/406

Shopify — E-commerce, интерфейс, скриншот 6/406

Shopify — E-commerce, интерфейс, скриншот 7/406

Shopify — E-commerce, интерфейс, скриншот 8/406

Shopify — Card, Thumbnail, скриншот 9/406

Shopify — E-commerce, интерфейс, скриншот 10/406

Shopify — Badge, Banner, скриншот 11/406

Shopify — E-commerce, интерфейс, скриншот 12/406

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

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

В каталоге DesignShots собрано 406 скриншотов интерфейса Shopify. Это iOS-приложение из категории E-commerce; категория охватывает электронная коммерция и маркетплейсы. Разметка кадров фиксирует 87 типов экранов; среди задокументированных элементов — Dashboard, Tab, Stacked List, Edit и Delete & Deactivate Account. На уровне композиции отмечено 6 UI-паттернов: Панель управления с метриками и графиками, Аналитика и визуализация данных, Формы ввода данных, валидация и отправка, Страница настроек и конфигурации и Центр уведомлений и оповещений. Основная палитра построена на светлых тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Shopify, затем откройте связанные паттерны и проекты категории E-commerce. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Shopify

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

Shopify — ios-приложение из категории E-commerce. Электронная коммерция и маркетплейсы. Запустите и развивайте интернет-магазин. В интерфейсе отмечено 6 UI-паттернов: Панель управления с метриками и графиками, Аналитика и визуализация данных, Формы ввода данных, валидация и отправка, Страница настроек и конфигурации, Центр уведомлений и оповещений, Боковая панель навигации. Цветовая палитра построена на светлых тонах.

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

dashboard: Панель управления с метриками и графиками
analytics: Аналитика и визуализация данных
form: Формы ввода данных, валидация и отправка
settings: Страница настроек и конфигурации
notifications: Центр уведомлений и оповещений
sidebar: Боковая панель навигации

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

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

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

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

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

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

Shopify — ios-приложение из категории E-commerce.

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

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

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