赞
踩
Axure是产品经理常用的原型图设计工具,这里对Axure的基本用法和相对难以理解的部分做个总结。不同版本的细节处可能有差异,但是大同小异,这里记录的版本是9x版。
原型图种类
原型图种类 | 特点 |
---|---|
线框图 | 制作快速,低成本描述方案,给设计更多空间 |
高保真原型图 | 制作费时,还原度高,保证设计效果 |
需求文档(PRD/MRD) | 包含更多逻辑与业务说明,利于指导研发 |
从最顶部的功能选项卡里就能了解到,界面主要分为:
1.工具区(①+②):①是基本工具;②是样式工具。都可以根据个人习惯来自定义要展示哪些元素
2.功能区(③):分为画布区、页面+概要、元件+母版、样式+交互+说明这些栏目
画布:元件展示的区域,即中间默认的白色大块。如果在偏好设置(F9)里不勾选“启用画布负空间”,画布便不会固定在左上角,而是可以自由拖动(选中按住空格,鼠标移动);
页面:可以按层级添加文件夹、图表(类型默认是页面,可改为流程图),然后进行排序、重命名、删除等系列操作;
概要:页面中有哪有元素的一个概览;
元件:可以载入已有的元件库(*.rplib文件),也能修改、删除系统默认的元件,实现元件库的定制;常用的矩形、文本、图片或者一些图形可以在插入、形状功能按钮里找,不好找的比如星星图标、日历图标,可以去元件库的搜索框里输入关键字搜索;
初始有四类元件:
Default——默认的,也是较常用的;
Flow——流程图中常用;
Icons——图标,包含web应用、辅助功能、手势、运输工具、性别、文件类型、加载中、表单控件、货币、方向、商标等多种类别;
Sample UI Patterns——有输入控件、容器、导航、内容4个类别,相当于是一些场景下的组合控件母版,可以进行修改后以满足需要
母版:把常用到的一些元件组合保存下来,放到母版里,方便直接调用。支持层级化管理;
样式:style,也就是位置尺寸、透明性、字体、排版、填充等属性的设置。不同元件支持的样式设计不尽相同,比如选择页面的画布时,可以选择低保真度(颜色变灰,来降低视觉影响)
*交互:类似PPT,包含各种事件、动作,也就是设计用户做了哪些事时会触发哪些动作。
事件 | 鼠标 | 单机时、双击时、右击时、按下时、松开时、移动时、移入时、移出时、停放时、长按时 |
键盘 | 按下时、松开时 | |
形状 | 移动时、旋转时、尺寸改变时、显示时、隐藏、获取焦点时、失去焦点时、选中、取消选中时、选中改变时、载入时 | |
动作 | 链接动作 | 打开链接、关闭窗口、框架中打开链接、滚动到元件 |
元件动作 | 显示/隐藏、设置面板状态、设置文本、设置图片、设置列表选中项、启用/禁用、移动、旋转、设置尺寸、置于顶层/底层、设置不透明、获取焦点、展开/收起树节点 | |
中继器动作 | 添加排序、移除排序、添加筛选、移除筛选、设置当前显示页面、设置每页项目数量、添加行、标记行、取消标记、更新行、删除行 | |
其他动作 | 设置自适应视图、设置变量值、等待、其它、触发事件 |
有用的(快捷)键:
操作 | 效果 |
---|---|
按住空格和鼠标左键移动 | 随指针移动画布 |
shift+鼠标滚轮 | 画布左右移动 |
在画布中输入插入图形的快捷键 | r-矩形,o-椭圆,l-线段,t-文本 |
shift | 按住时选择元件可实现多选;按住时+其他动作(如放大缩小图形)实现“规则”效果,(如圆、正方形、45°倍数角度的线段) |
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。