浅谈AE在UI中的“微动效”运用
动效设计为产品增添灵动性
随着互联网的发展,动效被逐渐运用在UI设计中,作为一名UI设计师不仅仅懂UI、交互、插画、平面,现在更需要懂AE。。。天噜啊。。突然发现作为一名设计师简直要逆(lei)天(si)啊!把自己打造成全能型人才啊~
好啦,下面把自己平时在工作中运用AE的一些小观点整理一下,整理的好与不好都是对自己的一个总结吧
1、Tabbar动效运用
图标是指代含义的图形符号,易于理解的可视化语言,有助于人们高效的识别和传递信息。随着互联网的发展,动效设计不仅可以帮助设计师和用户解决许多界面功能上的问题,更容易让用户理解产品,更加自然的建立用户和界面之间的情感关系(连粘性)
动效最基本的功用是呈现过渡状态。当页面布局发生改变的时候,动效的存在会帮助用户理解这种状态的改变,呈现过渡的过程。可以增加产品的趣味性,让用户轻松愉悦的获取信息。

2、下拉刷新的动效运用
下拉产生的动效可以引导用户关注相应的更新内容,个人觉得下拉刷新现在一般都采用与品牌相关的logo或者与产品有关联性的情感化设计,增加品牌效应和趣味性

(网络)
3、引导页的动效运用
引导页作为一款app的“指示牌”,一定是为了引导用户了解“我是怎么使用的”“我的优点是什么”,所以在设计引导页时一般都是简洁明确,让用户通过简单的设计清晰的了解信息传递,做到真正的图形信息化设计。动态引导页是目前的常用形式,不仅增加了画面的趣味性而且也提高了用户的参与性。唯一的缺点就是开发成本高,在进行动效设计时一定要提前跟程序员沟通落地问题(小心程序员哥哥会默默举刀😄)

(网络)
4、加载动效的运用
用户在等待加载页面时,往往需要一些趣味性的设计来打消“抓狂”的心态,,动效加入在情感化设计之中,增加了画面的美感和趣味性,提高了用户的使用率

5、页面功能展示动效
当UI设计师设计完页面时,我们可以通过AE把产品的交互做一个视觉展示,让甲方爸爸更加清晰的明白我们的设计,也可以很好的提高我们的逼格,哈哈,,当然也可以测试产品的交互是否合理,逻辑是否合理。。当然实际工作中,这个还是比较费时费力的,,做点概念稿还是可以搞一下的,,毕竟品(zhuang)质(bi)看上去很不错的

第一次写观点,,想到哪里写到哪里,,以上是个人在工作中对AE运用的一些想法和观点,,特此记录下来,喜欢的朋友一起分享,一起交流,希望多年以后回看可以看见自己的成长。。。讲真,最近特别喜欢玩AE😁








































