网站线框图对于网页设计师来说并不陌生，它是一种用来显示网站框架的草图，可以很直观的展示出页面的整体框架、基本元素等等。下面，小编就分享使用亿图软件是如何设计网站线框图的。

新建一个线框图

在预定义模板和例子中，选择线框图，然后从右侧模板中选择“网站线框图”，从例子中选择适合的实例也可以快速绘图。

http://www.edrawsoft.cn/images/wireframe/images/xinjianxiankuangtu.png

添加网站Logo

1、从符号库中找到徽标，双击或者直接拖拽到绘图页面。

http://www.edrawsoft.cn/images/wireframe/images/tianjialogo.png

2、鼠标单击徽标，该形状的右上角就会出现一个浮动按钮，点击可进行快速替换图形。

http://www.edrawsoft.cn/images/wireframe/images/tihuanlogo.png

3、点击开始菜单的“置于顶层”，将Logo显示在顶层，不至于被其他形状覆盖。

添加导航栏

从符号库中找到菜单栏，软件内置的有两种样式的菜单栏，选择你需要的一种，拖拽到绘图页面即可。

1、添加/删除一个菜单：选中形状，点击右上角的浮动按钮，选择”Add a Menu Item”(添加一个菜单项)，或者”Delete a Menu Item”(删除一个菜单项)。

http://www.edrawsoft.cn/images/wireframe/images/tianjiacaidan.png

2、改变菜单栏长度：点击形状周围的几个绿色的点，拖动这些点可以调整形状的长度和宽度。

http://www.edrawsoft.cn/images/wireframe/images/tiaozhengdaxiao.png

3、编辑文本：将鼠标移动至默认的文字上方，双击，即可对文本进行修改。

http://www.edrawsoft.cn/images/wireframe/images/xiugaiwenben.png

4、修改背景色：选中形状，点击软件下方的色框条，当处于”填充”状态的时候，可以修改形状背景色。

http://www.edrawsoft.cn/images/wireframe/images/xiugaibeijingse.png

添加标签

1、调整标签大小：直接拖动绿色的控制点即可。

2、调整标签文本输入框大小：拖动黄色的点，可以调整文本框的位置和大小。

http://www.edrawsoft.cn/images/wireframe/images/biaoqiandaxiao.png

添加超链接文本

从符号库中选择“超链接文本”符号，双击修改文字。

http://www.edrawsoft.cn/images/wireframe/images/chaolianjiewenben.png

调整图形显示层次

1、通过开始菜单的“置于顶层/置于底层”，修改图形显示的顺序。

2、添加图层，将不同图形置于不同图层。

http://www.edrawsoft.cn/images/wireframe/images/tianjiatuceng.png

温馨提示：如果是图片较大的形状，建议将其置于底层。

导出为HTML

1、直接导出为HTML格式。

http://www.edrawsoft.cn/images/wireframe/images/daochuhtml.png