像素范儿 UI 动效基础:AE 动效表现课

一、AE 动效在 UI 设计中的重要性

有人问我,AE 动效对 UI 设计的帮助大吗?找工作能提高薪资吗?动效是视觉效果的最高层级,往往在 APP 成熟上线之后会加入情感化设计,这也是很多 UI 设计师在甲方公司中,如何体现你个人价值的一个必备技能,包括目前很多 LOGO 设计师也会把 LOGO 动起来,提高视觉效果,同时也提高了作品的档次,图形设计+动效设计下面分享一些 AE 动效的优秀作品。

二、AE 动效在 UI 设计中的运用

  1. Tabbar 动效运用
    图标是指代含义的图形符号,是易于理解的可视化语言,有助于人们高效地识别和传递信息。随着互联网的发展,动效设计不仅可以帮助设计师和用户解决许多界面功能上的问题,更容易让用户理解产品,更加自然地建立用户和界面之间的情感关系。
    动效最基本的功用是呈现过渡状态。当页面布局发生改变的时候,动效的存在会帮助用户理解这种状态的改变,呈现过渡的过程。可以增加产品的趣味性,让用户轻松愉悦地获取信息。
  2. 下拉刷新的动效运用
    下拉产生的动效可以引导用户关注相应的更新内容,一般都采用与品牌相关的 LOGO 或者与产品有关联性的情感化设计,增加品牌效应和趣味性。
  3. 引导页的动效运用
    引导页作为一款 APP 的“指示牌”,是为了引导用户了解“我是怎么使用的”“我的优点是什么”,所以在设计引导页时一般都是简洁明确,让用户通过简单的设计清晰地了解信息传递,做到真正的图形信息化设计。动态引导页是目前的常用形式,不仅增加了画面的趣味性,而且也提高了用户的参与性。唯一的缺点就是开发成本高,在进行动效设计时一定要提前跟程序员沟通落地问题。
  4. 加载动效的运用
    用户在等待加载页面时,往往需要一些趣味性的设计来打消“抓狂”的心态,动效加入在情感化设计之中,增加了画面的美感和趣味性,提高了用户的使用率。
  5. 页面功能展示动效
    当 UI 设计师设计完页面时,我们可以通过 AE 把产品的交互做一个视觉展示,让甲方更加清晰地明白我们的设计,也可以很好地提高我们的逼格,当然也可以测试产品的交互是否合理,逻辑是否合理。
微信公众号
内容已被隐藏!
微信扫描二维码或搜索"玖柒专用"进入小程序,获取“提取码”免费获取资源

本站内容转载于网络,版权归原作者所有! 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。若侵犯到您的合法利益,请联系我们,会尽快给予删除处理!:97997 » 像素范儿 UI 动效基础:AE 动效表现课

赞 (0) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏