Image2Studio
案例

gpt-image-2

Cosmic Gravity 玻璃拟态 UI 系统

一款专为太空主题应用或仪表盘设计的优质玻璃拟态设计系统项目,适用于展示未来感 UI 组件、卡片、控件及视觉风格。

一款专为太空主题应用或仪表盘设计的优质玻璃拟态设计系统项目,适用于展示未来感 UI 组件、卡片、控件及视觉风格。
一款专为太空主题应用或仪表盘设计的优质玻璃拟态设计系统项目,适用于展示未来感 UI 组件、卡片、控件及视觉风格。
提示词

{"type":"未来感玻璃拟态 UI 设计系统项目","theme":"深空行星探索仪表盘,具备高端 Apple 风格的工业设计","style":{"background":"近乎黑色的哑光画布,带有微妙的星域朦胧感","lighting":"柔和阴影、微弱光晕、暖琥珀色高光、冷蓝紫色点缀、半透明玻璃面板","material":"磨砂玻璃、光泽深色表面、纤细发光线条、柔和折射","mood":"奢华科幻、极简、电影感、高度精致"},"layout":{"format":"单幅宽幅展示项目","sections":[{"title":"COSMIC GRAVITY","position":"左侧栏","count":5,"labels":["标题品牌区块","调色板色样","渐变条","字体示例","文本比例列表"]},{"title":"UI 元素","position":"中右上方","count":7,"labels":["EXPLORE 按钮","圆角标签 1","圆角标签 2","水平滑块","切换开关","BLACK HOLE 胶囊按钮","JUPITER 胶囊按钮"]},{"title":"卡片","position":"中右中部","count":3,"labels":["JUPITER 卡片","BLACK HOLE 卡片","小型指标卡片"]},{"title":"数据展示","position":"中右下方","count":3,"labels":["87% 圆形进度卡片","折线图卡片","水平控件卡片"]},{"title":"底部导航","position":"底部中心","count":7,"labels":["主页图标","云端图标","火花图标","信号图标","圆角矩形图标","心形图标","托盘图标"]},{"title":"视觉示例","position":"底行","count":5,"labels":["BLACK HOLE","GRAVITY RING","LIGHT GLOW","NEBULA DUST","GLASS SURFACE"]}],"centerpiece":"在黑色画布上漂浮着紧密排列的半透明深色卡片和控件,如同高端设计系统海报般排布"},"text":{"branding":"{argument name=\"headline text\" default=\"COSMIC GRAVITY\"}","small labels":"贯穿全图的微型大写无衬线微文案,主要作为技术 UI 注释进行样式化处理","percentage":"87%","distance":"779.3 M km","right slider value":"79%"},"visuals":{"palette":[{"name":"亮白色","appearance":"柔和发光白色色样"},{"name":"暖沙色","appearance":"奶油米色色样"},{"name":"柔和李子色","appearance":"暗紫色色样"},{"name":"深海蓝色","appearance":"蓝黑色色样"},{"name":"青黑色","appearance":"深青色色样"}],"planets":[{"name":"类木星行星","appearance":"带有纤细发光轨道环的条纹气态巨行星"},{"name":"黑洞 / 环形空洞","appearance":"带有明亮吸积盘状光环的深色圆形中心"},{"name":"遥远恒星","appearance":"带有微弱光晕的小型明亮金点"}],"chart motifs":["发光圆形进度环","极简山形折线图","水平数值滑块"]},"typography":{"primary":"时尚几何无衬线字体,大写,宽字间距","specimen":"白色大号 Aa 样本","secondary":"用于标签和数据的小型简洁无衬线字体"},"colorScheme":{"primary":"{argument name=\"accent color\" default=\"暖琥珀金\"}","secondary":"{argument name=\"secondary glow color\" default=\"深蓝紫色\"}","surface":"炭黑色半透明玻璃","text":"柔和白色与柔和灰色"},"camera":{"view":"正视平铺海报视角","composition":"平衡的网格布局,留有充裕的负空间和纤细的面板边框"},"rendering":"超精细现代产品设计渲染图,高对比度,优雅的玻璃拟态,清晰的 UI 套件展示,微妙的模糊与光晕,适用于科幻应用或仪表盘的高端概念图","customization":{"product name":"{argument name=\"product name\" default=\"UI ELEMENTS\"}","theme name":"{argument name=\"theme name\" default=\"深空探索\"}"}}

提示词结构
  • 模型gpt-image-2
  • 用途app-ui-mockup
  • 风格minimal, luxury, cyberpunk, cinematic
  • 画幅Flexible
适用场景
  • 用途app-ui-mockup
  • 风格minimal, luxury, cyberpunk, cinematic
  • 推荐规格1:1, 4:5, 16:9, or 9:16
  • 模型GPT Image 2
如何修改

把这个 Cosmic Gravity 玻璃拟态 UI 系统 提示词当作起点。替换主体、产品细节、场景、光线、品牌颜色和输出画幅,同时保留 app-ui-mockup 的用途和 minimal, luxury, cyberpunk, cinematic 的视觉方向。

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

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

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

Cosmic Gravity 玻璃拟态 UI 系统 的重点是先固定图片用途,再用主体、构图、光线、风格和画幅控制生成结果。它适合 app ui mockup,并保留 minimal, luxury, cyberpunk, cinematic 的视觉方向。

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