Design d'interaction d'interface · #159 Image d'exemple

Cliquer pour agrandir · Rendu de référence original

Source de l'exemple

Contenu d'origine préservé. Le résultat final dépend de la version du modèle, des images de référence et des paramètres ; la reproduction exacte n'est pas garantie.

UI & Interfaces / PROMPT #159

Design d'interaction d'interface · #159

InterfaceRéalisteProduitTechCommerceSocial

Observez le rendu puis copiez le prompt d'origine ; remplacez les variables ci-dessous avec vos propres éléments.

01 / Personnalisez votre version

"透气速干", "弹力舒适", "运动百搭""smile", "shopping cart", "heart", "gift", "more"

02 / Prompt complet · Texte original

{
  "type": "e-commerce livestream UI mockup",
  "subject": {
    "description": "photorealistic young Asian woman, sweaty glowing skin, long dark wavy hair, wearing a white short-sleeve polo shirt and white pleated tennis skirt, holding a white tennis racket over her right shoulder, looking directly at camera, studio lighting, white background"
  },
  "layout": {
    "top_header": {
      "host_info": {
        "name": "{argument name=\"host name\" default=\"小鹿运动优选\"}",
        "stats": "12.8万本场点赞",
        "button": "关注"
      },
      "rank_tag": "带货榜第3名",
      "viewer_stats": "1.2万"
    },
    "top_right": {
      "coupon": {
        "title": "直播间专属券",
        "value": "￥20 满199可用",
        "button": "领取"
      }
    },
    "left_overlay": {
      "title": "{argument name=\"campaign title\" default=\"夏日运动季\"}",
      "subtitle": "{argument name=\"campaign subtitle\" default=\"活力开场\"}",
      "bullet_points": {
        "count": 3,
        "items": ["透气速干", "弹力舒适", "运动百搭"]
      }
    },
    "right_overlay": {
      "product_cards": {
        "count": 2,
        "card_1": {
          "status": "正在讲解",
          "image": "white polo shirt and skirt flat lay",
          "title": "{argument name=\"product name\" default=\"运动POLO衫套装\"}",
          "details": "白色·M码",
          "price": "{argument name=\"price\" default=\"￥129\"}",
          "button": "去抢购"
        },
        "card_2": {
          "status": "热卖 x 156",
          "image": "miniature of main model",
          "title": "运动POLO衫套装女",
          "details": "透气速干 显瘦百搭",
          "price": "{argument name=\"price\" default=\"￥129\"}",
          "button": "抢"
        }
      }
    },
    "bottom_left": {
      "chat_messages": {
        "count": 5,
        "description": "scrolling chat messages with usernames and comments"
      },
      "purchase_alert": "用户_6789 等3人 正在去购买"
    },
    "bottom_bar": {
      "input_field": "说点什么...",
      "icons": {
        "count": 5,
        "types": ["smile", "shopping cart", "heart", "gift", "more"]
      }
    }
  }
}

Copiez ce prompt dans votre outil de génération d'images habituel ; ce site sert à explorer et éditer des prompts, sans génération directe d'images.

03 / Vérifications avant génération

Remplacez les variables par des termes précis et vérifiez si une image de référence est requise.
Si l'image comporte du texte, définissez clairement les mots exacts et relisez attentivement après génération.
N'ajustez qu'un seul élément à la fois (sujet, lumière ou composition) pour comparer facilement les résultats.

Consulter le guide des prompts →