在這個信息量過載的互聯網時代,同學們每天逛網站刷微博,應該能發現,圖片的吸引力遠高于純文字,圖片還會瞄一眼,文字往往跳著看,一圖抵千言誠不我欺。

然而圖片滿天飛的今天,光是靜態圖已遠遠滿足不了用戶了,那么如何才能在各式各樣的設計中讓自己的作品脫穎而出呢?今天有個技能可以幫到我們,也是正在流行的趨勢:動態插畫

什么是動態插畫?

事實上,動態插畫并沒有一個官方的概念定義,基本上是指,將靜態的插畫圖像,通過一定的技術處理,轉換成動態效果,是動態與插畫相結合的一種新視覺表現語言。

動態插畫和傳統插畫、動畫的區別在哪里呢?

傳統插畫以靜態表現為主要手段,而靜態化的作品缺乏活力,進行信息傳達時是一個單項傳遞的過程,缺乏與人們的溝通互動,缺少激發人們感興趣的因素。動態插畫由于繼承了傳統插畫的靜態部分,又有自己的獨特性,所以信息傳達更加到位。

至于平時我們看的動畫(2D),都是通過一幀一幀繪制而成的,相對而言動態插畫就簡單多了,它可以通過改變靜態圖像或者用動畫技巧實現,不需要太過復雜的鏡頭語言就可以達到我們想要的效果。

動態插畫的優勢

提升趣味性,讓畫面更豐富有活力,充分完整傳達我們的意圖等等… 光說沒實例怎么行呢,馬上帶你看看這些:

先來一個我們經常遇到的場景:

新技能!想學這種能動的插畫嗎?

by:Code School

一上網就遇到這個頁面,用戶肯定很喪氣,而大多數靜態的404 頁面僅僅是告知用戶:網絡/網站有問題啦,不能給出更多的信息。相反,動態插畫就完全不一樣咯:

新技能!想學這種能動的插畫嗎?

by:Anastasiia Andriichuk

通過眉眼的動態效果,把一個迷航船長的懵逼狀態凸顯得妙趣橫生,背景的氣球和搖曳的海浪讓頁面的活力也倍增不少。

當然,更出名的應該是谷歌首頁的動態LOGO插畫了,每一個都讓人津津樂道,成為設計師每日必看的靈感源:

新技能!想學這種能動的插畫嗎?

by:Markus Magnusson

新技能!想學這種能動的插畫嗎?

by: Google doodle

至于平面設計領域,看個對比,你就知道為什么插畫師都跑去學動態技術了:

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

by:Tigran Manukyan

同一幅插畫,加上動態效果之后人物變得活靈活現,畫面的其他元素也不再是單調的裝飾物,而是與主題相映成趣的互動元素,場景的活力值暴漲。

而且不光是插畫,現在連電商專題海報,也用上了動態效果喲:

新技能!想學這種能動的插畫嗎?

by:Barthelemy Chalvet

是不是感覺眼前一亮,忍不住買買買了,這就是動態效果的魅力所在,作為吸睛神器當之無愧。有了動態效果加成,還怕商品沒銷量嗎?

打算年后求職的同學,現在是不是正為做出別具一格的簡歷發愁呢,別急,來看看別人曬作品集的姿勢:

新技能!想學這種能動的插畫嗎?

by:Tigran Manukyan

不說一下子就打動面試官,但在大多是靜態頁面的求職簡歷中,這個動態的自我介紹,給人驚喜是絕對沒問題的,找到高薪工作的底氣更足了!

除此以外,動態插畫在UI 設計中更是錦上添花的運用,最常見的閃屏(啟動頁)設計:

新技能!想學這種能動的插畫嗎?

by:Cuberto

相比于傳統的靜態啟動頁,動態啟動頁讓過渡更加自然,能呈現的信息也更加豐富。

新技能!想學這種能動的插畫嗎?

by:Readme 官網

這是個膾炙人口的案例,在輸入密碼的時候,貓頭鷹會遮住自己的眼睛,是不是非常有趣。

所以無論你是做網頁/LOGO/電商/UI …,都可以用上這么好玩且實用的動態插畫,為你的作品大大加分,漲薪升職更是不在話下。

當然,人民群眾最喜聞樂見的動態人物和表情包也是萬萬缺不了動態效果的:

新技能!想學這種能動的插畫嗎?

by:Tigran Manukyan

一個看似簡單的表情包,涉及的東西其實非常多,如何表現人物的喜怒哀樂,如何讓頭部做鬼臉,身體應該怎樣運動才不會顯得別扭,旋轉跳躍我閉著眼該怎么做,非常多的細節需要學習。

說到這兒很多忍不住想學的同學估計都急著找老師來教了,優設也順應趨勢,響應同學們的號召,特意邀請李佳旎老師來為大家開一門動態插畫課。

李佳旎

畢業于云南大學,環境藝術專業。資深視覺設計師。
從業十余年,曾任職原創動力文化傳播有限公司動畫設計,參與動畫片喜羊羊羊與灰太狼設計制作,前后服務網易,騰訊,阿里大型互聯網公司。服務百威,視康,迪斯尼等品牌,參與世界杯,奧運等大型項目,并且曾一度為騰訊qq.com首頁設計首屏及熱搜欄的背景插畫。

老師作品

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

△ 棉花怪獸系列

新技能!想學這種能動的插畫嗎?

△ 2011年姚明職業猜想插畫,每個身份都對應不同的插畫形象,對人物的把握特別到位。

新技能!想學這種能動的插畫嗎?

△ 2013年DIY漫畫大賽美食美物專題頁

新技能!想學這種能動的插畫嗎?

△ 2013年騰訊新聞圣誕節皮膚閃屏插畫,騰訊任職期間的作品。

新技能!想學這種能動的插畫嗎?

△ 2013年的QQ首頁插畫

新技能!想學這種能動的插畫嗎?

△ 2014年元旦的QQ首頁插畫

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

新技能!想學這種能動的插畫嗎?

跟著這樣插畫實力及動態繪制經驗豐富的老師學習,還怕學不會嗎?

再看看老師精心準備的課程安排:

新技能!想學這種能動的插畫嗎?

從軟件的操作到實戰,手把手教你讓插畫動起來,比如剛才上面那張細節超多的動態人物圖,在課程的角色篇就能學起來。循序漸進的教學,也能幫你輕松入門,獲得成就感的同時快速學會動態插畫。

報名要求:

由于動畫課角色部分要理解的物理運動規律等理論知識很多,所以需要至少會繪制矢量圖像。

今年就剩不到一個月了,時間不等人,想在年終前讓自己有一個突飛猛進的進步,就抓緊最后這個機會吧。

上課時間

新技能!想學這種能動的插畫嗎?

課程費用:

僅剩40個名額

新技能!想學這種能動的插畫嗎?

最后,我想咨詢報名該聯系誰呢?

請往下看↓↓↓

報名方式一:

聯系琴子:QQ:2962768582(驗證:動態插畫報名)
( 注:報名完成后,截圖訂單圖會邀請你進班級群噢)

報名方式二:

添加小優微信號:youshemei

新技能!想學這種能動的插畫嗎?

如果人多的時候,您暫時無法和客服聯系上,

也可去我們高大上的官方專題頁了解詳情→ http://xue.uisdc.com/gif/

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量180萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 2
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。