用亿图软件怎么画网站线框图?

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

新建一个线框图

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

新建线框图

添加网站Logo

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

添加logo

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

替换logo

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

添加导航栏

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

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

添加菜单

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

调整大小

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

修改文本

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

修改背景色

添加标签

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

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

标签大小

添加超链接文本

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

超链接文本

调整图形显示层次

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

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

添加图层

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

导出为HTML

1、直接导出为HTML格式。

导出html格式

2、通过分享功能,将文件分享为html格式,直接用浏览器就可以打开浏览。

分享html格式