网站开发：使用线框图来简化你的产品设计流程

wz***

绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素，是网站内容布局的基本视觉表现方式，是网站开发过程中一个重要的步骤。

一、线框图的好处：

1、让项目组成员在初期就可以对网站有个清晰明了的认知

2、能激发设计师想象力，使其在创作过程中有更多发挥空间

3、给开发者提供一个清晰的架构，让他们知道他们需要编写的功能模块

4、让每个页面的跳转关系都变得清晰明了

5、很容易的改变页面布局

二、绘制线框图的工具：

手绘：纸、笔

流程图或思维导图工具：Visio、Mindmap、MindManager

原型绘制软件：Balsamiq、Axure

图形软件：Photoshop、Illustrator

HTML工具：Dreamweaver


三、线框图实例：

1、简单纸面原型：这是Broad Reach Retail Partners网站的简单纸面原型

2、低保真的HTML原型：没加任何风格的网站内容陈列

3、低保真的布局原型：界面布局线框图，由Jesse Bennett-Chamberlain设计

4、线框图原型：A preliminary mockup of a social Tiddlywiki for use at Le Web 3.