前辈跟我说,你这个人啊,有点浮躁,基本功没做好。于是我开始学 Axure。
每日一文
每日一文实现的效果
抽屉式导航。触发条件是,点击按钮和向右滑动。
收获
- 动态面板。
用动态面板 musk 建立可操作范围,让所有交互和视觉都在这个范围内进行。动态面板是 Axure 中很重要的一个概念,每一个对象只有转换成动态面板后,才有可能成为交互的元素。 - 抠图。
Axure 的抠图比 PowerPoint 的要强,不仅可以抠外围的,还可以抠里面的。 - 交互实例。
学会了基本的交互用例,如这里的抽屉式,就用到了触发「向左滑动时」,触发效果是相对位置的「移动」。值得注意的是,「触发对象」与「表现触发效果的对象」可以不是同一个对象。所以交互就分成了两部分,触发条件和触发效果。
原型浏览在线浏览
http://213emd.axshare.com
锤子阅读
锤子阅读(做完才发现,漏了顶部的状态栏)实现的效果
纵向内容的拖动浏览,且到边界时实现弹跳效果;点击按钮界面切换效果。
收获
- 交互触发条件的变量设置。
因为「弹跳」的效果有一个条件,就是操作对象的纵坐标超过了下边界或上边界。那么这个纵坐标就是我们设置的「变量」。如果有多个条件时,「条件的关系」还可以是“与”,“或”,“按顺序检测”。 - 分割线的处理。
看《设计心理学》里面有一段话提到,好的设计是很难感知的,反倒是那些差的设计让人一下觉察到它的存在。我认为分割线就是好设计。他们颜色浅淡,宽度小,产品的规整有他们一份功劳,但下手做原型的时候才留意到他们摆放的讲究。
原型浏览在线浏览
http://yv56so.axshare.com
总结陈词
- 动手做原型后,把玩 APP 的关注点也多了起来。慢慢去考虑,为什么弹出的方向是这样,而不是那样;为什么按钮摆在这,而不是摆在那等等。
- 原型到底应该做到什么程度。
我认为取决于给谁看,但不管给谁看,有一点是肯定的,原型允许有 bug。就像「每日一文」那款,很明显向左或向右多拖动一下,界面就会移除手机屏。但真的需要多做一个隐藏层修复这个问题吗?真的不需要,因为它只是个传达想法的原型而已。
网友评论