插畫，手繪，這些能為你的網(wǎng)頁(yè)規(guī)劃加分

說(shuō)插畫現(xiàn)已徹底接管了網(wǎng)頁(yè)規(guī)劃好像有點(diǎn)過，可是技能發(fā)展和用戶需求使得網(wǎng)頁(yè)插畫在世界范圍內(nèi)盛行起來(lái)，一點(diǎn)都不為過。從全屏式頁(yè)面傍邊的主頁(yè)Banner圖到視差滾動(dòng)式頁(yè)面中的奇妙動(dòng)畫，你會(huì)發(fā)現(xiàn)插畫在這些規(guī)劃著作中大放異彩。
插畫在網(wǎng)頁(yè)中是一種風(fēng)趣而又多用途的優(yōu)化元素，手繪插畫、網(wǎng)頁(yè)元素、手繪字體，在技能老練的今日，一切的這些東西都可以用適宜的手繪插畫來(lái)替換，制造出絕無(wú)僅有的視覺體驗(yàn)。
插畫是規(guī)劃趨勢(shì)

不過規(guī)劃師們選擇插畫還有許多其他的原因，這也造就了現(xiàn)在的趨勢(shì)：
·插畫能讓用戶更好地融入到你所設(shè)定的空氣傍邊，由于他們不會(huì)留意到其他的東西
·插畫可以完結(jié)許多八怪七喇的元素，而且它們只能靠插畫或許手繪來(lái)完結(jié)
·插畫可以更輕松地將現(xiàn)實(shí)和幻想融合到一同
·更簡(jiǎn)略定制，也更簡(jiǎn)略加入藝術(shù)的元素
·插畫配色豐富多彩，也可以愈加輕松地將盛行而亮堂的色彩融入其間
·即便你并不是一名職業(yè)的插畫師，也可以憑借插畫東西和資料包來(lái)制造插畫
·插畫可以融入許多不同的風(fēng)格，營(yíng)建多種空氣

頁(yè)頭插畫
網(wǎng)頁(yè)頁(yè)頭的Banner圖是插畫最常呈現(xiàn)的地方。在著作展現(xiàn)、產(chǎn)品類的網(wǎng)站制造中，美麗的插畫用得十分入情入理。
在網(wǎng)頁(yè)頁(yè)頭中運(yùn)用插畫的時(shí)分，藝術(shù)元素具有更大的發(fā)揮空間，可以兼容更多雜亂多樣的規(guī)劃元素和內(nèi)容。精美的細(xì)節(jié)，好玩的交互，還有充溢質(zhì)感的留白都常見于此處的插畫。網(wǎng)頁(yè)頁(yè)頭的插畫能讓用戶充溢發(fā)現(xiàn)的興趣。

雜亂的插畫規(guī)劃有一些值得留意的規(guī)劃技巧：
·插畫最好具有必定的藝術(shù)性，用戶不會(huì)將時(shí)刻消耗在一般而沒亮點(diǎn)的規(guī)劃著作上，請(qǐng)精心制造
·盡管有的插畫可能會(huì)比較雜亂，可是傳遞的信息應(yīng)該是簡(jiǎn)略的。你應(yīng)該明晰插畫所傳遞的信息，而且讓一切的元素為之效勞
·專業(yè)。你能在草稿紙上涂鴉并不意味著你能馬上開始做網(wǎng)頁(yè)插畫，成為一個(gè)專業(yè)的插畫師需求足夠好的審美和足夠?qū)�業(yè)的繪畫技巧。

增加簡(jiǎn)略的動(dòng)效
靜態(tài)的插畫規(guī)劃需求留意的點(diǎn)有很多，而網(wǎng)頁(yè)插畫則愈加雜亂，由于它現(xiàn)在現(xiàn)已是動(dòng)態(tài)的了。當(dāng)插畫和動(dòng)效結(jié)合起來(lái)的時(shí)分，會(huì)更簡(jiǎn)略引導(dǎo)用戶，引發(fā)用戶點(diǎn)擊和互動(dòng)的愿望。

正好像 Hugo 網(wǎng)頁(yè)中文本的奇妙運(yùn)動(dòng)，就是十分吸引人眼球的規(guī)劃。這些微動(dòng)畫可以幫助用戶了解哪些地方可以操作，怎么拜訪下一個(gè)部分或許頁(yè)面。關(guān)于整體性比較強(qiáng)、內(nèi)容比較多的頁(yè)面而言，這種規(guī)劃尤為有用。
這些令人驚喜的小細(xì)節(jié)，會(huì)讓訪客戀戀不舍。懸停動(dòng)效就是一個(gè)很好的規(guī)劃手法，它讓用戶樂于在頁(yè)面中尋覓可供交互的空間，在導(dǎo)航中領(lǐng)會(huì)興趣。

插畫圖標(biāo)和插畫UI元素
如果種種跡象表明你的網(wǎng)頁(yè)無(wú)法運(yùn)用大范圍的插畫來(lái)作為裝飾，那么可以考慮將插畫風(fēng)的圖標(biāo)和UI元素融入到頁(yè)面傍邊。這種方法相同可以讓你頁(yè)面顯得生動(dòng)風(fēng)趣。

插畫元素能將奇思妙想融入到單調(diào)嚴(yán)厲的網(wǎng)站中，讓它顯得愈加生動(dòng)風(fēng)趣。插畫式的線性圖標(biāo)是最簡(jiǎn)略完結(jié)的插畫之一，精約而多樣的規(guī)劃幾乎可以和一切的 規(guī)劃風(fēng)格兼容起來(lái)，可以調(diào)配圖片，也可以合作多種多樣的配色計(jì)劃，最重要的是，這種一致的圖標(biāo)規(guī)劃能作為頁(yè)面視覺規(guī)劃一致性規(guī)劃的重要脈絡(luò)。
如果你想再深化一點(diǎn)，無(wú)妨讓各種UI元素插畫化。Iqor 的網(wǎng)頁(yè)中，大尺寸的圖片規(guī)劃讓頁(yè)面平添了幾分興趣。網(wǎng)頁(yè)中大的插畫和規(guī)劃元素都運(yùn)用了三種典型的盛行色，而且在不同的頁(yè)面中保持著一致性。

手繪字體
別的一個(gè)重要的規(guī)劃趨勢(shì)是融入了插畫的定制化排版規(guī)劃。插畫式的LOGO、正文內(nèi)容、手繪字體和藝術(shù)插畫都可以充沛的融合到一同。

值得一提的是，手繪字體規(guī)劃最值得留意的是控制。一般你需求將一部分文字內(nèi)容進(jìn)行重繪，并控制在一個(gè)區(qū)塊傍邊，規(guī)劃“過度”的字體最簡(jiǎn)略呈現(xiàn)的問題是影響字體的可讀性。所以，在這個(gè)規(guī)劃過程中，必須保證文字在美麗的一起，可以被用戶輕松閱讀，易于了解，傳遞出明晰的信息。
Day of the Dead 和 Stand Up to Cancer 兩個(gè)頁(yè)面在這方面做的適當(dāng)不錯(cuò)，它們傳遞出簡(jiǎn)略的信息，字體規(guī)劃上也足夠漂亮。Day of the Dead 運(yùn)用了無(wú)襯線體和美麗的插畫來(lái)調(diào)配手繪字體，盡管多，可是十分有條理。Stand Up to Cancer 則一致地采用了水彩畫的風(fēng)格，手繪字體則是根據(jù)標(biāo)準(zhǔn)化的字體來(lái)規(guī)劃，可讀性更強(qiáng)。

關(guān)于許多規(guī)劃師而言，剛剛開始將插畫加入到網(wǎng)頁(yè)中之時(shí)，好像并不是那么輕松，可是充沛憑借現(xiàn)有的規(guī)劃東西、UI Kit和資料，可以適當(dāng)?shù)亟档瓦@個(gè)門檻。
如果你想獨(dú)自完結(jié)帶有許多插畫的網(wǎng)頁(yè)項(xiàng)目，相對(duì)系統(tǒng)化的學(xué)習(xí)和適當(dāng)?shù)膶徝擂固帐鞘�分有必要的，花費(fèi)時(shí)刻來(lái)醞釀著作是一件很正常的工作。