网站设计前需要制作网站原型图吗？那么什么是网站原型图呢？可以理解为是网站界面的草图或者框架结构，按照原型图制作的粗糙程度划分为高保真原型图和低保真原型图，有些高保真原型图看上去跟真的网页一样，还有各种动画效果，非常棒。但优加网络认为，原型图还是没必要做的太精细，不然就失去了原型图的意义，因为网站原型图的最大作用就是试错成本低，通过低成本的试错功能增加网站真实设计图的通过率，那么回归主题，网站设计前需要制作网站原型图吗？原型图如下所示。



根据笔者了解，网站原型图最适合的场景就是网站内容栏目繁多或者网站逻辑复杂，需要原型图为设计师理清思路，所以，如果是简单的企业网站，栏目基本就是首页、关于我们、产品展示、新闻中心、人才招聘、联系我们。这种就没必要花费时间去做原型图了。对于门户网站、栏目比较多的集团网站、交换类型网站、个性化定制网站，这种栏目结构比较特别，如果没有原型图，设计师不知道怎么规划内容。所以简单常规的网站设计可以不用制作原型图，而稍微复杂特殊的网站需要制作原型图。

对于复杂网站，网站原型图的作用还是非常明显的。首先，通过原型图的策划和制作基本就把整个网站的逻辑都理清理顺了，让客户更加清晰网站制作完成的情景，明确网站的作用功能；其次，再原型图的制作过程中，通过反复修改和客户沟通修改意见，充分利用原型图低成本试错功能，大大减少网站设计阶段的修改次数和工作量，虽然制作原型图花费了时间，但可以通过后期节省的工作时间补回来，从整体上还是加快了项目进度；最后，网站原型图可以方便演示，适合演示给投资人或者内部演示，非常方便。

目前设计网站原型图的工具有很多，如最年久的Axure RP，目前流行的墨刀、Mockplus。Axure RP是最多人推荐使用的，基本免费，而墨刀是采用初级免费高级收费的平台方案。如果不从收不收费来看，还是墨刀做的比较好，可以直接上传到服务器供客户浏览，适合PC网站、手机网站、APP设计，而且还内置了很多组件、模板等。

网站原型图一般由谁来做，正常是产品经理或者网站策划师，如果是小网站，可能就直接由设计师制作了。那么如何快速做好网站原型图呢?可不能小觑这方面的工作，正常我会先大致把网站的整体架构和思路理清楚，如果比较复杂，还会先用笔画一些草图，然后才开始再原型图工具上工作，开始的时候先把页面都建好，然后做一下公用的模板，才开始具体页面的制作，遵循由主到次的顺序，最后再整体修改。