评审会上经常能看到这种日常互怼,气氛很微妙。设计师皱着眉头说:“这个原型图有点看不懂。”产品经理也不服气:“都已经是高保真了,还不够清楚吗?”其实大家心里清楚,他俩都没错,只是有一层窗户纸捅了很多年都没捅破。
关于高保真原型是不是在“越界”,这个话题在设计社区已经吵过好几轮了。画高保真原型,到底是不是在抢UI饭碗或者过度设计?想要说清楚还得从根儿上捋。
好多人包括有些入行不久的PM和UI,把“高保真原型”和“UI设计稿”混为一谈了。
所谓高保真原型,就是尽量
接近真实使用状态
。比如数据要像真的、状态要能跑通、交互不能只是摆样子。它关注的是页面结构是否完整、信息层级是否合理、操作路径是否顺畅,不同状态有没有被覆盖。比如加载失败、列表为空、权限不足这些情况,在原型阶段就能暴露出来。产品经理画高保真,是为了把这些干涩的业务逻辑具象化,去跟开发或者甲方对齐,测试走不走得通。
而UI设计呢?负责的更多是品牌调性是否统一、色彩体系是否稳定、字体与留白是否有节奏、页面是否有情绪表达等。矢量设计稿按钮的阴影透视、主色调的心理暗示、一套符合品牌基因的Design System,这是设计师的功底,产品经理根本抢不走。
说实话,哪个PM不想省事呢?很多PM开始画高保真,也是被现实逼出来的。其中一个原因是,沟通对象变多了。早期团队规模小,产品和设计、开发坐在一排,很多东西一句话就能讲明白。
现在不少项目链路更长
:有外包、有跨城市协作或者有业务方直接参与评审。如果只给线框图,大家还得额外花时间去想象界面。你这边激情澎湃地说着,这里会放轮播图,那里会有一个提示......业务方或者客户在边看着线框图边摇摇头。
而一版接近真实产品界面的高保真原型,能让讨论更聚焦在问题本身,给出的反馈也会更加全面。比如按钮太密、卡片信息过载、首屏优先级错误,这些在UI视觉成型前就能发现,同样也方便UI设计师,减少返工。
很多矛盾是工具阶段还没跟上。产品经理为了把“逻辑”讲清楚,只能在画图软件里吭哧吭哧抠像素,最后搞得像个劣质的设计稿。高保真原型怎么画才能既不越界、又不费劲?现在的AI工具,反而让分工变得更清楚。
产品经理直接用AI工具搞定。但注意,不是生成图片的工具,那玩意改不了只能看。现在圈内比较通用的,是直接用AI生成可编辑的高保真原型图,
常见的工具如墨刀AI
。
“生成一个生鲜电商APP的3个连贯页面。
1.首页:带轮播图、金刚区导航,下面是双列商品瀑布流。
2.详情页:顶部大图,带‘产地直达’标签,底部悬浮加入购物车按钮。
3.购物车:商品列表带勾选框、加减数量组件,底部是总价计算吸底栏。”
敲完回车,几十秒后,AI直接在画布上铺出这三个带交互的高保真原型页面。最重要的是,这里面的所有文字、占位图、列表框都是可编辑的组件。导出到原型文件中,稍微调整一下页面元素,添加交互行为,一套用来过审和测试的高保真原型就出来了。这里,它只管逻辑连贯,不纠结审美。
产品经理用AI把前期的逻辑坑填完后,设计师拿到的,基本上就是一个没有什么歧义、不需要反复确认状态的“靠谱底稿”。这时候,设计师反而可以把更多精力放在真正重要的事情上:建立统一的视觉规范、提升品牌识别度、优化动效与细节体验。比如在视觉设计工具中,用AI生成UI界面、图片素材或搭建设计规范。
很多团队现在直接结合主流的
Pixso AI生成设计稿
,导入原型框架后,设计师可以通过AI快速生成不同风格的UI界面,或者用AI生成高质量图标素材做替换。
仔细想想这个链路,原型与设计之间的分工,并没有被打破,而是被重新拉开了。产品经理用墨刀AI快速搞定了繁琐的排版和数据填充,只对“业务可用性”负责;设计师拿到逻辑清晰的原型,结合Pixso AI快速完成视觉重塑,只对“美学和用户体验”负责。谁也没抢谁的饭碗。
AI加入工作流之后,一些原本模糊的边界,反而变得更清晰了。产品经理不一定需要成为视觉高手,但需要更快把逻辑讲清楚。设计师也不只是“美化页面”,而是在构建长期可复用的体验体系。当工具开始帮人承担重复劳动,团队配合的重要性反而更明显了。