浅谈AE在UI中的“微动效”运用

用户头像
北京/设计爱好者/7年前/1572浏览
浅谈AE在UI中的“微动效”运用
用户头像
锦小小

动效设计为产品增添灵动性

随着互联网的发展,动效被逐渐运用在UI设计中,作为一名UI设计师不仅仅懂UI、交互、插画、平面,现在更需要懂AE。。。天噜啊。。突然发现作为一名设计师简直要逆(lei)天(si)啊!把自己打造成全能型人才啊~


好啦,下面把自己平时在工作中运用AE的一些小观点整理一下,整理的好与不好都是对自己的一个总结吧


1、Tabbar动效运用


图标是指代含义的图形符号,易于理解的可视化语言,有助于人们高效的识别和传递信息。随着互联网的发展,动效设计不仅可以帮助设计师和用户解决许多界面功能上的问题,更容易让用户理解产品,更加自然的建立用户和界面之间的情感关系(连粘性)

动效最基本的功用是呈现过渡状态。当页面布局发生改变的时候,动效的存在会帮助用户理解这种状态的改变,呈现过渡的过程。可以增加产品的趣味性,让用户轻松愉悦的获取信息。


2、下拉刷新的动效运用


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

(网络)


3、引导页的动效运用


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


undefined

(网络)


4、加载动效的运用


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


5、页面功能展示动效


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



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





31
举报
|
26
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
大家都在看
登录注册