导航
中国设计之窗设计资讯详情
平台首页
设计资讯
作品备案
设计师
设计作品
设计赛事
排行榜
恭喜133****8874用户作品已成功备案!
恭喜138****8638用户作品已成功备案!
恭喜133****9020用户作品已成功备案!
恭喜136****9807用户作品已成功备案!
恭喜159****4930用户作品已成功备案!
恭喜150****6483用户作品已成功备案!
恭喜131****2473用户作品已成功备案!
恭喜159****4201用户作品已成功备案!
恭喜133****6466用户作品已成功备案!
恭喜131****1475用户作品已成功备案!
更多
作品备案盖章纸质证书需另出工本费,邮寄到付!
高手常用的六种图标动效设计思路
设计教程
6年前
5660
41
编者按:动效未来有多火同学们都感受到了,之前发的AE教程都是实战型,软件得会,思路更不能少。如何做出有意思有趣的动画设计?今天@正越升 以图标动效为例,把高手常用的6种动效设计思路都总结出来,非常值得收藏的干货。 现在越来越多手机应用和web应用都开始注重动效的设计,恰到好处的动效可以给用户带来愉悦的交互体验,是应用颜值担当的一大重要部分。 icon,也就是图标。在交互过程中,应用各种icon都会跟随不同的事件发生不同的转换。举两个例子,一个音乐播放器的播放模式改变和充电时电量图标的改变。
过去,icon的转换都十分死板,而近年来开始流行在切换icon的时候加入过渡动画,这种动效给用户体验带来的正面效果十分明显,给应用添色不少。 然而面对icon动效,我们应该如何设计?今天分享几个设计icon动效的思路。在此说明一下,配图的动效有些是临摹有些是原创,只为了统一样式方便阅读。
一、属性转换法
这是最为普遍也最为简单的一种icon切换思路。 属性包含了位置、大小、旋转、透明度、颜色等,在这些属性上面做动效,若运用恰当,可以做出令人眼前一亮的动效。
现在绝大多数icon动效都离不开属性变化,运动恰当,这个简单而强大的方法大有可为之处。
二、路径重组法
这可能是看惯了属性变换的动效之后,又一个让人眼前一亮的动效思路。 将icon的路径(笔画)进行重组,构成一个新的icon,这期间考验着更多的东西,比如观察两个icon笔画之间的关系,这个思路最近相当流行,同时也具有挑战性。
三、点线面降级法
这是一个相当有用的思路。 面和面进行转换的时候,可以用线作为介质,一个面先转换成一根线,再通过这根线转换成另一个面。同理,线和线转换时,可以用点作为介质,一根线先转换成一个点,再通过这个点转换成另一根线。
这么说有点抽象,我们来看几个例子。
41
菲利普·约翰逊的狼屋-设计爱好者的梦想之地
2月前
5532
创造性的想法来之不易
3月前
6267
斯坦利海报》为标题(
3月前
5459
广告海报设计
3月前
6196
0
41
© 2014-2019 中国设计之窗 www.333cn.com 版权所有
深圳市中设网络科技有限公司(深圳设计之窗文化发展有限公司)
地址:深圳龙华区布龙路4号127陈设艺术设计产业园A栋203-206
首页
设计资讯
作品备案
设计师
设计作品
分享到
微信好友
QQ好友
QQ空间
腾讯微博
新浪微博
人人网