软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > Axure软件教程:怎么更好的使用视觉标准(3)

Axure软件教程:怎么更好的使用视觉标准(3)

二、结构库构建

有了视觉零件还不够,有时候我们更多倾向的是一块块现有结构的应用,类似于网站的头部和底部是可以直接调用不需要再设计的。类似于这类的结构,我们利用现有视觉零件进行搭建。方法和搭建视觉零件类似,只要新建一个文件夹然后新建Master,再把相应的视觉零件拖放到指定位置便可以完成。

这里要主要几点:1、要把一些基本交互要加到构建中,保证原型的可交互性(点此查看如何增加交互动作);2、一般结构库的分类为:Layout、Menu、Flow、Information、Function,你也可以自行分类;3、结构组建是属于统一的内容,所以可以不需要转换成可单独编辑的模式,也可以根据个人需要自行转换。


图2-1 结构模板列表


图2-2 结构模板实例

三、视觉标准的更新

要记住一点:不断更新。要定期把新的视觉组建加入到Axure中。

完成一、二两大步骤其实你已经可以开始工作了,每次使用这套封装的组件时你只需要导入你的组件文件,并选择第二项“Masters”,以及Check All所有组建,点击确定完成就可以直接使用了。

怎么样?是不是觉得线框图不再是简单丑陋、而且不再需要为沟通而烦恼了(特别是有些没有视觉头脑的需求方在看到简单线框图的时候会一脸凝重地和你沟通)

 
图3-1 利用Axure搭建的高保真原型

PS:有些交互设计师会对一些布局细节担忧,害怕自己会一直调整对齐和细节。记住,我们出的是可交互的原型,不是最终产品,不需要考虑太多的视觉细节,这些会由前端开发去进行标准的把控。

相关阅读
栏目导航
推荐软件