界面交互设计图

提示词
{
"type": "skincare e-commerce landing page mockup",
"brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
"color_palette": ["white", "light blue", "{argument name=\"primary color\" default=\"dark blue\"}"],
"layout": {
"header": {
"logo": "left-aligned brand name with Japanese subtext",
"navigation_links": {
"count": 6,
"labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"]
},
"buttons": {
"count": 2,
"labels": ["マイページ", "今すぐ購入する"]
}
},
"hero_section": {
"left_column": {
"headline": "{argument name=\"hero headline\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}",
"subtext": "paragraph detailing low irritation, moisturizing, fragrance-free, and alcohol-free benefits",
"buttons": {
"count": 2,
"labels": ["今すぐ購入する", "詳しく見る"]
}
},
"center_column": {
"product": "white pump bottle with clear cap labeled {argument name=\"product type\" default=\"Moisture Barrier Serum\"}",
"props": ["dollop of white cream", "circular badge reading 皮膚科医監修"]
},
"right_column": {
"subject": "{argument name=\"model description\" default=\"young East Asian woman with clear glowing skin touching her cheek\"}",
"background": "blurred laboratory glassware in a bright, clean clinical setting"
}
},
"bottom_features_panel": {
"left_cards": {
"count": 3,
"descriptions": ["95% satisfaction with 5 stars", "shield icon for low irritation formula", "drop icon for skin barrier support"]
},
"right_badges": {
"count": 3,
"descriptions": ["no fragrance icon", "no alcohol icon", "patch tested icon"]
},
"footer": "fine print disclaimers at the bottom"
}
}
}中文译文
{
"type": "护肤品电商落地页效果图",
"brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
"color_palette": ["白色", "浅蓝色", "{argument name=\"primary color\" default=\"dark blue\"}"],
"layout": {
"header": {
"logo": "左对齐的品牌名称,配日文副标题",
"navigation_links": {
"count": 6,
"labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"]
},
"buttons": {
"count": 2,
"labels": ["マイページ", "今すぐ購入する"]
}
},
"hero_section": {
"left_column": {
"headline": "{argument name=\"hero headline\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}",
"subtext": "一段文字,详述低刺激、保湿、无香料、无酒精等卖点",
"buttons": {
"count": 2,
"labels": ["今すぐ購入する", "詳しく見る"]
}
},
"center_column": {
"product": "白色按压泵瓶,配透明瓶盖,标签为 {argument name=\"product type\" default=\"Moisture Barrier Serum\"}",
"props": ["一小坨白色乳霜", "圆形徽章,文字为 皮膚科医監修"]
},
"right_column": {
"subject": "{argument name=\"model description\" default=\"young East Asian woman with clear glowing skin touching her cheek\"}",
"background": "明亮洁净的临床场景中虚化的实验室玻璃器皿"
}
},
"bottom_features_panel": {
"left_cards": {
"count": 3,
"descriptions": ["95% 满意度,五星好评", "低刺激配方的盾牌图标", "支持肌肤屏障的水滴图标"]
},
"right_badges": {
"count": 3,
"descriptions": ["无香料图标", "无酒精图标", "已通过贴肤测试图标"]
},
"footer": "底部的小字免责声明"
}
}
}模板变量
该提示词含可替换参数,方括号内为默认值
brand name = DERMA CALMprimary color = dark bluehero headline = 敏感な肌にも、毎日つづけられる安心ケア。product type = Moisture Barrier Serummodel description = young East Asian woman with clear glowing skin touching her cheek
溯源
- 原作者
- ryuya__31
- 原始出处
- 查看原帖 ↗
- 收录来源
- freestylefly/awesome-gpt-image-2 · 134 · MIT