UI 设计师趁热体验 GPT4o 新功能的工作流分享

视频展示了 UI 设计师利用 GPT-4o 将线框图转化为视觉稿、生成设计规范及风格转换的高效工作流。

UP主: 设计师大植子 · 时长: 0:59 · 🔗 B站原视频

发布: 2025-03-28 · 收录: 2025-03-31

标签: GPT-4o · UI设计 · AI工具 · AIGC · 工作流

一分钟体验 GPT 新版本：线框图转视觉稿

给他一张线框原型图，让他生成视觉稿。生成结果如图，还不错，但一致性不足。

再次让他仔细分析参考界面的风格细节，他精准总结了一些关键词，并且还列出了基于参考图的视觉规范，包括风格定位、颜色、字体系统可视化与组件样式等详细规范。

接着再让他视觉化原型图，这次生成的结果一致性有了不错的提升，可以为设计师的前期探索省去不少时间。

接下来再试试将扁平插画转化成 3D 潮玩风，他对线稿的理解很准确，到了可以当素材的程度。当然，把线性 icon 转换成立体风格也不在话下。

最后我把刚才生成的全部素材合成一张视觉稿，让它放在第二张图的样机中，结果也还可以。

以上便是我作为 UI 设计师常用的一些操作。还有哪些想要了解的，欢迎留言讨论。关注我，解锁更多 UI 加 IIGC 的小技巧。