按照不同的场景运用恰当的动态效果、运动节奏向用户传递某种信息的表达方式,即为UI动效设计。
使用场景可分为交互场景、展示场景等部分。传递信息是指交互场景传递页面跳转与层级变化等信息、引导场景传递突出元素等,最后传递操作反应或缓冲等待等信息。
一、UI动效设计的定义是什么
1、UI动效设计结合动效的运用场景来理解时,它的定义是指根据不同的使用场景,运用适合的动态效果和适当的运动节奏,向用户传递出某种信息的表达方法。
2、其中使用场景与传递信息这两部分的含义,使用场景可以分为交互场景、展示场景、引导场景及反馈场景;而传递信息则是交互场景传递页面跳转与层级变化等信息、展示场景传递产品特点与核心功能等信息、引导场景传递突出元素与进一步操作等信息,最后反馈场景传递的是操作反应或缓冲等待等信息。
二、UI动效设计的作用是什么
1、动效可以帮助用户更好的了解信息内容,利用动效为产品增添趣味性和生动性。
2、动效最重要的一点是可以用来展示交互细节,有助于更好的与产品经理、前端设计师、客户等快捷沟通,提升沟通效率。
3、动效设计还有利于塑造品牌形象,UI动效是一种与时俱进的呈现方法,它比传统的设计更容易吸引客户和用户的注意力。
4、动效可以让用户在使用产品的时候具有代入感,增加了互联网产品的趣味性和情感化设计,从而激发用户停留的兴趣。
三、UI设计里面的基础组件相关介绍
基础组件是一种底层组件,也可以被叫做「原子组件」或「通用组件」,有以下几种特点:
1、像是button,一个输入框,一个开关等都是不能拆分的组件。
2、适用于各类业务场景:比如政务业务、电商业务、金融业务等业务都可以使用。
3、可确保设计质量和效率:使用组件可以使设计稿具备较高的一致性,并提升设计和开发的工作协同效率。
4、大家熟悉的典型基础组件库就是 Ant Design,主要特点有通用、开源、包容等。迄今为止,Ant Design 已拥有超过1k+的设计和开发贡献者,被应用于2w+的企业各类业务场景中。