Iridescent Butterfly UI System 项目

{"type":"UI/UX 设计系统展示项目","theme":"深色模式，自然灵感，发光虹彩美学","language":"中文","canvas":{"aspect_ratio":"方形海报","background":"深午夜蓝至黑色，带有微妙光晕","style":"高级未来感展示项目，配有纤细的霓虹蓝面板轮廓、光泽高光、柔和光晕及高对比度"},"header":{"title":"自然灵感 UI\n{argument name=\"system title\" default=\"蝴蝶虹彩\"}\nUI/UX 设计系统","description":"{argument name=\"chinese description\" default=\"从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。\"}","hero_image":"一个超细节的发光蝴蝶翅膀，呈现电光蓝、紫罗兰色和虹彩青色，占据右上角一半区域，可见脉络结构、半透明边缘、火花状粒子，后方有第二个模糊的翅膀"},"layout":{"sections":[{"title":"1. 设计灵感","position":"左上角，标题下方","count":4,"labels":["虹彩蝴蝶翅膀微距","蓝紫色翅膀纹理特写","光折射棱镜光晕","蝴蝶翅膀细胞图案"]},{"title":"2. 关键词","position":"右上角，主图下方","count":5,"labels":["虹彩","灵动","轻盈","深邃","自然"],"icon_style":"圆角深色卡片内的简约发光线条图标"},{"title":"3. 色彩系统","position":"中左","subsections":[{"title":"主色","count":3,"labels":["大闪蝶蓝 #1E5BFF","虹彩紫 #7A5CFF","天空光 #00E6FF"]},{"title":"中性色","count":3,"labels":["午夜黑 #060F19","柔和海军蓝 #141A2E","珍珠白 #F3F6FC"]},{"title":"强调色与渐变","count":2,"labels":["彩虹光泽","蝴蝶光芒"]}],"visual":"圆形色板和渐变球体，下方附有中文标签"},{"title":"4. 排版","position":"中右","count":1,"labels":["Aa Poppins Light / Regular / Medium / SemiBold"],"visual":"深色卡片上的大号白色 Aa"},{"title":"5. 应用图标","position":"左中","count":1,"text":"{argument name=\"app name\" default=\"Winglet\"} 轻盈。灵动。优雅。","visual":"应用名称旁的发光蝴蝶应用图标"},{"title":"6. UI 组件","position":"中心","subsections":[{"title":"按钮","count":3,"labels":["主要按钮","次要按钮","玻璃质感"]},{"title":"图标","count":2,"labels":["心形收藏","发光圆环"]},{"title":"开关","count":1,"labels":["开关"]}],"visual":"深色面板上的圆角蓝色按钮、霓虹图标按钮及发光开关"},{"title":"其他元素","position":"右中","count":4,"labels":["搜索框","标签 New","进度条 (72%)","卡片 Blue Morpho"],"visual":"紧凑水平卡片中的小型实用 UI 组件"},{"title":"7. 移动端 UI","position":"左下","count":3,"labels":["搜索页面","带有大型蝴蝶插图的今日页面","带有波形图的音频播放页面"],"visual":"三款圆角智能手机样机，深色界面，蓝紫色蝴蝶视觉效果"},{"title":"8. 网页设计预览","position":"右下","count":1,"labels":["光之生命"],"visual":"桌面端落地页样机，包含蝴蝶主图、顶部导航、亮蓝色行动号召按钮及中文正文"},{"title":"9. 视觉背景","position":"底部全宽","count":4,"labels":["流光丝带背景 1","漩涡虹彩","流光丝带背景 2","光芒晶体爆发"],"visual":"四个紫色、蓝色和青色的长方形背景样本"}],"footer":{"count":1,"text":"源于自然的设计，为体验而生。","center_icon":"小型蝴蝶图标"}},"art_direction":{"materials":"玻璃拟态、霓虹边缘光、平滑渐变、微妙反射","colors":"电光蓝、靛蓝、紫罗兰、青色、白色","composition":"整洁的网格布局，包含 9 个带编号的内容板块，充足的留白，纤细的圆角边框，以及占据主导地位的蝴蝶主图","render_quality":"高度精致，排版清晰，高级 Behance 风格设计系统项目"}}

• 模型gpt-image-2
• 用途product-hero-shot
• 风格cyberpunk, minimal, luxury, editorial
• 画幅Flexible

• 用途product-hero-shot
• 风格cyberpunk, minimal, luxury, editorial
• 推荐规格1:1, 4:5, 16:9, or 9:16
• 模型GPT Image 2

把这个 Iridescent Butterfly UI System 项目 提示词当作起点。替换主体、产品细节、场景、光线、品牌颜色和输出画幅，同时保留 product-hero-shot 的用途和 cyberpunk, minimal, luxury, editorial 的视觉方向。

• 主体替换成你的产品、人物、场景或界面对象。
• 用途保留或改写为 product hero shot、广告图、封面、海报或电商主图。
• 画幅按投放位置选择 1:1、4:5、16:9 或 9:16。
• 品牌线索补充颜色、材质、道具、文案安全区和最终使用平台。

先按目标平台选择画幅，再根据用途选择 1K、2K 或 4K。产品图和海报通常适合更高清晰度。

• 检查主体、光线、构图和画幅都足够明确。
• 检查如果图片要承载标题或广告文案，已经预留文字安全区。
• 检查生成前确认分辨率、额度成本和最终使用位置。

Iridescent Butterfly UI System 项目 的重点是先固定图片用途，再用主体、构图、光线、风格和画幅控制生成结果。它适合 product hero shot，并保留 cyberpunk, minimal, luxury, editorial 的视觉方向。

• 能直接用吗？可以。先替换主体、品牌线索和画幅，再进入 Image2Studio 生成。
• 适合什么比例？按平台选择 1:1、4:5、16:9 或 9:16。