进阶设计师绝对要懂的CSS3动画(2D篇)
上海/UI设计师/7年前/423浏览
版权
进阶设计师绝对要懂的CSS3动画(2D篇)
了解基本前端知识,让动效设计真正插上飞翔的翅膀

近几年来,动效设计已经成为设计师越来越重要的课题。可是,在你的实际工作中,是否发现,你的动效软件用的6到飞起~动效设计创意十足,很酷很炫。当你翻看dribbble大神的作品时候,你可以一个循环动画效果看一个上午。但是,冷静下来思考的时候,你是否注意到。。。它在前端技术上是否能够实现呢,如何让它接近百分百的实现呢?当你把设计动效稿给到前端小哥的时候,他能否明白你的想法,关注到你的设计细节,甚至是理解你的追求呢?
靠别人永远不如靠自己,假如你明白了前端动画的基础知识,分分钟钟让你的设计稿变为现实,这样你就能够升职,加薪,当上设计主管,出任CEO,走上人生”巅疯”啦…

学什么都是先从整体构架开始,但因为考虑篇幅和理解能力的因素,所以先从前端的最基础动画说起。其实代码并没有你想的那么难,基础的其实就和学软件操作一样简单,我们一步步开始吧...














看过这篇介绍后,应该对前端的基本动画大致有了个初步了解。在你设计动画之初,你就能大致了解前端技术能够达到哪些效果(这些基本动画效果是可以互相叠加的),以及对接下来更加复杂的动画打下良好的基础。
文章如果转载请署名作者名称
不明白的地方也可以文章留言或私信我,有空我会及时回复你,
其中可能会有不对的地方,欢迎大家留言纠正,与大家一起成长。
14
Report
声明
16
Share
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
Log in
14Log in and synchronize recommended records
16Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share






































