用靈魂感悟設(shè)計 · 用設(shè)計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計中國    ⁄    網(wǎng)頁設(shè)計    ⁄ 資訊內(nèi)容

2016年網(wǎng)頁插畫設(shè)計趨勢

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2016/2/20 13:49:18     瀏覽:
插畫在網(wǎng)頁中是一種有趣而又多用途的優(yōu)化元素,手繪插畫、網(wǎng)頁元素、手繪字體,在技術(shù)成熟的今天,所有的這些東西都可以用合適的手繪插畫來替換,制造出獨一無二的視覺體驗。

  說插畫已經(jīng)徹底接管了網(wǎng)頁設(shè)計似乎有點過,但是技術(shù)發(fā)展和用戶需求使得網(wǎng)頁插畫在世界范圍內(nèi)流行起來,一點都不為過。從全屏式頁面當(dāng)中的首頁Banner圖到視差滾動式頁面中的微妙動畫,你會發(fā)現(xiàn)插畫在這些設(shè)計作品中大放異彩。

  插畫在網(wǎng)頁中是一種有趣而又多用途的優(yōu)化元素,手繪插畫、網(wǎng)頁元素、手繪字體,在技術(shù)成熟的今天,所有的這些東西都可以用合適的手繪插畫來替換,制造出獨一無二的視覺體驗。

  插畫是設(shè)計趨勢:

  插畫能讓用戶更好地融入到你所設(shè)定的氛圍當(dāng)中,因為他們不會注意到其他的東西;插畫可以實現(xiàn)許多稀奇古怪的元素,并且它們只能靠插畫或者手繪來實現(xiàn);插畫可以更輕松地將現(xiàn)實和想象融合到一起,更容易定制,也更容易加入藝術(shù)的元素;插畫配色豐富多彩,也可以更加輕松地將流行而明亮的色調(diào)融入其中,即使你并不是一名職業(yè)的插畫師,也可以借助插畫工具和素材包來制作插畫;插畫可以融入許多不同的風(fēng)格,營造多種氛圍。

  頁頭插畫:

  網(wǎng)頁頁頭的Banner圖是插畫最常出現(xiàn)的地方。在作品展示、產(chǎn)品類的網(wǎng)站中,漂亮的插畫用得非常合情合理。

  在網(wǎng)頁頁頭中使用插畫的時候,藝術(shù)元素擁有更大的發(fā)揮空間,可以兼容更多復(fù)雜多樣的設(shè)計元素和內(nèi)容。精致的細節(jié),好玩的交互,還有充滿質(zhì)感的留白都常見于此處的插畫。網(wǎng)頁頁頭的插畫能讓用戶充滿發(fā)現(xiàn)的樂趣。

  復(fù)雜的插畫設(shè)計有一些值得注意的設(shè)計技巧:

  插畫最好具有一定的藝術(shù)性,用戶不會將時間耗費在普通而沒亮點的設(shè)計作品上,請精心制作

  雖然有的插畫可能會比較復(fù)雜,但是傳遞的信息應(yīng)該是簡單的。你應(yīng)該明確插畫所傳遞的信息,并且讓所有的元素為之服務(wù)

  專業(yè)。你能在草稿紙上涂鴉并不意味著你能立刻開始做網(wǎng)頁插畫,成為一個專業(yè)的插畫師需要足夠好的審美和足夠?qū)I(yè)的繪畫技巧。

  添加簡單的動效:

  靜態(tài)的插畫設(shè)計需要注意的點有很多,而網(wǎng)頁插畫則更加復(fù)雜,因為它現(xiàn)在已經(jīng)是動態(tài)的了。當(dāng)插畫和動效結(jié)合起來的時候,會更容易引導(dǎo)用戶,引發(fā)用戶點擊和互動的欲望。

  正如同Hugo (http://www.thehugo.com.au/)網(wǎng)頁中文本的微妙運動,就是非常吸引人眼球的設(shè)計。這些微動畫可以幫助用戶了解哪些地方可以操作,如何訪問下一個部分或者頁面。對于整體性比較強、內(nèi)容比較多的頁面而言,這種設(shè)計尤為有效。

  這些令人驚喜的小細節(jié),會讓訪客流連忘返。懸停動效就是一個很好的設(shè)計手法,它讓用戶樂于在頁面中尋找可供交互的空間,在導(dǎo)航中體會樂趣。

  插畫圖標和插畫UI元素:

  如果種種跡象表明你的網(wǎng)頁無法使用大范圍的插畫來作為裝飾,那么可以考慮將插畫風(fēng)的圖標和UI元素融入到頁面當(dāng)中。這種方式同樣可以讓你頁面顯得生動有趣。

  插畫元素能將奇思妙想融入到單調(diào)嚴肅的網(wǎng)站中,讓它顯得更加生動有趣。插畫式的線性圖標是最容易實現(xiàn)的插畫之一,簡約而多樣的設(shè)計幾乎可以和所有的設(shè)計風(fēng)格兼容起來,可以搭配圖片,也可以配合多種多樣的配色方案,最重要的是,這種統(tǒng)一的圖標設(shè)計能作為頁面視覺設(shè)計一致性設(shè)計的重要脈絡(luò)。

  如果你想再深入一點,不妨讓各種UI元素插畫化。Iqor (http://www.iqor.com/)的網(wǎng)頁中,大尺寸的圖片設(shè)計讓頁面平添了幾分趣味。網(wǎng)頁中大的插畫和設(shè)計元素都使用了三種典型的流行色,并且在不同的頁面中保持著一致性。

  手繪字體:

  另外一個重要的設(shè)計趨勢是融入了插畫的定制化排版設(shè)計。插畫式的LOGO、正文內(nèi)容、手繪字體和藝術(shù)插畫都可以充分的融合到一起。

  值得一提的是,手繪字體設(shè)計最值得注意的是節(jié)制。通常你需要將一部分文字內(nèi)容進行重繪,并控制在一個區(qū)塊當(dāng)中,設(shè)計“過度”的字體最容易出現(xiàn)的問題是影響字體的可讀性。所以,在這個設(shè)計過程中,務(wù)必確保文字在漂亮的同時,能夠被用戶輕松閱讀,易于理解,傳遞出清晰的信息。