引子
在上一篇关于“需求->原型”工作流的文章中,我分享了如何利用AI原型工具,将脑海中的需求快速转化为初步可见可交互的原型。
然而,如果尝试过就会发现:若不特别指定UI风格,AI生成的原型往往风格趋同,不够优雅。
比如下方的网站首页案例:
因此,本文将分享4个实战技巧和对应的案例模板,让AI生成的原型更优雅,有令人眼前一亮的“高级感”。
- 技巧一:活用行业黑话
- 技巧二:积累高分提示词
- 技巧三:巧选UI框架
- 技巧四:借鉴开源模板
话不多说,我们直接开始!
技巧一:活用行业黑话
过去我对“行业黑话”不以为然,但在与AI协作的过程中,会发现许多行业术语是高度浓缩的精华,一个词往往能替代外行半天的描述,一语胜千言。
以设计风格为例,有:
- 粗犷主义风格(Brutalist)
- 孟菲斯风格(Memphis)
- 黏土拟态风格(Claymorphism)
- 复古纸张风格(Vintage Paper)
- 扁平化风格(Flat Design)
- ……
下面通过创建爱因斯坦个人简介网站的示例,展示不同设计风格的效果。
工具建议选用Lovable、Gemini 2.5、Cursor(模型选Claude 3.7)等,选用其他的模型效果不一定好。
我的提示词统一为:
请你使用{具体风格(如粗犷主义)}创建一个爱因斯坦的个人介绍中文网站
1. 粗犷主义风格(Brutalist)
- 预览链接:https://reurl.cc/nmXMon
- 创建工具:Lovable
2. 孟菲斯风格(Memphis)
- 预览链接:https://aiben.cc/memphis.html
- 创建工具:Gemini 2.5