我也开始仿做产品原型-每日一文,锤子阅读

前辈跟我说,你这个人啊,有点浮躁,基本功没做好。于是我开始学 Axure。

每日一文

我也开始仿做产品原型-每日一文,锤子阅读_第1张图片
每日一文

实现的效果
抽屉式导航。触发条件是,点击按钮和向右滑动。

收获

  1. 动态面板。
    用动态面板 musk 建立可操作范围,让所有交互和视觉都在这个范围内进行。动态面板是 Axure 中很重要的一个概念,每一个对象只有转换成动态面板后,才有可能成为交互的元素。
  2. 抠图。
    Axure 的抠图比 PowerPoint 的要强,不仅可以抠外围的,还可以抠里面的。
  3. 交互实例。
    学会了基本的交互用例,如这里的抽屉式,就用到了触发「向左滑动时」,触发效果是相对位置的「移动」。值得注意的是,「触发对象」与「表现触发效果的对象」可以不是同一个对象。所以交互就分成了两部分,触发条件和触发效果。

原型浏览在线浏览
http://213emd.axshare.com

锤子阅读

我也开始仿做产品原型-每日一文,锤子阅读_第2张图片
锤子阅读(做完才发现,漏了顶部的状态栏)

实现的效果
纵向内容的拖动浏览,且到边界时实现弹跳效果;点击按钮界面切换效果。

收获

  1. 交互触发条件的变量设置。
    因为「弹跳」的效果有一个条件,就是操作对象的纵坐标超过了下边界或上边界。那么这个纵坐标就是我们设置的「变量」。如果有多个条件时,「条件的关系」还可以是“与”,“或”,“按顺序检测”。
  2. 分割线的处理。
    看《设计心理学》里面有一段话提到,好的设计是很难感知的,反倒是那些差的设计让人一下觉察到它的存在。我认为分割线就是好设计。他们颜色浅淡,宽度小,产品的规整有他们一份功劳,但下手做原型的时候才留意到他们摆放的讲究。

原型浏览在线浏览
http://yv56so.axshare.com

总结陈词

  1. 动手做原型后,把玩 APP 的关注点也多了起来。慢慢去考虑,为什么弹出的方向是这样,而不是那样;为什么按钮摆在这,而不是摆在那等等。
  2. 原型到底应该做到什么程度。
    我认为取决于给谁看,但不管给谁看,有一点是肯定的,原型允许有 bug。就像「每日一文」那款,很明显向左或向右多拖动一下,界面就会移除手机屏。但真的需要多做一个隐藏层修复这个问题吗?真的不需要,因为它只是个传达想法的原型而已。

你可能感兴趣的:(我也开始仿做产品原型-每日一文,锤子阅读)