UI设计师必备技能是什么 常见动效类型有哪些

UI设计 专栏收录该内容
276 篇文章 1 订阅

  UI设计师必备技能是什么?常见动效类型有哪些?目前,动效设计已成为UI设计师必备的技能之一,优秀的动效设计能够帮助设计师和用户解决了许多界面功能上的问题,让这用户更容易理解产品,也让设计师更好的表达。接下来就给大家简单梳理UI动效的应用类型及应用场景。

image/20200110/2d5715bc6e9381e32f9a4c5471ad2135.jpeg

  常见的UI设计动效类型

  1、填充

  填充的主要内容就是填充图标颜色,这种效果适用于选中后过渡到面性的图标样式,可以是局部色块的填充,也可是填充整体,切换过程都可以做到自然流畅。若只有线性图标的样式,图标面积偏单薄,不易出效果一般不建议使用。

  2、形状变化

  形状变化动效一般具有较强的趣味性,它也是需要针对图标形状元素定制化设计的一种。它的自由度较高,供设计师发挥的空间大,能产生许多有趣的效果。比如QQ的消息图标,每次双击都切换不同的表情,给用户留下深刻的印象。

  3、缩放

  缩放动效是比较适合新手设计师选择的一种动效类型。它是简单稳重、包容性好的一种动效,既有动式又不会太复杂夸张。对于视觉引导和明确反馈完全够用,所以它的应用比较广泛,适合大多数产品,是比较保守不易出错的选择。

  4、旋转

  旋转动效是我们在操作界面的过程中比较常见的动效类型,它主要是切换过程中图标或其中元素的角度旋转,是针对具体图标做的巧妙设计。很多APP的图标设计中都使用了旋转的效果来模拟实物的晃动感觉,让用户觉得亲切自然。

  动效的使用场景

  1、系统状态

  每个APP为了保证正常的运行,总是需要一定的时间,但是用户看着静止的界面并不会明白这些,所以需要借助动效让用户明白,后台还在运行,在处理数据。通过动效,从视觉上告知用户这些信息,让用户有掌控感,比如加载指示器、下拉刷新、通知等。

  2、导航和过渡

  动效最基本的功用是呈现过渡状态,当页面布局发生改变的时候,动效的存在会帮助用户理解这种状态的改变,呈现过渡的过程。设计师使用动效平滑地让用户在不同的内容之间过渡、切换,而动效也解释了UI的变化是怎么发生的。

  3、视觉反馈

  视觉反馈让用户觉得一切都尽在掌握、可以预期,而这种掌握意味着用户能够明白和理解目前的内容和状态。动效可以强化每一个交互的结果并且提升用户交互。

  不同的UI动效能够带给用户不同的操作体验,UI设计师在制作动效的过程中,必须充分考虑该动效的主要特点和表现形式。如果你想快速掌握UI动效设计制作,可以选择专业学习一下,让自己快速系统掌握UI设计师必备技能!

  • 0
    点赞
  • 1
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页

打赏

千锋郑州

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值