
Glassmorphism UI Component Kit
Премиальная 3D-панель интерфейса Glassmorphism, демонстрирующая множество футуристических элементов управления пользовательским интерфейсом, идеально подходит для создания макетов дизайн-систем, визуальных образов продуктов и презентаций концепций приложений.
Это пример использования шаблона GPT Image 2 для Продукт и коммерция . Используйте приведенный ниже шаблон, готовый к копированию, чтобы создать аналогичные визуальные элементы, и перед повторным использованием проверьте указание авторства Awesome GPT Image 2 Prompts и права на коммерческое использование.
Free 1K preview
Generate one preview image instantly, no sign-up required.
Промпт
Подсказка для копирования
{
"type": "витрина компонентов пользовательского интерфейса glassmorphism",
"style": "премиальный минималистичный набор интерфейса neumorphic, матовое полупрозрачное белое акриловое стекло, мягкие тени, тонкие отражения, скругленные углы, чистый белый фон, акцентные цвета бирюзово-зеленый и оранжевый, ультрадетализированная 3D-визуализация продукта, вид сверху",
"palette": {
"background": "мягкий светло-серый-белый",
"primary": "глубокий бирюзово-зеленый",
"secondary": "яркий оранжевый",
"material": "молочное полупрозрачное стекло с деталями из сатинированного пластика"
},
"layout": {
"composition": "один холст с равномерно расположенными плавающими виджетами пользовательского интерфейса, расположенными в чистой презентации дизайн-системы",
"sections": [
{
"title": "большой циферблат",
"position": "верхний левый",
"count": 1,
"labels": [
"круглая поворотная ручка с радиальными метками и одним оранжевым индикатором"
]
},
{
"title": "навигационная панель",
"position": "верхний центр",
"count": 1,
"labels": [
"круглая четырехсторонняя панель управления с центральной кнопкой и четырьмя значками стрелок"
]
},
{
"title": "кнопка воспроизведения",
"position": "верхний центр-справа",
"count": 1,
"labels": [
"круглая кнопка с бирюзовым треугольником воспроизведения и оранжевой дугой прогресса"
]
},
{
"title": "переключатель",
"position": "верхний правый",
"count": 1,
"labels": [
"горизонтальный переключатель в виде таблетки, включенный"
]
},
{
"title": "кнопка «Избранное»",
"position": "середина верхний центр-слева",
"count": 1,
"labels": [
"квадратная плитка с закругленными углами с контуром сердца"
]
},
{
"title": "индикатор статуса",
"position": "середина верхний центр-справа",
"count": 1,
"labels": [
"маленькая круглая кнопка с оранжевой точкой в центре"
]
},
{
"title": "степпер",
"position": "середина верхний центр-справа",
"count": 1,
"labels": [
"горизонтальная таблетка с символами минус и плюс"
]
},
{
"title": "ползунок звука",
"position": "центр слева",
"count": 1,
"labels": [
"длинный горизонтальный ползунок громкости со значком динамика слева и рельефной формой звуковой волны справа"
]
},
{
"title": "датчик процента",
"position": "середина центр-справа",
"count": 1,
"labels": [
"круговой датчик, показывающий 60 % с радиальными метками"
]
},
{
"title": "плитка уведомлений",
"position": "центр справа",
"count": 1,
"labels": [
"квадратная плитка с закругленными углами с контуром колокола"
]
},
{
"title": "музыкальная карточка",
"position": "нижняя середина-слева",
"count": 1,
"labels": [
"медийная карточка с миниатюрой леса, названием {argument name=\"название трека\" default=\"Forest Drive\"}, подзаголовком {argument name=\"подзаголовок трека\" default=\"Ambient Journey\"}, индикатором прогресса и круглой кнопкой воспроизведения"
]
},
{
"title": "утилитарные значки",
"position": "нижний левый центр",
"count": 4,
"labels": [
"значок настроек слайдера",
"значок поиска",
"значок поделиться",
"значок большего меню"
]
},
{
"title": "компас",
"position": "нижний центр",
"count": 1,
"labels": [
"большой круглый компас с отметками N E S W и бирюзово-оранжевой стрелкой"
]
},
{
"title": "вертикальный ползунок",
"position": "нижний правый центр",
"count": 1,
"labels": [
"высокий закругленный ползунок с бирюзовой дорожкой, бирюзовой ручкой, оранжевым концом и маленьким значком динамика"
]
},
{
"title": "нижняя навигация",
"position": "нижний левый",
"count": 1,
"labels": [
"навигационная панель в виде таблетки с 4 значками: дом, столбчатая диаграмма, компас, профиль"
]
},
{
"title": "призыв к действию",
"position": "нижний центр-справа",
"count": 1,
"labels": [
"кнопка в виде таблетки с надписью {argument name=\"текст кнопки\" default=\"Explore\"} с оранжевым сегментом круговой стрелки"
]
},
{
"title": "биометрическая плитка",
"position": "нижний правый",
"count": 1,
"labels": [
"квадратная плитка с закругленными углами со значком отпечатка пальца"
]
}
]
},
"rendering": {
"lighting": "мягкое студийное освещение сверху слева",
"shadow": "диффузные многослойные тени для плавающей глубины",
"finish": "эстетика высококачественной бытовой электроники, отполированная, но минималистичная",
"quality": "четкая, чистая, реалистичная 3D-модель интерфейса, подходящая для главного изображения дизайн-системы"
}
}Переменные подсказки
Редактируемые заполнители аргументов, найденные в подсказке, с их значениями по умолчанию.
Best for
- - Продукт и коммерция visual exploration
- - Image generation and reference-image edits
- - Reusable briefs that keep source attribution visible
Change these parts
- - Subject, product, character, or scene
- - Aspect ratio, camera, lighting, and background
- - Brand, text, color, and output constraints
Recommended model and settings
- - Model: gpt-image-2
- - Input mode: Текст в изображение
- - Aspect ratio: source
- - Commercial status: review original source
How to use this prompt
- 1. Copy the prompt and preserve its structure for the first test.
- 2. Replace the subject, context, and publishing channel.
- 3. Change one camera, lighting, or style variable per iteration.
- 4. Inspect the output, source, text, and rights before reuse.
Limitations, source, and reuse cautions
- - Generated output is an editable draft, not factual, legal, or rights evidence.
- - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Больше случаев в этой категории
Приоритет отдается категориям, совместимости с режимами ввода, качеству и низкому уровню риска.






Примечания по повторному использованию и источникам
Используйте это подсказку безопасно после предварительного просмотра дела.
- 1.Скопируйте подсказку или откройте ее непосредственно в Dovoo с помощью кнопки генерации.
- 2.Настройте переменные, соотношение сторон и эталонные изображения в соответствии с вашими потребностями.
- 3.Перед публикацией или платным использованием проверьте права на источник, требования к указанию авторства, а также риски, связанные с использованием товарного знака или изображения.