美文网首页Axure【移动交互设计】Axure RP产品面面观
我也开始仿做产品原型-每日一文,锤子阅读

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

作者: maixy | 来源:发表于2016-05-27 18:02 被阅读162次

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

    每日一文

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

    收获

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

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

    锤子阅读

    锤子阅读(做完才发现,漏了顶部的状态栏)
    实现的效果
    纵向内容的拖动浏览,且到边界时实现弹跳效果;点击按钮界面切换效果。

    收获

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

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

    总结陈词

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/zaexdttx.html