您现在的位置是:首页 热点资讯热点资讯
什么是ui动效设计?有哪些类型?
LA 2024-03-24 19:08:25 热点资讯 已有人查阅
导读ui动效设计即动态效果的设计,用户界面上所有运动的效果,也可以视其为界面设计与动态设计的交集。在UI设计当中,一个好的动效设计可以提升UI界面与用户的交互体验,让枯燥的界面生动起来,甚至能带给用户一种“砰然心动”的感觉。 合理的动效可以帮助引导、取悦用户,减少等待时间,更能增加产品识别度。换个角度来说,如果现在APP没有动效,肯定会感觉少了点什么,动效的重要性在于将交互、视觉过渡处理的更加细腻,而且能够承载更多的信息,比如iOS动效、MD动效等。 ui动效设计类型: 1、旋转 旋转动效是我们在操作界面过程
ui动效设计即动态效果的设计,用户界面上所有运动的效果,也可以视其为界面设计与动态设计的交集。在UI设计当中,一个好的动效设计可以提升UI界面与用户的交互体验,让枯燥的界面生动起来,甚至能带给用户一种“砰然心动”的感觉。
合理的动效可以帮助引导、取悦用户,减少等待时间,更能增加产品识别度。换个角度来说,如果现在APP没有动效,肯定会感觉少了点什么,动效的重要性在于将交互、视觉过渡处理的更加细腻,而且能够承载更多的信息,比如iOS动效、MD动效等。
ui动效设计类型:
1、旋转
旋转动效是我们在操作界面过程中比较常见的动效类型,主要是切换过程中图标或其元素的角度旋转,是针对具体图标做出的巧妙设计。很多APP图标设计中都是有你了旋转的效果来模拟失误晃动的感觉,让用户觉得亲近、自然。
2、填充
填充的主要内容就是填充图标颜色,这种效果适用于选中过渡到面型的图标样式,课室是局部的色块填充,也可以填充到整体,切换的过程中都可以做到自然淋漓。若只有线性图标的样式,图标就会比较偏薄,展示的效果就没有那么理想。
3、形状变化
形状变化动效具比较强的趣味性,需要针对图标形状元素订制的一种,自由度呢比较高。对设计师而已有更多的扩散空间,可以自由发挥,制作出更多有趣的效果。比如说:VX的消息图标,每次双击都可以切换不同不同的表情包,给用户留下深刻的印象。
4、缩放
缩放动效比较适合新手设计师,相对比较简单、稳重、包容性比较好,既有动兴又不会太复杂。应用比较广泛,适合大多数的产品,比较保守不容易出错,对于视觉引导和明确反馈是绝对够用的了。
本文标签: 什么是ui动效设计?有哪些类型?
很赞哦! ()
上一篇:成考大专有哪些专业可以选择?
下一篇:考研考土木工程专业的考试科目