
UI / UX 設計
電商直播帶貨介面設計原型
生成完整的行動端直播購物介面,包含運動風主播、商品浮動卡片及聊天彈幕組件。可自訂主播名稱、促銷文案與商品資訊以適配不同品牌。
直播介面電商設計行動應用運動服飾介面原型直播帶貨
來源:onlyhuman028
提示詞
{
"type": "e-commerce livestream UI mockup",
"subject": {
"description": "寫實風格年輕亞裔女性,微汗光澤肌膚,深色微卷長髮,身穿白色短袖POLO衫和白色百褶網球裙,右肩扛著白色網球拍,直視鏡頭,棚拍光影,純白背景"
},
"layout": {
"top_header": {
"host_info": {
"name": "[小鹿運動優選]",
"stats": "12.8萬本場點贊",
"button": "關注"
},
"rank_tag": "帶貨榜第3名",
"viewer_stats": "1.2萬"
},
"top_right": {
"coupon": {
"title": "直播間專屬券",
"value": "¥20 滿199可用",
"button": "領取"
}
},
"left_overlay": {
"title": "[夏日運動季]",
"subtitle": "[活力開場]",
"bullet_points": {
"count": 3,
"items": [
"透氣速幹",
"彈力舒適",
"運動百搭"
]
}
},
"right_overlay": {
"product_cards": {
"count": 2,
"card_1": {
"status": "正在講解",
"image": "白色POLO衫與短裙平鋪圖",
"title": "[運動POLO衫套裝]",
"details": "白色·M碼",
"price": "[¥129]",
"button": "去搶購"
},
"card_2": {
"status": "熱賣 x 156",
"image": "主播模特縮圖",
"title": "運動POLO衫套裝女",
"details": "透氣速幹 顯瘦百搭",
"price": "[¥129]",
"button": "搶"
}
}
},
"bottom_left": {
"chat_messages": {
"count": 5,
"description": "滾動的實時彈幕與使用者評論"
},
"purchase_alert": "使用者_6789 等3人 正在去購買"
},
"bottom_bar": {
"input_field": "說點什麼...",
"icons": {
"count": 5,
"types": [
"smile",
"shopping cart",
"heart",
"gift",
"more"
]
}
}
}
}可以替換的部分
生成前,把提示詞裡的這些部分換成你自己的主題或文案。
[小鹿運動優選]佔位符[夏日運動季]佔位符[活力開場]佔位符[運動POLO衫套裝]佔位符[¥129]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 9:16
- 授權
- MIT
- 收錄時間