内容摘要：画原型图这件事，很多人第一步就走错了。他们打开Axure或者Figma，拖一个矩形，写上“Logo”，再拖一个矩形，写上“Banner”，然后觉得这就是原型图。实际上那只是线框图，而且是没动过脑子的线

画原型图这件事，网站很多人第一步就走错了。原型他们打开Axure或者Figma，网站拖一个矩形，原型写上“Logo”，网站再拖一个矩形，原型写上“Banner”，网站然后觉得这就是原型原型图。实际上那只是网站线框图，而且是原型没动过脑子的线框图。原型图的网站核心不是“画”，是原型“想”。你得先想清楚这个页面要解决什么问题，网站用户从哪来，原型到哪去，网站中间卡住了怎么办。想不清楚这些，画出来的东西就是一堆漂亮的废铁。

我见过一个电商后台的原型，设计师花了三天，把筛选条件排得整整齐齐，下拉框、日期选择器、搜索按钮，一应俱全。结果开发看完只说了一句：“这个筛选条件有十七个字段，用户得填到什么时候？”后来改版，把十七个砍成四个，转化率反而上去了。原型图上的每一个元素，都得有它存在的理由。没有理由的，删掉。

低保真和高保真之间的那条线，很多人也画歪了。低保真不是随便画，高保真也不是越细越好。低保真解决的是结构和流程问题——用户先看到什么，再看到什么，点哪里会跳到哪里。高保真解决的是视觉和交互细节——按钮多大，颜色多深，悬停什么效果。把低保真当高保真画，浪费时间；把高保真当低保真交，开发骂人。我的习惯是：第一版永远用纸和笔，画完拍照，发给产品经理和开发，十分钟内能收到反馈。改完再进软件，效率高得多。

说到工具，Figma现在几乎是标配。但工具不是重点。我见过用PPT画原型照样把逻辑讲清楚的人，也见过用Figma画了一百个页面但没人看得懂的人。关键是你画的东西能不能让别人看懂。一个按钮，你标上“点击后弹出确认框”，比画十个状态都管用。注释和标注，比图形本身更重要。原型图是沟通工具，不是艺术品。

还有一点，很多人忽略：原型图要标注异常状态。正常流程谁都会画，但网络断了怎么办？数据为空怎么办？加载失败怎么办？这些才是真正体现设计功力的地方。我习惯在每一版原型里专门留一页，画各种“坏情况”。开发看了会感谢你，测试看了也会感谢你。上线之后用户遇到问题，至少不会一脸懵。

最后说个具体的。去年我做一个社区团购的App，首页原型改了六版。第一版是常规的：顶部搜索，中间Banner，下面商品列表。产品经理说太普通。第二版把搜索放大，Banner缩小。运营说Banner是广告位，不能小。第三版把商品列表改成瀑布流。开发说性能扛不住。第四版加了个“今日爆款”模块。测试说和商品列表重复。第五版删掉“今日爆款”，把商品列表加了个“附近”筛选。用户调研说这个功能用的人少。第六版，把搜索框做成悬浮的，Banner只留一张，商品列表按距离排序。上线后点击率涨了百分之三十。你看，原型图不是一次画完的，是改出来的。每一版都在回答一个问题，回答完了，下一版才有意义。

所以别急着打开软件。先拿张纸，把你要解决的问题写下来。写不清楚，就别画。画了也是白画。