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

1、,手机动效设计,郭杉杉,介绍一下自己,姓名：郭杉杉,笔名：SmallPang,丰富移动互联网产品设计经验，先后就职于91、时光网、猎聘网、搜狐畅游，参与多款手机客户端产品设计工作。目前担任搜狐畅游手机桌面项目高级产品经理，负责搜狐畅游桌面手机客户端及移动社交产品设计工作。,找到SmallPang：,QQ:609956246,E-mail:,微博： ,生活中的动效设计,目录,为什么用动效,什么时候适合用动效,如何描述一个动效,一些设计方法,告诉用户该怎么做,配图App Flow滑动引导效果,配图谷歌点击麦克风后效果,帮助用户减少焦虑,提醒用户将要到哪里,配图My Wonderful Day,配图

2、clear,带给用户直观感受,Weatherwise,树立产品独有标识,配图Jetsetter,更直观的触碰感知,配图My Wonderful Day,摇一摇,目录,什么时候适合用动效,为什么用动效果,如何描述一个动效,一些设计方法,场景1：转场,动效应用最多的场景,转场 翻页 开关门 缩小放大 折叠 翻转,场景2：邀请,对于隐藏内容、操作提示及新手帮助,邀请,突出主要功能,适时出现和离开,新手帮助亮点,注意点,场景3：反馈,过程及结果的反馈,反馈 轻量-质感 连贯-形变 现实-情感 过程-反馈,网易新闻收藏,30/30,iweekly,场景4：加载,内容加载时的动效,加载 品牌抽象 品牌LO

3、GO,场景5：启动画面,让用户更容易记住你的应用,启动画面,目录,什么时候适合用动效,为什么用动效果,如何描述一个动效,一些设计方法,要说明的事情,位置 即运动对象运动的起始位置与停止运动的终止位置。可以用不动物体做参考。（如从顶部运动到界面的某一栏目处等）。,运动方式 主要是对运动结果的描述，如何达到这个结果-过程是怎样的。常见的又直线、曲线、旋转等，对这些要有清晰认识。（如描述曲线运动则描述遵循什么样的曲线轨迹，旋转是围绕中心旋转还是对称轴旋转，角度多少等）,触发行为 移动应用动效通常都有一定触发行为。特别是动效由手势触发。（如拖拽手势触发的运动）,要说明的事情,速度及节奏 速度及节奏对应

4、用中得动效来说很重要，处理不好就变得拖沓。需要对速度和节奏进行描述。（如动作多久完成的，是否附加其他的因素）,各对象关系 当运动对象为多个时，就需要清楚它们之间的关系。（如A的1/2离开屏幕时，B的全部进入屏幕，同时C的1/2也进入屏幕,目录,什么时候适合用动效,为什么用动效果,如何描述一个动效,一些设计方法,运动形变，万变不离其中,要点1,核心为运动与变形，其他都是结合衍生的结果,节奏速度，掌控曲线时长,要点2,让动效不平淡，充满新意,情感故事，隐喻，品牌,要点3,让用户聚焦于内容本身，避免花哨吸引眼球,点到为止，勿过犹不及,要点4,用好双刃剑，不要适得其反,尊重习惯，创新要谨慎,要点5,考虑用户习惯，将创新点用到刀刃上,快速原型，多方沟通权衡,要点6,画好原型，用好沟通这个神器,许多优秀的应用，特别是国外应用动效发挥越来越大的作用。 并不是将运动的效果机械的加入应用中