在这个信息量过载的互联网时代,同学们每天逛网站刷微博,应该能发现,图片的吸引力远高于纯文字,图片还会瞄一眼,文字往往跳着看,一图抵千言诚不我欺。

然而图片满天飞的今天,光是静态图已远远满足不了用户了,那么如何才能在各式各样的设计中让自己的作品脱颖而出呢?今天有个技能可以帮到我们,也是正在流行的趋势:动态插画

什么是动态插画?

事实上,动态插画并没有一个官方的概念定义,基本上是指,将静态的插画图像,通过一定的技术处理,转换成动态效果,是动态与插画相结合的一种新视觉表现语言。

动态插画和传统插画、动画的区别在哪里呢?

传统插画以静态表现为主要手段,而静态化的作品缺乏活力,进行信息传达时是一个单项传递的过程,缺乏与人们的沟通互动,缺少激发人们感兴趣的因素。动态插画由于继承了传统插画的静态部分,又有自己的独特性,所以信息传达更加到位。

至于平时我们看的动画(2D),都是通过一帧一帧绘制而成的,相对而言动态插画就简单多了,它可以通过改变静态图像或者用动画技巧实现,不需要太过复杂的镜头语言就可以达到我们想要的效果。

动态插画的优势

提升趣味性,让画面更丰富有活力,充分完整传达我们的意图等等… 光说没实例怎么行呢,马上带你看看这些:

先来一个我们经常遇到的场景:

uisdc-motion-graphic-201612061

by:Code School

一上网就遇到这个页面,用户肯定很丧气,而大多数静态的404 页面仅仅是告知用户:网络/网站有问题啦,不能给出更多的信息。相反,动态插画就完全不一样咯:

uisdc-motion-graphic-201612062

by:Anastasiia Andriichuk

通过眉眼的动态效果,把一个迷航船长的懵逼状态凸显得妙趣横生,背景的气球和摇曳的海浪让页面的活力也倍增不少。

当然,更出名的应该是谷歌首页的动态LOGO插画了,每一个都让人津津乐道,成为设计师每日必看的灵感源:

uisdc-motion-graphic-201612063

by:Markus Magnusson

uisdc-motion-graphic-201612064

by: Google doodle

至于平面设计领域,看个对比,你就知道为什么插画师都跑去学动态技术了:

uisdc-motion-graphic-201612065

uisdc-motion-graphic-201612066

by:Tigran Manukyan

同一幅插画,加上动态效果之后人物变得活灵活现,画面的其他元素也不再是单调的装饰物,而是与主题相映成趣的互动元素,场景的活力值暴涨。

而且不光是插画,现在连电商专题海报,也用上了动态效果哟:

uisdc-motion-graphic-201612067

by:Barthelemy Chalvet

是不是感觉眼前一亮,忍不住买买买了,这就是动态效果的魅力所在,作为吸睛神器当之无愧。有了动态效果加成,还怕商品没销量吗?

打算年后求职的同学,现在是不是正为做出别具一格的简历发愁呢,别急,来看看别人晒作品集的姿势:

uisdc-motion-graphic-201612068

by:Tigran Manukyan

不说一下子就打动面试官,但在大多是静态页面的求职简历中,这个动态的自我介绍,给人惊喜是绝对没问题的,找到高薪工作的底气更足了!

除此以外,动态插画在UI 设计中更是锦上添花的运用,最常见的闪屏(启动页)设计:

uisdc-motion-graphic-201612069

by:Cuberto

相比于传统的静态启动页,动态启动页让过渡更加自然,能呈现的信息也更加丰富。

uisdc-motion-graphic-2016120610

by:Readme 官网

这是个脍炙人口的案例,在输入密码的时候,猫头鹰会遮住自己的眼睛,是不是非常有趣。

所以无论你是做网页/LOGO/电商/UI …,都可以用上这么好玩且实用的动态插画,为你的作品大大加分,涨薪升职更是不在话下。

当然,人民群众最喜闻乐见的动态人物和表情包也是万万缺不了动态效果的:

uisdc-motion-graphic-2016120611

by:Tigran Manukyan

一个看似简单的表情包,涉及的东西其实非常多,如何表现人物的喜怒哀乐,如何让头部做鬼脸,身体应该怎样运动才不会显得别扭,旋转跳跃我闭着眼该怎么做,非常多的细节需要学习。

说到这儿很多忍不住想学的同学估计都急着找老师来教了,优设也顺应趋势,响应同学们的号召,特意邀请李佳旎老师来为大家开一门动态插画课。

李佳旎

毕业于云南大学,环境艺术专业。资深视觉设计师。
从业十余年,曾任职原创动力文化传播有限公司动画设计,参与动画片喜羊羊羊与灰太狼设计制作,前后服务网易,腾讯,阿里大型互联网公司。服务百威,视康,迪斯尼等品牌,参与世界杯,奥运等大型项目,并且曾一度为腾讯qq.com首页设计首屏及热搜栏的背景插画。

老师作品

uisdc-motion-graphic-2016120613

uisdc-motion-graphic-2016120612

uisdc-motion-graphic-2016120615

uisdc-motion-graphic-2016120614

uisdc-motion-graphic-2016120616

uisdc-motion-graphic-2016120617

uisdc-motion-graphic-2016120618

△ 棉花怪兽系列

uisdc-motion-graphic-2016120619

△ 2011年姚明职业猜想插画,每个身份都对应不同的插画形象,对人物的把握特别到位。

uisdc-motion-graphic-2016120620

△ 2013年DIY漫画大赛美食美物专题页

uisdc-motion-graphic-2016120621

△ 2013年腾讯新闻圣诞节皮肤闪屏插画,腾讯任职期间的作品。

uisdc-motion-graphic-2016120622

△ 2013年的QQ首页插画

uisdc-motion-graphic-2016120623

△ 2014年元旦的QQ首页插画

uisdc-motion-graphic-2016120624

uisdc-motion-graphic-2016120625

uisdc-motion-graphic-2016120626

uisdc-motion-graphic-2016120627

uisdc-motion-graphic-2016120628

uisdc-motion-graphic-2016120629

跟着这样插画实力及动态绘制经验丰富的老师学习,还怕学不会吗?

再看看老师精心准备的课程安排:

uisdc-motion-graphic-2016120630

从软件的操作到实战,手把手教你让插画动起来,比如刚才上面那张细节超多的动态人物图,在课程的角色篇就能学起来。循序渐进的教学,也能帮你轻松入门,获得成就感的同时快速学会动态插画。

报名要求:

由于动画课角色部分要理解的物理运动规律等理论知识很多,所以需要至少会绘制矢量图像。

今年就剩不到一个月了,时间不等人,想在年终前让自己有一个突飞猛进的进步,就抓紧最后这个机会吧。

上课时间

uisdc-motion-graphic-2016120630

课程费用:

仅剩40个名额

uisdc-motion-graphic-2016120631

最后,我想咨询报名该联系谁呢?

请往下看↓↓↓

报名方式一:

联系琴子:QQ:2962768582(验证:动态插画报名)
( 注:报名完成后,截图订单图会邀请你进班级群噢)

报名方式二:

添加小优微信号:youshemei

youshemei.JPG

如果人多的时候,您暂时无法和客服联系上,

也可去我们高大上的官方专题页了解详情→ http://xue.uisdc.com/gif/

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏