Cosmos

Поисковик вдохновения для креаторов

DesignВеб-сайт3 экрана

landing search card-grid navbar profile modal

Cosmos — About, CTA Section, скриншот 3/3

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

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

Подробнее о Cosmos

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

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

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

landing: Посадочная страница продукта
search: Поиск с фильтрами и результатами
card-grid: Сетка карточек с контентом
navbar: Навигационная панель и меню
profile: Профиль пользователя и аккаунт
modal: Модальные окна и диалоги

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

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

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

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

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

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

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

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

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

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