Claude

ИИ-ассистент для работы и жизни

claude.ai ↗

AI & MLВеб-сайт8 экранов

landing chat sidebar settings navbar profile

Claude — CTA Section, Contact, скриншот 4/8

Claude — CTA Section, Hero Section, скриншот 8/8

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

В каталоге DesignShots собрано 8 скриншотов интерфейса Claude. Это веб-сайт из категории AI & ML; категория охватывает искусственный интеллект и машинное обучение. Разметка кадров фиксирует 11 типов экранов; среди задокументированных элементов — Blog, Downloads, Features, Hero Section и Navigation Section. На уровне композиции отмечено 6 UI-паттернов: Посадочная страница продукта, Чат и обмен сообщениями, Боковая панель навигации, Страница настроек и конфигурации и Навигационная панель и меню. Основная палитра построена на светлых тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Claude, затем откройте связанные паттерны и проекты категории AI & ML. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Claude

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

Claude — веб-сайт из категории AI & ML. Искусственный интеллект и машинное обучение. ИИ-ассистент для работы и жизни. В интерфейсе отмечено 6 UI-паттернов: Посадочная страница продукта, Чат и обмен сообщениями, Боковая панель навигации, Страница настроек и конфигурации, Навигационная панель и меню, Профиль пользователя и аккаунт. Цветовая палитра построена на светлых тонах.

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

landing: Посадочная страница продукта
chat: Чат и обмен сообщениями
sidebar: Боковая панель навигации
settings: Страница настроек и конфигурации
navbar: Навигационная панель и меню
profile: Профиль пользователя и аккаунт

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

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

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

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

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

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

Claude — веб-сайт из категории AI & ML.

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

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

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