网站原型图对于让客户、设计师和开发人员都在同一个页面上至关重要，并最终在大局中节省时间。它们呈现页面第一次查看的布局结构，并且在布局时也显示响应性，可以查明网站最重要的元素。 

什么是原型图，它对我的网站有什么好处？

在建造房屋时，您首先创造的东西之一是什么？一个蓝图，这样您就可以看到整个房子，并确保项目中的每个人都在同一页面上。原型图是网站的蓝图，是一个重要的步骤，永远不应跳过，因为它有利于项目的客户、首席设计师和首席 Web 开发人员。 

使用原型图，客户可以在网站构建之前查看网站的布局、整体导航和功能。

原型图提供了网站的视觉布局，以便设计师了解不同的组件需要放在哪里，以及它们需要如何调整以适应不同的屏幕尺寸。这类似于让室内设计师有机会看到一个房间，记下尺寸、门窗的位置、壁橱和门的打开方向，看看是否有任何奇怪的角度需要解决在让他/她带来不合适的家具或墙壁装饰之前。

在为您的网站设计原型图时，需要避免以下两件事：

在勾画原型图时，首先要专注于思考问题和指定接口，这一点很重要。以下是创建响应式原型图时要避免的一些事情。

微观管理视觉设计元素和颜色：原型图图用于选择元素的布局和位置。在单调的调色板中工作有助于将注意力集中在流程的主要功能上，即最终确定布局。

详细说明每个页面：创建原型图通常不需要您布置每个页面视图。无论您从多少内容开始，您都将拥有几个仅遵循几个模板的页面。

原型图知识要点

对于客户：原型图使规划、设计和开发之间的过渡顺畅而轻松。它是一种工具，可以让客户看到他们的想法变为现实，为设计师提供了一个可以使用的画布，并为首席开发人员提供了一个构建网站的框架。 

对于设计师：将原型图作为一种交流工具可以让您更轻松地可视化您的想法，并展示您的设计如何以响应性工作。它们帮助您定义项目目标，以实现您的主要关注点。