Yellowbird

Лучший в мире острый соус

www.yellowbird.com ↗

Food & DrinkВеб-сайт10 экранов

landing card-grid checkout form navbar sidebar

Yellowbird — About, Hero Section, скриншот 1/10

Yellowbird — About, Downloads, скриншот 7/10

Yellowbird — Social Proof, скриншот 8/10

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

В каталоге DesignShots собрано 10 скриншотов интерфейса Yellowbird. Это веб-сайт из категории Food & Drink; категория охватывает еда, доставка и рестораны. Разметка кадров фиксирует 14 типов экранов; среди задокументированных элементов — About, Downloads, Footer Section, Hero Section и Navigation Section. На уровне композиции отмечено 6 UI-паттернов: Посадочная страница продукта, Сетка карточек с контентом, Оформление заказа и оплата, Формы ввода данных, валидация и отправка и Навигационная панель и меню. Основная палитра построена на тёплых тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Yellowbird, затем откройте связанные паттерны и проекты категории Food & Drink. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Yellowbird

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

Yellowbird — веб-сайт из категории Food & Drink. Еда, доставка и рестораны. Лучший в мире острый соус. В интерфейсе отмечено 6 UI-паттернов: Посадочная страница продукта, Сетка карточек с контентом, Оформление заказа и оплата, Формы ввода данных, валидация и отправка, Навигационная панель и меню, Боковая панель навигации. Цветовая палитра построена на тёплых тонах.

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

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

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

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

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

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

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

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

Yellowbird — веб-сайт из категории Food & Drink.

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

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

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