界面交互设计图
{ "type": "e-commerce landing page hero section mockup", "aesthetic": "clean, bright, airy
提示词
{
"type": "e-commerce landing page hero section mockup",
"aesthetic": "clean, bright, airy, feminine, floral accents with purple flowers, {argument name=\"primary color\" default=\"soft pink\"} and white color palette, soft lighting",
"header": {
"logo": "{argument name=\"brand name\" default=\"LUMEA BEAUTY\"}",
"navigation_links": {
"count": 5,
"labels": ["特徴", "成分", "お客様の声", "使い方", "FAQ"]
},
"cta_button": "今すぐ試す"
},
"hero_section": {
"left_column": {
"headline": "{argument name=\"headline text\" default=\"鏡を見るたび、うるおう透明感。\"}",
"subheadline": "乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。",
"feature_badges": {
"count": 3,
"style": "pill-shaped with small icons",
"labels": ["敏感肌OK", "高保湿", "朝晩使える"]
},
"bullet_points": {
"count": 3,
"style": "pink checkmarks",
"labels": ["美容成分をしっかり届ける", "ハリ・ツヤのある印象へ", "続けやすいシンプルケア"]
},
"cta_buttons": {
"count": 2,
"labels": ["初回限定で試してみる >", "成分をチェック >"]
},
"trust_badges": "送料無料 / 初回限定 / 定期縛りなし"
},
"center_subject": {
"model": "{argument name=\"model description\" default=\"young East Asian woman smiling, touching her cheek\"}",
"action": "holding a dropper bottle of serum"
},
"right_column": {
"product_display": {
"count": 2,
"items": ["{argument name=\"product type\" default=\"moisturizing boost serum\"} dropper bottle", "packaging box"]
},
"stat_cards": {
"count": 3,
"style": "floating white rounded rectangles with gold accents",
"labels": ["満足度 96%", "美容成分 5種配合", "愛用者 12,000人突破"]
}
}
},
"bottom_section": {
"benefit_cards": {
"count": 3,
"style": "horizontal white rounded rectangles with icons",
"labels": ["うるおい", "透明感", "使いやすさ"]
}
}
}
常见问题
e-commerce landing适合什么模型？
这条提示词主要面向 GPT Image 2，也可按效果迁移到同类图像模型。完整提示词可在 craftprompt.vip 复制。
如何用「e-commerce landing」生成UI界面？
复制提示词 → 选择合适模型 → 在 craftprompt 生图工作台生成。