Search Results for нажатии кнопок
Explore AI generated designs, images, art and prompts by top community artists and designers.
1. Основные требования Стиль: Минимализм (как Apple Wallet) + технологичные акценты (как в Tesla UI) Цвета: Основной: #2563EB (синий) Фон: #FFFFFF (белый) + #F8FAFC (серый для второстепенных элементов) Текст: #1E293B (основной) , #64748B (второстепенный) Обязательные экраны (MVP): Главный экран (мониторинг батареи) Экран замены батареи Профиль/Настройки 2. Детализация главного экрана Верхняя часть: Левый угол: Логотип (иконка батареи + название) Правый угол: Карточка пользователя: text ┌───────────────────┐ | 👤 | | ID: EV-1234 | └───────────────────┘ Размер: 120×60 px Закругление: 12 px Тень: 0px 2px 6px rgba(37 , 99 , 235 , 0.1) Центр: Круговая диаграмма заряда: Диаметр: 200 px Цвет заполнения: градиент #3B82F6 → #93C5FD Анимация: плавное заполнение (2 сек) В центре: Текст: 82% (шрифт 32 pt , #2563EB) Подпись: Текущий заряд (шрифт 14 pt , #64748B) Блок подписки: text ┌──────────────────────────────┐ | 🔋 Подписка активна | | До 15.12.2024 | | [Продлить] | └──────────────────────────────┘ Кнопка «Продлить»: Цвет: #2563EB Анимация при нажатии: уменьшение до 95% Метрики батареи: 3 блока в ряд: text ┌───────┐ ┌───────┐ ┌───────┐ | 🔋 | | 🛣️ | | 🌡️ | | 75 kWh| | 342 км| | 26°C | └───────┘ └───────┘ └───────┘ Кнопка замены: text ┌──────────────────────────────┐ | 🔄 Запросить замену | └──────────────────────────────┘ Анимация: магнитный эффект при наведении 3. Интерактивность Микроанимации: При нажатии кнопок: масштаб 0.95 Переходы между экранами: плавное смещение вправо Темная тема (опционально): Основной: #1E40AF Фон: #0F172A ,
"Создай современный , минималистичный и интуитивно понятный пользовательский интерфейс (UI) для веб-приложения или мобильного приложения (на твой выбор , укажи платформу). Интерфейс должен включать следующие элементы: Экран выбора пользователя: Поле поиска с автодополнением , где пользователь может ввести имя или email для поиска существующего пользователя. Иконка поиска (лупа) внутри или рядом с полем ввода. Список результатов поиска (отображаются имена , аватары и краткая информация , например , email или роль пользователя). Анимация загрузки (например , спиннер) при выполнении поиска. Сообщение 'Пользователь не найден' , если результатов нет , с кнопкой 'Создать нового пользователя'. Экран создания нового пользователя (переход с экрана поиска , если пользователь не найден): Форма с полями: Имя , Email , Пароль (с возможностью показать/скрыть пароль) , Роль (выпадающий список: Админ , Пользователь , Гость). Кнопка 'Создать' с акцентным цветом и кнопка 'Отмена' для возврата к поиску. Валидация полей (например , подсветка ошибки , если email некорректен). Стили и дизайн: Используй минималистичный стиль с чистыми линиями , мягкими тенями и закругленными углами. Цветовая палитра: нейтральные тона (белый/светло-серый фон , темный текст) с акцентным цветом (например , синий #007BFF или зеленый #28A745). Шрифт: современный sans-serif (например , Inter , Roboto или аналогичный). Адаптивный дизайн: интерфейс должен хорошо выглядеть на десктопе и мобильных устройствах. Анимации: плавные переходы при открытии форм , нажатии кнопок , появлении результатов поиска. Дополнительные требования: Укажи , для какой платформы (веб или мобильное приложение) ты создаешь дизайн. Добавь элементы доступности (например , достаточный контраст текста , поддержка клавиатурной навигации). Визуализируй оба экрана (поиск и создание пользователя) как часть единого пользовательского пути. Если возможно , добавь темную тему как опцию. Контекст использования: Это интерфейс для административной панели , где администратор ищет пользователей в системе или создает новых , если их нет. Целевая аудитория: технически подкованные пользователи (администраторы , менеджеры) , которые ценят скорость и простоту. Пожалуйста , предоставь визуальный дизайн (макет) обоих экранов с аннотациями , объясняющими ключевые элементы и их функции. Если ты не можешь отрисовать макет , опиши его максимально детально , включая расположение элементов , цвета , шрифты и поведение интерфейса." ,