安装好axure之后就可以开始了!
今天来介绍axure
axure的功能:
功能:用于制作快速原型的软件。也可以绘制中保真原型草图。
应用人群:产品经理、交互设计师、UI设计师、网页设计师。
原型分类:低保真(手绘草图)、中保真(使用相关软件绘制出来的)、高保真(包含效果图及原型交互)
axure的界面组成 :
菜单栏:软件相关设置,执行常用操作(文件打开、保存、格式化控件、输出原型、输出规格等)
工具栏:常用便捷操作
页面:软件功能菜单界面 ,可以在页面区域看到所有的页面,所有的页面包含在.rp文件中
概要:页面中包含的所有组件 ,查看当前页面所有元件,相比于查看页面区域更加直观
元件库:页面元素组成 ,元素(一个字体就是一个元素),元件(一个下拉框,输入框)就是一个元件
母版设置:会改变整个页面设计的背景,相当于PPT模板,适用于所有页面的统一版面
样式:可以调每个单个元件的样式(大小,长度,宽度,字体间距,字体大小等)
交互:给元件添加事件效果(点击效果,轮播图滑入滑出等)是页面呈现出动态的效果
说明:添加一个解释说明
菜单栏
菜单栏-文件
自动备份设置--当rp文件不小心损坏或者没有保存,可以设置间隔5分中自动备份
菜单栏-编辑、视图
默认是没有网格线的
偏好设置--根据你自己的喜好设置视图
菜单栏-发布
生成html文件--没有装axure也可以用浏览器查看
菜单栏-其他功能
ctrl+9 回到x=0,y=0的位置
工具栏
工具栏操作详解
选择模式:交叉选中、包含选中
链接:连线(一般拿来做解释说明)
插入:图形
顶层、底层
组合、取消组合
居中+垂直:垂直平均分布
中部+水平:水平平均分布
页面区
页面区域操作详解
文件夹的管理
页面的管理
生成流程图:主要是里面的页面元件包含关系
概要区
概要区域操作详解
能看到当前页面所有的概要元件,因为部分元件因为层级关系(上层、下层呈现遮挡问题)
元件区
元件库面板操作
对外公开的元件库、自定义元件(通用的元件)
母版
母版区域操作
重复使用的元件做成母版,引用的地方都会一同改变,如head.jsp
元件库可以跨rp文件使用,母版不能跨rp文件使用
交互区
交互面板操作
交互面板包含了事件及交互样式
添加单击效果
添加双击效果
样式
样式面板操作
主要设置元件本身相关样式,也可以设置交互样式
说明区
说明编辑区功能特点
备注说明
元件
默认元件
表单元件
菜单元件
标记元件
重点掌握
1.热区&动态面板(轮播图)
热区通常作用有两个:当前页面定位留白,置于图片顶层添加事件 动态面板:设置不同状态,用于场景切换,如轮播图
2.内联框架(嵌套页面)&中继器(做相似布局)
3.表单元件
4.菜单表格元件
5.标记元件