IP
Создать
Предварительное изображение набора компонентов пользовательского интерфейса Glassmorphism
Основное эталонное изображение

Glassmorphism UI Component Kit

Премиальная 3D-панель интерфейса Glassmorphism, демонстрирующая множество футуристических элементов управления пользовательским интерфейсом, идеально подходит для создания макетов дизайн-систем, визуальных образов продуктов и презентаций концепций приложений.

Это пример использования шаблона GPT Image 2 для Продукт и коммерция . Используйте приведенный ниже шаблон, готовый к копированию, чтобы создать аналогичные визуальные элементы, и перед повторным использованием проверьте указание авторства Awesome GPT Image 2 Prompts и права на коммерческое использование.

Нужен полный набор подсказок? Воспользуйтесь Продукт и коммерция Для получения дополнительных примеров по теме, или откройте раздел "Обзор тем" GPT Image 2 быстрый каталог Полный список примеров, многократно используемых структур и указание источников см. здесь.
Попробуйте эту подсказку

Free 1K preview

Generate one preview image instantly, no sign-up required.

4000/4000
Continue on Dovoo

Промпт

Подсказка для копирования

{
  "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-модель интерфейса, подходящая для главного изображения дизайн-системы"
  }
}

Переменные подсказки

Редактируемые заполнители аргументов, найденные в подсказке, с их значениями по умолчанию.

3
Переменная
track title
По умолчанию
Forest Drive
Переменная
track subtitle
По умолчанию
Ambient Journey
Переменная
button text
По умолчанию
Explore

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. 1. Copy the prompt and preserve its structure for the first test.
  2. 2. Replace the subject, context, and publishing channel.
  3. 3. Change one camera, lighting, or style variable per iteration.
  4. 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.
Импортировано из Awesome GPT Image 2 Prompts . Требуется указание авторства. Статус коммерческого использования: allowed ; перед платным использованием ознакомьтесь с правами на источник.

Больше случаев в этой категории

Приоритет отдается категориям, совместимости с режимами ввода, качеству и низкому уровню риска.

6

Примечания по повторному использованию и источникам

Используйте это подсказку безопасно после предварительного просмотра дела.

  1. 1.Скопируйте подсказку или откройте ее непосредственно в Dovoo с помощью кнопки генерации.
  2. 2.Настройте переменные, соотношение сторон и эталонные изображения в соответствии с вашими потребностями.
  3. 3.Перед публикацией или платным использованием проверьте права на источник, требования к указанию авторства, а также риски, связанные с использованием товарного знака или изображения.
Glassmorphism UI Component Kit для GPT Image 2 | Image Prompt Gallery