灯塔系列课产品经理课程：手机动效设计幻灯片.ppt

为了让相关人员更快看到动效效果，从而决定是否使用，怎样使用，让大家更好了解意图。可以先快速绘制原型。然后多方沟通。保证动效可实施。 快速原型，多方沟通权衡 要点6 画好原型，用好沟通这个神器 许多优秀的应用，特别是国外应用动效发挥越来越大的作用。 并不是将运动的效果机械的加入应用中就可以称为动效，情感化的，有新意的，适度的设计非常关键。 我们需要去不断思考、探索、实践、积累 总结 Thanks /thebeacon 更多内容，请关注 现实生活中有大量动效的实例，如公鸡风向标，风一吹，公鸡随后转动会指向一个方向，意义变得简单明确，这只公鸡指着当前的方向。再比如地铁的指示牌，很容易理解地铁往哪运行，下一站到哪里，什么时候到站。 现实生活中有大量动效的实例，如公鸡风向标，风一吹，公鸡随后转动会指向一个方向，意义变得简单明确，这只公鸡指着当前的方向。再比如地铁的指示牌，很容易理解地铁往哪运行，下一站到哪里，什么时候到站。 当进入一个需要手势操作的应用，经常不知从哪里下手，这时候就需要动效引导。 如AppFlow，它许多功能都需要手势，基本没啥按钮，用户会茫然，为了避免此问题，AppFlow设计了动效引导，底部两个圆上下动，告知用户如何操作，会产生什么结果。 再如Google 语音搜索，点击语音，会出现波形扩散的动效果。每个陌生应用都会让用户感到未知和无助。东效可以告知用户该做什么，或通过产生的物理惯性帮助用户预测接下来发生的事情。 每当系统加载内容时，系统的（转菊花）效果总让人感到无味，这时如果加入精心设计的动效，对现实生活中得动态进行模拟或抽象，这个过程变得有趣许多。 有时候当网速过慢或者需要再如内容过多时，等待的时间会使用户产生焦虑，大约超过一段时间后，用户会离开，这时可以增加一些反应当前进度的动画，则能有效降低这种感觉，使用户留在当前页面。 移动应用希望用户可以明确感知自己当前位置，动效能使这个过程更加流畅。 如点击My Wonderful Day按钮后会有光线射出，表明当前操作对象，同时伴有切面的效果，让用户知道要进入对应界面。 另一方面，动效可以让用户对当前位置有一个更深刻的感知。如Clear 相对于其他，直观感受会让用户倍感亲切。越来越多的应用已经开始关注用户的直观感受，同时加入情感体验。 如Weatherwise,作为一个天气应用，它设计了一个模拟现实的环境—动态天气效果，和其他相比，用户使用时对天气的感知更直观，如同身临其境。 在移动应用功能日趋同质化的今天，越来越多的应用设计开始注重主题和故事，以及应用与现实生活的关联，从而拉近与用户距离，提升自己的竞争力，通过动效引领用户故事，将使这一过程更容易实现。 IOS与Android,Android与WP之所以给人带来明确的感受不同，动效发挥了很大作用。具有目的性、一致感的动效，无不流露出品牌的特性与情感，往往会成为一个产品牌的代言。 动效能够吸引用户点击应用页面中得按钮和控件。如My Wonderful Dayd的小人表情。 巧妙的动效设计能够让用户感觉更有趣，激发起探索欲望，进而去触碰感知，这对理解产品功能，更好更方便的使用产品帮助很大 移动应用转场，即从一个界面转到另一个界面。经常需要转场动效的帮助。转场是动效目前应用最多的场景。在转场中，可以运用其他技巧，也可以通过无技巧转场使整个应用的衔接更流畅。 变形是指通过形状改变由一个场景到另一个场景。常见的形变转场有翻页、开关门、缩小放大、折叠、翻转等几种类型。他们的共同点是通过形状改变告知用户—离开此页，到达新页。一般同时伴有运动过程。 翻页:是模拟现实生活中得翻书，适合在拟物较强的应用中用。 开关门：有进入、出来的隐喻，适合在一级页面和二级页面之间使用，如果是在平级页面使用则会觉得很奇怪。 缩小放大：则体现出空间感，在平级，父子级页面中都可以使用。 折叠效果，它在现实生活中给我们感觉就是对同一物体进行的操作，因此适合对同一对象进行的变化或者两个有关的场景。 由于手机屏幕空间有限，更多的内容会被隐藏在屏幕后边，或者屏幕的左边、右边、下边，转场动效能帮助应用营造一种空间方位感。转场动效是目前应用最多的动效种类，毕竟iPhone、Andoird、Wp7都有提供一些官方的动效的API，一些简单的动效可以直接调用官方API来完成。Android官方动效8个，iPhone官方动效19个，WP7官方动效6个，具体几个平台的动效有哪些差异，后续有机会分享。 移动应用转场，即从一个界面转到另一个界面。经常需要转场动效的帮助。转场是动效目前应用最多的场景。在转场中，可以运用其他技巧，也可以通过无技巧转场使整个应用的衔接更流畅。 直接提供邀请，告知用户可以做的事，效果最直观，引导性最好。但是要注意操作邀请一定是需要突出的主要功