Axure（交互设计软件）

入门

字体选择不要小于12号字

线框图：

【线段+色块+文字】描述产品页面，早期方案讨论，速度快

高保真原型图：

高度还原产品运行效果，包括【设计+交互】，还原度高，产品设计思路的完整演示，求职能力体现

静态↓

尺寸：严格按照截图比例，参考线

色彩：使用吸取颜色，注意渐变色

贴图：矢量图/位图，截取，覆盖

动态↓

交互：页面切换，点击动效，数据变化

演示：PC浏览器，手机APP

简易需求文档：（简易PRD

逻辑和辅助说明

页面：

为保证预览效果一致，先设置比例

手机截图图片默认为375

当设置为手机时，会出现小手

同时出现线模拟手机边界

功能预览

进行对齐：

运用标尺：（鼠标框选标尺可以删掉）

图形辅助：

文字

对齐：可以全部框选再进行左对齐

自动适应文本长度：

矩形里可直接放文字，调整边距需要在样式中调整

线框图预览：

高保真（还原多的细节）：

阿里巴巴矢量图标库：iconfont-阿里巴巴矢量图标库

可以点击复制SVG代码

粘贴进来为图片，右键图片->变换图片->转换为SVG样式（可更改颜色）

截屏：shift+win+s

选取图形覆盖

图形：

截取的图片有圆角功能

编辑点：变换图形（编辑点之后没有圆角功能）

交互动效：

原型图中，元件与页面的动态效果

目标	谁触发交互
事件	什么动作触发	鼠标点击
动作	触发后的执行	跳转页面/显示元件
情形	触发条件	文字等于xx/值大于xx

点击元件在交互设置动效

点击预览测试

浏览器页面的后退可反复测试

鼠标置于动作右边会出现启用情形，下可设置更多条件

链接各个页面：

1.确定顺序（可按照层级逻辑）

创立跳转

1.设置元件跳转（同上）

2.设置热区

存在于该区域即可实现交互，不存在因为元件不同而触发不了

跳转

返回

当存在按级目录时可以设置返回上一级（需设置好二级页面）

常用交互

设置好的热区可复制粘贴效果

1.直接复制热区

2.在动作中复制

3.同一个热区也可复制