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

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

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

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

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

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

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

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

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

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

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

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