“能不能跳过原型，直接出设计图？”接项目时经常被问到这句。问这话的客户，多半觉得原型就是几张灰色线框，看着寒酸，不如直接看漂亮的图来得实在。但在网页设计制作这一行，原型和视觉稿是两道不同的工序，管的是两码事，跳过任何一道，后面都会多花钱。
原型管布局，视觉稿管观感
原型回答的问题是“页面上放什么、放在哪”。导航几个栏目、首屏放主标语还是放视频、产品列表一排放几个、联系按钮放不放置顶，这些结构性决策全在原型阶段敲定。视觉稿回答的才是“好不好看”：什么颜色、什么字体、图片什么质感。打个比方，原型是毛坯房的户型图，视觉稿是装修效果渲染图。没人会拿着装修图去改承重墙的位置，可不少客户拿着视觉稿要求挪栏目，一挪就是一轮全局返工。
改原型的成本，是改视觉稿的零头
原型阶段挪一个模块，画图的人拖个方块，十分钟搞定。同样的改动放到视觉稿阶段，设计师要重排版面、调配色、导图标注，半天起步；要是已经切图开发，前端还得重写布局，一天就进去了。按行里常见的报价比，改原型几十块的事，拖到开发阶段就是几千块。所以正规公司宁愿在原型阶段多开两轮会，不是磨蹭，是在替你省钱。你自己也该在这个阶段多提意见，越狠越好，过了这村就没这个价了。
一份合格的原型长什么样
不是随手画的火柴盒。合格的原型至少做到三件事：一是每个页面都有，别只画首页；二是标注了交互，哪里点击跳哪里、哪里展开哪里收起；三是配一句说明，讲清这个模块放什么内容、数据从哪来。客户评审原型时也别客气，拿自己业务流程走一遍：客户找产品要几步、提交询盘要填几项，走不通的地方当场标出来。这个环节多花一小时，能省后面好几轮扯皮。
原型阶段别犯的两个通病
还有两个常见通病值得点名。一是原型画成了美术作品，花大量时间调颜色修圆角，唯独没标注交互和内容来源，好看但没用。二是评审时只看电脑端，手机端的原型迟迟不画，结果视觉稿都过半了才发现导航在手机上摆不下。原型阶段把两端的结构一起定了，后面每个环节都省事。客户拿到原型也别客气，把自己当访客从头走一遍，走不通的地方当场圈出来，这张灰扑扑的图纸，值钱就值在能让你放心地挑毛病。
给两句实在建议：签合同时把“原型确认”写成正式节点，确认后再进入视觉稿，责任就分清了；如果对方流程里压根没原型这一步，直接出图给你看，那基本是模板套壳，要留个心眼。正规做网页设计制作的团队，都会先出可点击的原型让你把流程走通，结构不动了再上视觉稿，比格网络的项目里，这道工序省下的返工钱，比原型本身贵得多。
