Image2Studio
案例

gpt-image-2

毛玻璃拟态 UI 组件包

一套高端 3D 毛玻璃拟态界面项目,展示了多种未来感 UI 控件,非常适合设计系统模型、产品首屏视觉效果以及应用概念演示。

一套高端 3D 毛玻璃拟态界面项目,展示了多种未来感 UI 控件,非常适合设计系统模型、产品首屏视觉效果以及应用概念演示。
一套高端 3D 毛玻璃拟态界面项目,展示了多种未来感 UI 控件,非常适合设计系统模型、产品首屏视觉效果以及应用概念演示。
提示词

{"type":"毛玻璃 UI 组件展示","style":"高端极简拟态界面套件,磨砂半透明白色亚克力,柔和阴影,细腻反射,圆角设计,纯净白色背景,青绿色与橙色点缀,超精细 3D 产品渲染,俯视视角","palette":{"background":"柔和浅灰白色","primary":"深青绿色","secondary":"亮橙色","material":"乳白色半透明玻璃,带有缎面塑料细节"},"layout":{"composition":"单画布,浮动 UI 小组件均匀分布,呈现整洁的设计系统演示","sections":[{"title":"大旋钮","position":"左上","count":1,"labels":["带有径向刻度和一个橙色指示器的圆形旋转旋钮"]},{"title":"方向键","position":"上中","count":1,"labels":["带有中心按钮和四个箭头图标的圆形四向控制器"]},{"title":"播放按钮","position":"上中偏右","count":1,"labels":["带有青色播放三角形和橙色进度弧的圆形按钮"]},{"title":"切换开关","position":"右上","count":1,"labels":["水平药丸状切换开关,处于开启状态"]},{"title":"收藏按钮","position":"中上偏左","count":1,"labels":["带有心形轮廓的圆角方形磁贴"]},{"title":"状态点","position":"中上偏右","count":1,"labels":["带有橙色中心点的小型圆形按钮"]},{"title":"步进器","position":"中上偏右","count":1,"labels":["带有减号和加号的水平药丸状组件"]},{"title":"音频滑块","position":"中左","count":1,"labels":["长条水平音量滑块,左侧带有扬声器图标,右侧带有波形浮雕"]},{"title":"百分比仪表","position":"中中偏右","count":1,"labels":["显示 60 % 的圆形仪表,带有径向刻度"]},{"title":"通知磁贴","position":"中右","count":1,"labels":["带有铃铛轮廓的圆角方形磁贴"]},{"title":"音乐卡片","position":"下中偏左","count":1,"labels":["媒体卡片,包含森林缩略图、标题 {argument name=\"track title\" default=\"Forest Drive\"}、副标题 {argument name=\"track subtitle\" default=\"Ambient Journey\"}、进度条和圆形播放按钮"]},{"title":"实用图标","position":"下左偏中","count":4,"labels":["滑块设置图标","搜索图标","分享图标","更多菜单图标"]},{"title":"指南针","position":"下中","count":1,"labels":["大型圆形指南针,带有 N E S W 标记和青橙色指针"]},{"title":"垂直滑块","position":"下右偏中","count":1,"labels":["高圆角滑块,带有青色轨道、青色旋钮、橙色端点和小型扬声器图标"]},{"title":"底部导航","position":"左下","count":1,"labels":["药丸状导航栏,包含 4 个图标:首页、柱状图、指南针、个人资料"]},{"title":"行动号召","position":"下中偏右","count":1,"labels":["药丸状按钮,标签为 {argument name=\"button text\" default=\"Explore\"},带有橙色圆形箭头片段"]},{"title":"生物识别磁贴","position":"右下","count":1,"labels":["带有指纹图标的圆角方形磁贴"]}]},"rendering":{"lighting":"来自左上方的柔和摄影棚灯光","shadow":"用于浮动深度的漫反射分层阴影","finish":"高端消费电子美学,精致且极简","quality":"清晰、整洁、逼真的 3D 界面模型,适用于设计系统首屏图像"}}

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

把这个 毛玻璃拟态 UI 组件包 提示词当作起点。替换主体、产品细节、场景、光线、品牌颜色和输出画幅,同时保留 app-ui-mockup 的用途和 minimal, 3d-render, luxury, photorealistic 的视觉方向。

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

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

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

毛玻璃拟态 UI 组件包 的重点是先固定图片用途,再用主体、构图、光线、风格和画幅控制生成结果。它适合 app ui mockup,并保留 minimal, 3d-render, luxury, photorealistic 的视觉方向。

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