插畫，手繪，這些能為你的網頁規劃加分

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

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

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

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

增加簡略的動效
靜態的插畫規劃需求留意的點有很多，而網頁插畫則愈加雜亂，由于它現在現已是動態的了。當插畫和動效結合起來的時分，會更簡略引導用戶，引發用戶點擊和互動的愿望。

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

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

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

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

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

關于許多規劃師而言，剛剛開始將插畫加入到網頁中之時，好像并不是那么輕松，可是充沛憑借現有的規劃東西、UI Kit和資料，可以適當地降低這個門檻。
如果你想獨自完結帶有許多插畫的網頁項目，相對系統化的學習和適當的審美薰陶是十分有必要的，花費時刻來醞釀著作是一件很正常的工作。