威龙发艺发型设计价格联盟

产品少女讲一讲|产品设计之动效设计

创享学院pm2021-02-21 12:00:20

作者简介:

产品少女:广州某知名互联网公司产品经理,负责公司产品的设计及整个流程管理工作,理想的生活方式是“从产品的视角出发,做生活的设计师。”


产品设计之动效设计

上一期中以Android8.0为例介绍了产品设计中的卡片式设计所遵循的原则,今天继续以Android8.0为例向大家介绍一下卡片式设计原则中关于动效的设计规范;


首先我们来回顾一下,动效目的其实是为了吸引用户的注意力维持整个系统的连续性给用户最流畅的体验。那么在移动端中动效设计应考虑时长问题,不宜过长也不宜过短,过度时动画时间不宜超过 400ms ,否则会使用户感觉时间过长,如app的启动页或引导页在进行动效转场时一般控制在300s内,对于幅度大、复杂的、全屏过渡的动画可能需要多一点的持续时间,这种情况允许时间保持在375s内;


设计中我们将动效的移动方向称为“缓动曲线(动效的外观可以用曲线表示,“缓动”指曲线的动画效果)”。


从类型上我们可分为“标准曲线、减速曲线、加速曲线”三种动画效果;


接下来我们依次来介绍三种曲线:


l 标准曲线


标准曲线是最常见的曲线,设计原则是页面元素沿着同一方向在屏幕中快速加速出现、缓慢减速消失或缓慢出现快速消失:


l 减速曲线


主要用于元素全速进入屏幕,然后缓慢减速到目标位置;


l加速曲线


主要用于元素全速离开屏幕,离开屏幕时不会减速;



关于动效设计在实际应用中此原则不仅适用于Android,在IOS中同样是可以遵循的设计原则;


往期回顾:

创享专栏|JOJO同你聊之认识流程图

创享专栏|打假来了~!你可能研究了假的用户!

创享专栏|你饿不饿啊,我给你下个“埋堆堆”呗?

创享问答|用户凭什么要用你的产品?怎样才能让用户用你的产品

创享简介|产品经理我们是认真的!




福利

有奖留言


请在评论区留言你对该篇文章的想法和见解:


“产品设计之动效设计”


截止至2018年3月31日中午12:00

产品少女老师将会选取最优秀的答案

为获奖的小伙伴送出以下礼品

1、将获得参与创享举办的“产品论道”沙龙名额

2、针对武汉的同学,为期三天创享线下免费课程

3、创享内部绝密产品经理资料,订制u盘等你来拿


快来留言吧~


创享学院产品经理专业的公众号


长按,识别二维码,加关注


点击下方[阅读原文],查看更多



友情链接