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. 给播放添加动效:加热区→把圆形剪切出来双击→按住黄色小三角覆盖原图→用例编辑旋转,设定旋转角度等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值