一、AE 动效在 UI 设计中的重要性
有人问我,AE 动效对 UI 设计的帮助大吗?找工作能提高薪资吗?动效是视觉效果的最高层级,往往在 APP 成熟上线之后会加入情感化设计,这也是很多 UI 设计师在甲方公司中,如何体现你个人价值的一个必备技能,包括目前很多 LOGO 设计师也会把 LOGO 动起来,提高视觉效果,同时也提高了作品的档次,图形设计+动效设计下面分享一些 AE 动效的优秀作品。
二、AE 动效在 UI 设计中的运用
- Tabbar 动效运用
图标是指代含义的图形符号,是易于理解的可视化语言,有助于人们高效地识别和传递信息。随着互联网的发展,动效设计不仅可以帮助设计师和用户解决许多界面功能上的问题,更容易让用户理解产品,更加自然地建立用户和界面之间的情感关系。
动效最基本的功用是呈现过渡状态。当页面布局发生改变的时候,动效的存在会帮助用户理解这种状态的改变,呈现过渡的过程。可以增加产品的趣味性,让用户轻松愉悦地获取信息。 - 下拉刷新的动效运用
下拉产生的动效可以引导用户关注相应的更新内容,一般都采用与品牌相关的 LOGO 或者与产品有关联性的情感化设计,增加品牌效应和趣味性。 - 引导页的动效运用
引导页作为一款 APP 的“指示牌”,是为了引导用户了解“我是怎么使用的”“我的优点是什么”,所以在设计引导页时一般都是简洁明确,让用户通过简单的设计清晰地了解信息传递,做到真正的图形信息化设计。动态引导页是目前的常用形式,不仅增加了画面的趣味性,而且也提高了用户的参与性。唯一的缺点就是开发成本高,在进行动效设计时一定要提前跟程序员沟通落地问题。 - 加载动效的运用
用户在等待加载页面时,往往需要一些趣味性的设计来打消“抓狂”的心态,动效加入在情感化设计之中,增加了画面的美感和趣味性,提高了用户的使用率。 - 页面功能展示动效
当 UI 设计师设计完页面时,我们可以通过 AE 把产品的交互做一个视觉展示,让甲方更加清晰地明白我们的设计,也可以很好地提高我们的逼格,当然也可以测试产品的交互是否合理,逻辑是否合理。
![](https://www.97997.com.cn/wp-content/uploads/2024/01/1-41.jpg)
![微信公众号](http://www.zeyaya.com/wp-content/uploads/2023/12/23082512265099.jpg)
内容已被隐藏!
微信扫描二维码或搜索"泽丫丫专用"进入小程序,获取“提取码”免费获取资源
本站内容转载于网络,版权归原作者所有! 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。若侵犯到您的合法利益,请联系我们,会尽快给予删除处理!:泽丫丫 » 像素范儿 UI 动效基础:AE 动效表现课