axure_1复习2

axure_1复习2

1.高保真原型图

介绍

制作耗时、还原度高、保证设计效果。

高保真原型图要素

1. 形状、尺寸：严格按照截图比例，参考线；
2. 色彩：使用吸取颜色，注意渐变色；
3. 贴图：寻找参考物，复制图片，截取、覆盖等；
4. 交互动作：页面切换，响应范围，点击动效等；
5. 演示效果：手机演示、原型托管、屏幕适配。

前三条为【静态】，后两天是【动态】。

高保真原型图是什么?

一般用于给用户“开发前产品体验”，是一个带交互动作的MVP，早期发现产品设计和功能中个存在的问题。这类原型完整还原产品设计，包括颜色、尺寸、文案内容等。
【能在产品初期解决运营80%的问题】

技巧

1. 会截图，选取合适的参考物进行切歌，不要重新发明轮子；
2. 使用搜索引擎：iconfont，可以选中各种各样的颜色、收藏等；

2.案例：为微信增加“听一听功能”

鼠标右键，分割，可以把两个连续的图形合成一个。切割完还能截图。
吸取颜色可以记住编号再在iconfont搜索。

解决左侧圆形的瑕疵：找到原图，截出正方形，按住黄色箭头去掉边，再覆盖回来。

3.如何让高保真原型图动起来

为“听一听”增加可以点击的事件。

1. 分页。左侧添加new page1-4，把做好的各个界面复制过去；
2. 在听一听上加点击：
   原型库的原件：热区；（原因？热区就是用来加事件的，当然其他方法也可以。）
3. 选中热区，右侧鼠标单击时，选择当前窗口，打开page2；
4. 热区可以复制粘贴，但跳转的界面统统没变；
5. 选中page1，预览；
6. 加返回的事件。有一个选项可以直接返回，也可以自己设置；
7. 给播放添加动效：加热区→把圆形剪切出来双击→按住黄色小三角覆盖原图→用例编辑旋转，设定旋转角度等。