4.原型设计

4.原型设计

接下来，设计师需要将书面的页面内容转换成原型线框图，并对每一个网页作详细的布局分配。原型线框图是设计师和客户沟通的最佳媒介，在原型线框图里需要设置各个页面的方位、布局以及二者之间的跳转关系等。这些重要的工作我们可以通过原型设计软件来实现，如由美国Balsamiq工作室推出的快速原型设计软件Balsamiq Mockups、手绘风格的开源原型设计软件Pencil Project，还有一个小型的免费针对非技术型用户的原型设计工具Prototype Composer。目前比较主流的是被俗称为“人品软件”的Axure RP软件（图2-4）。

图2-4

Axure RP软件是美国Axure Software Solution 公司的旗舰产品，它是一个专业的快递原型设计工具，让负责定义需求和规格、设计功能和界面的原型设计者能够快速创建应用软件或Web网站的线框图、流程图原型和规格说明书等。

简单地说，“原型”是在项目前期阶段的重要设计步骤，主要以发现新想法和检验设计为目的，重点在于直观体现产品主要界面风格和结构，并展示主要功能模块以及二者之间的相互关系，不断确认模糊部分，为后期的视觉设计和代码编写提供准确的产品信息。

这是至关重要的一步。用一支笔、一张纸画出原型示意图的设计师也不少，毕竟，这只是原型实现的工具，真正的方案存在于设计师的脑子里，只要你能顺畅地和客户达成共识，有什么方法是不可以实现的呢？图2-5至图2-8就是一些设计师手绘的Web框架草图。

图2-5(https://www.daowen.com)

图2-6

图2-7

图2-8

网站原型设计好之后，大致的形态就确定了。这时候，可以及时提出需要修改的地方，并在讨论之后做出调整，要知道，在这个环节进行调整是最省时省力的。

整个网站的雏形形成之后，我们将试图让每一个页面丰满起来，这时需要使用图形图像设计软件，让网页实现好的视觉效果。这是大多数网页视觉设计师最喜欢的步骤，因为终于要开始展示设计师的实力了，接下来就是网页界面设计。