原则

动效帮助用户理解页面所要传递的信息内容,提升产品易用性。动效可增添体验互动的个性,达到传递品牌风格的目的。

原则

自然流畅

相比于默认模式主要依靠阴影营造模块层级,深色界面下的阴影感知更弱,需更加注意模块
间的层级对比,通常使用不同层级的黑色和阴影来体现层次感。

引导有序

清晰的内容层级传递、空间关系有助于用户更好的理解产品。在添加动效之前需明确当前场景下动效目的,寻求简洁明了有意义的动效表现方式。

体验提效

避免出现运动拖沓且影响产品性能的情况,通过制定运动曲线及控制运动时长为用户营造高效的体验感知。

品牌表现力

动效应向用户传递符合京东品牌调性的感知。品牌情感动画为产品增添活力及塑造京东品牌印象。

考虑事项

考虑事项的树立是为了引导设计者做有意义的动效,在动效设计前明确动效目的及必要性。

明确场景目标及动效带来的价值。

动效是否依从页面信息层级?

动效会降低用户的体验效率吗?

当前场景存在动效过载的情况吗?

动效的开发实现成本?它会影响产品性能吗?