下面就是6种最常见的UI界面动效展示效果。 同时附上每一种界面动效设计的案例给大家欣赏，以便于更加清晰的对这一种界面动效的认识。
1、转场过渡
人脑灰质会对动态事物（如：移动、形变、色变等）保持敏感。在界面中加入一些平滑舒适的过渡效果，不仅能让界面显得生动，更能帮助用户理解界面前后变化的逻辑关系。
2、层级展示
现实空间里，物体存在近大远小原则，运动则会近快远慢。当界面中的元素存在不同层级时，恰当的动效可以帮助用户理清前后位置关系，以动效来体现整个系统的空间感。
3、空间扩展
在移动端界面设计中，由于有限的屏幕空间难以承载大量的信息内容，可以通过折叠、翻转、缩放等形式拓展附加内容的存储空间，以渐进展示的方式来减轻用户的认知负担。
4、 聚焦关注
聚焦关注是通过元素的动作变化，提醒用户关注特点的内容信息。这种提醒方式不仅可以降低视觉元素的干扰，使界面更清爽简洁，还能在用户使用过程中，轻盈自然地吸引用户注意力。
5、内容呈现
界面内容元素按照一定的秩序规律逐级呈现，引导用户视觉焦点走向，帮助用户更好地感知页面布局、层级结构和重点内容，同时也能让整个流程更加丰富流畅，增添了界面的活力。
6、操作反馈
无论是点击、长按、拖拽、滑动等交互行为，都应该得到系统的即时反馈，将其以视觉或动效的方式展现，帮助用户了解当前系统对交互过程的响应情况，为用户带来安全感。
最后，培养UI设计师的界面动效设计能力，可以大大提高UI产品的友好度、也是提升UI设计师自身技能和设计修养的表现。
通过友好的UI动效设计案例可以降低沟通成本和打造核心竞争力。
原文地址：http://www.25xt.com/appdesign/17535.html
非特殊说明，本文版权归原作者所有，转载请注明出处
封面图片来自网络
Copyright ©ycyui.com. All Rights Reserved 粤ICP备16058503号-7 QQ交流群
![[穿越福城] 幕后故事 | 设计定义年味](/public/static/uploads/cover/20190131/8fa4050042856c468261fd06a54d8f0d.jpg)
全部评论 0条
暂时相关评论