網(wǎng)頁設(shè)計中的能動的插畫
2016網(wǎng)頁設(shè)計之動態(tài)插畫趨勢
在這個信息量過載的互聯(lián)網(wǎng)時代，同學(xué)們每天逛網(wǎng)站刷微博，應(yīng)該能發(fā)現(xiàn)，圖片的吸引力遠(yuǎn)高于純文字，圖片還會瞄一眼，文字往往跳著看，一圖抵千言誠不我欺。然而圖片滿天飛的今天，光是靜態(tài)圖已遠(yuǎn)遠(yuǎn)滿足不了用戶了，那么如何才能在各式各樣的設(shè)計中讓自己的作品脫穎而出呢?海淘科技今天介紹的這個可以幫到我們，也是正在流行的趨勢：動態(tài)插畫，2016網(wǎng)頁設(shè)計之動態(tài)插畫趨勢。
事實上，動態(tài)插畫并沒有一個官方的概念定義，基本上是指，將靜態(tài)的插畫圖像，通過一定的技術(shù)處理，轉(zhuǎn)換成動態(tài)效果，是動態(tài)與插畫相結(jié)合的一種新視覺表現(xiàn)語言。動態(tài)插畫和傳統(tǒng)插畫、動畫的區(qū)別在哪里呢?傳統(tǒng)插畫以靜態(tài)表現(xiàn)為主要手段，而靜態(tài)化的作品缺乏活力，進(jìn)行信息傳達(dá)時是一個單項傳遞的過程，缺乏與人們的溝通互動，缺少激發(fā)人們感興趣的因素。動態(tài)插畫由于繼承了傳統(tǒng)插畫的靜態(tài)部分，又有自己的獨特性，所以信息傳達(dá)更加到位。
至于平時我們看的動畫(2D)，都是通過一幀一幀繪制而成的，相對而言動態(tài)插畫就簡單多了，它可以通過改變靜態(tài)圖像或者用動畫技巧實現(xiàn)，不需要太過復(fù)雜的鏡頭語言就可以達(dá)到我們想要的效果。
提升趣味性，讓畫面更豐富有活力，充分完整傳達(dá)我們的意圖等等… 光說沒實例怎么行呢，馬上帶你看看這些：
先來一個我們經(jīng)常遇到的場景：
一上網(wǎng)就遇到這個頁面，用戶肯定很喪氣，而大多數(shù)靜態(tài)的404 頁面僅僅是告知用戶：網(wǎng)絡(luò)/網(wǎng)站有問題啦，不能給出更多的信息。相反，動態(tài)插畫就完全不一樣咯：
通過眉眼的動態(tài)效果，把一個迷航船長的懵逼狀態(tài)凸顯得妙趣橫生，背景的氣球和搖曳的海浪讓頁面的活力也倍增不少。當(dāng)然，更出名的應(yīng)該是谷歌首頁的動態(tài)LOGO插畫了，每一個都讓人津津樂道，成為設(shè)計師每日必看的靈感源：
by:Markus Magnusson
by: Google doodle
至于平面設(shè)計領(lǐng)域，看個對比，你就知道為什么插畫師都跑去學(xué)動態(tài)技術(shù)了：
by:Tigran Manukyan
同一幅插畫，加上動態(tài)效果之后人物變得活靈活現(xiàn)，畫面的其他元素也不再是單調(diào)的裝飾物，而是與主題相映成趣的互動元素，場景的活力值暴漲。而且不光是插畫，現(xiàn)在連電商專題海報，也用上了動態(tài)效果喲：
by:Barthelemy Chalvet
是不是感覺眼前一亮，忍不住買買買了，這就是動態(tài)效果的魅力所在，作為吸睛神器當(dāng)之無愧。有了動態(tài)效果加成，還怕商品沒銷量嗎?
打算年后求職的同學(xué)，現(xiàn)在是不是正為做出別具一格的簡歷發(fā)愁呢，別急，來看看別人曬作品集的姿勢：
by:Tigran Manukyan
不說一下子就打動面試官，但在大多是靜態(tài)頁面的求職簡歷中，這個動態(tài)的自我介紹，給人驚喜是絕對沒問題的，找到高薪工作的底氣更足了!除此以外，動態(tài)插畫在UI 設(shè)計中更是錦上添花的運用，最常見的閃屏(啟動頁)設(shè)計：
by:Cuberto
相比于傳統(tǒng)的靜態(tài)啟動頁，動態(tài)啟動頁讓過渡更加自然，能呈現(xiàn)的信息也更加豐富。
by:Readme 官網(wǎng)
這是個膾炙人口的案例，在輸入密碼的時候，貓頭鷹會遮住自己的眼睛，是不是非常有趣。所以無論你是做網(wǎng)頁/LOGO/電商/UI …，都可以用上這么好玩且實用的動態(tài)插畫，為你的作品大大加分，漲薪升職更是不在話下。當(dāng)然，人民群眾最喜聞樂見的動態(tài)人物和表情包也是萬萬缺不了動態(tài)效果的：
by:Tigran Manukyan
一個看似簡單的表情包，涉及的東西其實非常多，如何表現(xiàn)人物的喜怒哀樂，如何讓頭部做鬼臉，身體應(yīng)該怎樣運動才不會顯得別扭，旋轉(zhuǎn)跳躍我閉著眼該怎么做，非常多的細(xì)節(jié)需要學(xué)習(xí)。
越來越多的網(wǎng)站，在網(wǎng)頁設(shè)計中采用動態(tài)插畫，網(wǎng)頁設(shè)計動態(tài)插畫頁是一種趨勢。海淘科技提供更多的網(wǎng)站設(shè)計基礎(chǔ)知識。文章下載，點擊：2016-2017網(wǎng)頁設(shè)計之動態(tài)插畫趨勢
