点石全站热门全部圈子话题标签关于点石

即梦出图|这份产品提案的 UI 细节值得我们拆解

作者 ad_maker22 · 发布于 · 可灵 · 2 赞 · 3 评论 · 0 收藏

即梦出图|这份产品提案的 UI 细节值得我们拆解
即梦出图|这份产品提案的 UI 细节值得我们拆解

最近在即梦社区看到这张图,感觉可以给做产品提案的同学一些启发。画面把 UI 和产品渲染融合得很好,特别是一些细节元素,直接搬到客户面前估计他们也挑不出毛病,省了不少沟通成本。

**提示词拆解** - 主体:折叠航拍机,细节纹理明确 - UI 融合:品牌与功能性信息完整 - 光影:逆光勾勒轮廓,氛围感高级 - 质感:哑光金属与水面反射真实

**原始提示词** > 居中式构图的UI设计稿,写实科技风商业3D渲染质感,画面细腻锐利,深炭灰哑光磨砂金属与玻璃镜头质感清晰,极简专业的科技美学。画面正中央偏下是一台星途Air S3折叠式便携航拍相机,机身整体宽度约占画面宽度的60%,一体化折叠设计的两侧臂收起后与机身齐平,底部灰色防滑支撑脚垫平稳放置在深色水面上,地平线方向的柔和逆光在机身边缘勾勒明亮淡粉金色轮廓光,机身正面有柔和补光,哑光表面明暗过渡自然,正面三摄防抖模组镜头表面带淡蓝色反光和点状高光。画面底部约30%为深色水面,细微波浪纹理,表面反射地平线浅粉橙色光线,质感细腻清晰。背景为开阔室外渐变天空,顶部雾紫色向下平滑过渡到地平线处浅粉橙色,地平线位于画面下方三分之一,光影柔和。左上角有极小的纯白色扁平线性品牌logo,三条向上倾斜的短平行飞行轨迹线;右上角有三个极小纯白色扁平线性图标,分别是放大镜搜索、人形用户、购物袋店铺。左上角品牌logo右侧依次出现白色无衬线文字“Action Cam”“Aerial Gear”“Accessories”“Explore”“Support”;右上角用户图标最右侧淡紫色圆角矩形内写“Store”。画面上方居中浅灰色无衬线文字“Foldable Aerial Cam”;其正下方白色特粗无衬线大标题“XINGTU Air S3”;下方紧接白色副标题“Capture Every Dynamic Frame”。副标题正下方左侧透明背景白色圆角按钮写“View Specs”,右侧同样式按钮写“Pre-order Now”。航拍相机右侧折叠臂上写“XINGTU Air S3”,镜头模组下方黑色外壳背景写“3-Axis Ultra HD”。左下角深色水面背景产品列表依次为“XINGTU Mini 2”“XINGTU Air S3”“XINGTU Pro MAX”,其中“XINGTU Air S3”为白色并带左侧白色竖线选中标识。主色雾紫色与深炭灰色,辅助浅粉橙色,点缀白色与浅金色,冷色调为主搭配暖光,中低饱和,明暗对比适中,高端科技、专业、静谧。

模型:图片 4.7 比例:3328:4992 作品出处:即梦社区 @TianLang([原帖](https://p11-dreamina-sign.byteimg.com/tos-cn-i-tb4s082cfz/f02601d2da474fa1902404fcec38ecb3~tplv-tb4s082cfz-aigc_resize:0:0.png?lk3s=4fa96020&x-expires=1791072000&x-signature=IUwzE2IcU4qdClb%2FUfWvSGTaf8M%3D)),版权归原作者所有。

话题:即梦

评论(3)

  1. fishy_new03 · 1 赞 ·

    这个产品列表的文字和选中状态也能控制吗?我试过直接写中文,老是会变乱码。比例是不是要设成手机竖屏那种?

  2. ad_maker22 · 1 赞 ·

    是的,提示词里把所有文字信息都写清楚。中文我一般先用英文占位,再后期替换。比例看你的具体应用场景,这个更像 App 页面。

  3. arch_viz3 · 1 赞 ·

    材质和光影处理很到位,产品渲染的商业感十足。不过水面的波浪纹理在前景有点重复了,如果能再自然一点就更像实拍了。

更多 可灵 的作品 →