Search Results for темная
Explore AI generated designs, images, art and prompts by top community artists and designers.
На снимке экрана показано меню настроек «Уведомления» в темной теме на планшете. Слева находится вертикальное меню с вкладками «Уведомления» (выделено синим) и «Настройки» (белое). Справа расположена основная панель настроек. Заголовок — «Уведомления». Под заголовком находится переключатель «Режимы вождения» (Notification on driving mode change) в положении «вкл.». Ниже находится кнопка «Предварительный просмотр уведомления» синего цвета. Под ней есть три раздела с переключателями: «Выбор темы» (светлая , темная , система) — выбрана светлая (синяя). «Размер уведомления» (большой , нормальный , маленький) — выбран нормальный (синий). «Тип уведомления» (значок , текст , оба) — выбрано оба (синий). В самом низу находится раздел «Положение на экране» с тремя квадратами. Центральный квадрат отмечен галочкой. В правом верхнем углу всплывает уведомление с иконкой финишного флага и надписью «Sport» (Driving mode changed). Сделай его минималистичным , красивым ,
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 ,
Атмосфера: Стильная , минималистичная , с акцентом на современные технологии , создающая ощущение комфорта и премиум-доверия. Настроение: Должно вызывать чувство комфорта , доверия , но при этом быть дерзким и динамичным. Цветовая палитра: Скорее всего , будет использоваться темная гамма , чтобы подчеркнуть контраст с яркими световыми линиями. Например , темно-синий , черный , серый с акцентами золотого или серебристого. Шрифты: Стиль шрифтов должен быть минималистичным , строгим и элегантным , чтобы подчеркнуть премиум-характер сайта. Например , Helvetica , Roboto , Arial Black. Графические элементы: Фотографии и иллюстрации должны быть высокого качества и стильного вида. Используйте элементы "блекдизайна" , современных технологий , модульные конструкции. Световые линии: Яркие и динамичные , создающие чувство дерзости и энергии. Можно использовать плавную анимацию с яркими цветами. Звуковые эффекты: Можно добавить негромкие звуковые эффекты , например , шум света или негромкую музыку в стиле "техно" , чтобы подчеркнуть динамичный характер сайта. Интерфейс: Должен быть простым и интуитивно понятным. Рекомендуется использовать минималистичное меню и яркие акценты для ключевых элементов. Дополнительные идеи: Используйте эффекты параллакса для создания глубины и динамичности. Добавьте интерактивные элементы , например , перемещение световых линий при наведении курсора. ,