如何设计出色的网站原型图.docxVIP

如何设计出色的网站原型图? 导语： 网站原型图是网站建设之前的设计框架，将会关系到未来的成品。一般只做网站原型图，都需要使用专用软件来设计。本篇文章将会为你讲解介绍它的设计方法。 免费获取线框图原型图设计软件： /wireframe/ 用什么软件设计出出色的网站原型图？ 大家都是知道画网站原型图可以用Axure，但其实有一款软件比Axure更简单易用，那就是亿图图示。亿图图示是一款进行界面原型设计的工具，简单，易用，比Axure更快。 功能包括站点地图、流程设计、页面框架设计、手机ui设计、软件界面、原型设计等，可以一键生成导出HTML、Word、PDF、Visio等17种文件格式。 网站原型图设计步骤 在预定义模板和例子中，选择 线框图，然后从右侧模板中选择“网站线框图”，从例子中选择适合的实例也可以快速绘图。 添加网站Logo 1、从符号库中找到徽标，双击或者直接拖拽到绘图页面。 2、鼠标单击徽标，该形状的右上角就会出现一个浮动按钮，点击可进行快速替换图形。 3、点击开始菜单的“置于顶层”，将Logo显示在顶层，不至于被其他形状覆盖。 添加导航栏 从符号库中找到菜单栏，软件内置的有两种样式的菜单栏，选择你需要的一种，拖拽到绘图页面即可。 1、添加/删除一个菜单：选中形状，点击右上角的浮动按钮，选择”Add a Menu Item”(添加一个菜单项)，或者”Delete a Menu Item”(删除一个菜单项)。 2、改变菜单栏长度：点击形状周围的几个绿色的点，拖动这些点可以调整形状的长度和宽度。 3、编辑文本：将鼠标移动至默认的文字上方，双击，即可对文本进行修改。 4、修改背景色：选中形状，点击软件下方的色框条，当处于”填充”状态的时候，可以修改形状背景色。 添加标签 1、调整标签大小：直接拖动绿色的控制点即可。 2、调整标签文本输入框大小：拖动黄色的点，可以调整文本框的位置和大小。 添加超链接文本 从符号库中选择“超链接文本”符号，双击修改文字。 调整图形显示层次 1、通过开始菜单的“置于顶层/置于底层”，修改图形显示的顺序。 2、添加图层，将不同图形置于不同图层。 温馨提示：如果是图片较大的形状，建议将其置于底层。 导出为HTML 1、直接导出为HTML格式。 2、通过 分享功能，将文件分享为html格式，直接用浏览器就可以打开浏览。 获取更多线框图原型图软件使用技巧： /software/wireframe/