多语言展示
当前在线:284今日阅读:23今日分享:31

axure原型设计入门

axure是一款制作产品原型的软件,主要是产品经理先按照自己的想法设计好产品的各个页面及当前页面内的组件,组件间的交互方式等,然后做上传到网络或打包成网页,这样UI就很清楚PM的目的及意图从而更好的去实现界面设计。而程序员根据原型可以更好的去规划实现的框架。当然,如果你是自由创业者,也可以制作原型图,让合作者或投资人更好的理解你的意图。目前Axure常用的版本是7.0,8.0已经发布beta版,正式版尚未发布。下面以8.0beta版来做基础的说明,不足、不完善之处还请指正谢谢。
工具/原料

axure8.0 beta版

方法/步骤
2

图示标注区4:页面栏目基本说明:可以将页面栏目理解为目录,为了更清晰的组织管理原型,在发布生成时,页面栏目生成:站点地图。在页面栏目,我们可以创建文件夹及页面(见图示中的标注1),且可以拖动任意一个页面或文件夹,来改变他的级别(见图示中的标注2):

元件库的基本操作说明
1

图示标注区5:元件库创建元件库(图一),并命名(图二)

2

保存成功后axure会自动打开元件库编辑面板(和原型库基本一致):

3

按照“页面栏目”对库进行组织,说明:文件夹为元件库的分类标题

4

添加:按钮,文件夹。圆角按钮元件,直角按钮元件:并按图组织:

5

关闭并保存元件库,回到工作区,按图示点击:刷新元件库(创建时默认已经加载)。成功后,见下图所示:1 为元件库名。2 为命名的文件夹名 ,3 位元件库名

6

以上完成了元件库的创建与编辑。下面来看一下加载:本地加载和下载元件库点击“载入元件库”,会自动打开本地,找到存放元件库的地方既可。点击“下载元件库”:会自动连接到Axure官网,并手动下载

检视
1

该栏目包含:元件属性、元件备注、元件样式编辑元件属性:我们从创建的元件库中拖一个按钮到工作区,会见到下图所示的属性:标注1:元件名(建议必须写,原因:同一元件使用较多时按钮名称区别)标注2:交互事件,常用且非常重要,每类元件对应的交互事件略有不同,即元件的属性不一样标注3:交互样式(鼠标滑过、点击、点击后)

2

说明栏,是对于元件的备注,可以添加备注,让UI或程序更好的理解你的意图:

3

样式栏:对当前元件的背景、边框、颜色、大小等进行设置:

母版的使用说明

母版具体属性:1.具备元件的基本属性;2.具备一次编辑母版,所有使用的地方,同一修改,常用于导航栏,页脚、页眉等处。3.可以强制脱离母版作为普通元件进行编辑。建议对母版的使用:以最小单位封装(封装的内容越多,意味着越容易发生改变,此时建议封装到元件库);

推荐信息