Maquette d'interface d'application · #156 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 #156

Maquette d'interface d'application · #156

InterfaceProduitPersonnageTechCommerceMode

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

01 / Personnalisez votre version

"带货总榜第3名", "人气榜"小雨睡衣"7天无理由退货", "运费险""smiley face", "shopping cart", "heart/gift", "gift box", "three dots"

02 / Prompt complet · Texte original

{
  "type": "mobile live-streaming e-commerce interface mockup",
  "subject": {
    "description": "young Asian woman, long dark hair, wearing light-colored floral pajama set with a pink bow, holding the pajama top outward to show the fabric",
    "background": "cozy room, clothing rack with pajamas, flowers, warm lighting"
  },
  "ui_layout": {
    "top_bar": {
      "time": "20:34",
      "host_info": {
        "name": "{argument name=\"host name\" default=\"小雨睡衣\"}",
        "stats": "12.8万本场点赞",
        "button": "关注"
      },
      "viewer_info": {
        "avatars_count": 3,
        "total_viewers": "1.2万"
      }
    },
    "floating_tags": {
      "count": 2,
      "labels": ["带货总榜第3名", "人气榜"]
    },
    "widgets": {
      "top_left": "red envelope icon with timer 03:45",
      "top_right": "floating heart icon with text 直播好物大赏 发现新热爱"
    },
    "marketing_text_overlay": {
      "position": "mid-right",
      "lines_count": 5,
      "lines": [
        "{argument name=\"main headline\" default=\"新款睡衣\"}",
        "{argument name=\"sub headline\" default=\"正在秒杀中...\"}",
        "亲肤透气",
        "柔软舒适",
        "不起球 不褪色"
      ]
    },
    "chat_log": {
      "position": "bottom-left",
      "message_count": 7,
      "messages": [
        "32 雨*** 加入了直播间",
        "小***: 好看，多少钱",
        "小***: 拍了，期待发货",
        "C***: 质量看着不错",
        "用***: 身高165，体重120斤，穿多大码？",
        "@***: 主播身上这款有货吗？",
        "晴***: 已拍，坐等收货！"
      ]
    },
    "product_card": {
      "position": "bottom-right",
      "thumbnail": "miniature of the host",
      "title": "{argument name=\"product title\" default=\"【小雨睡衣】春季新款家居服套装\"}",
      "tags_count": 2,
      "tags": ["7天无理由退货", "运费险"],
      "price_section": "秒杀价 ¥ {argument name=\"product price\" default=\"89.9\"}",
      "action_button": "抢"
    },
    "bottom_bar": {
      "input_placeholder": "说点什么...",
      "icon_count": 5,
      "icons": ["smiley face", "shopping cart", "heart/gift", "gift box", "three dots"]
    }
  }
}

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 →