UI设计中的基本动效有哪些？

发布网友 发布时间：2022-04-21 23:52

我来回答

共3个回答

热心网友 时间：2023-07-12 00:34

UI设计动效越来越火，好的UI动效不仅可以使用户体验大大的提升,还可以增加用户在使用过程中的趣味性，

有以下几种：视差、遮罩、叠加、克隆、父级关系、变换、滑动缩放、数值变动、偏移延迟

热心网友 时间：2023-07-12 00:35

UI设计、动效设计展示~~

热心网友 时间：2023-07-12 00:35

1、填充
　　填充的主要内容就是填充图标颜色，这种效果适用于选中后过渡到面性的图标样式，可以是局部色块的填充，也可是填充整体，切换过程都可以做到自然流畅。若只有线性图标的样式，图标面积偏单薄，不易出效果一般不建议使用。
　　2、形状变化
　　形状变化动效一般具有较强的趣味性，它也是需要针对图标形状元素定制化设计的一种。它的自由度较高，供设计师发挥的空间大，能产生许多有趣的效果。比如QQ的消息图标，每次双击都切换不同的表情，给用户留下深刻的印象。
　　3、缩放
　　缩放动效是比较适合新手设计师选择的一种动效类型。它是简单稳重、包容性好的一种动效，既有动式又不会太复杂夸张。对于视觉引导和明确反馈完全够用，所以它的应用比较广泛，适合大多数产品，是比较保守不易出错的选择。
　　4、旋转
　　旋转动效是我们在操作界面的过程中比较常见的动效类型，它主要是切换过程中图标或其中元素的角度旋转，是针对具体图标做的巧妙设计。很多APP的图标设计中都使用了旋转的效果来模拟实物的晃动感觉，让用户觉得亲切自然。