手繪區域就是在這個時候被引入進網頁視覺之中的，因為它可以用來增強網頁視覺的吸引力，營造輕松、和諧的氣氛，傳遞愉快、自由的情緒。近些年來，手繪區域在網站中使用地越來越頻繁，差不多成了一種設計趨勢。

那么在網頁視覺中，手繪區域通常扮演什么樣的角色，又能起到哪些熏染呢?今天小飛主要就這一主題展開探究一下，希望大家看完之后對手繪區域有更加深刻的認識和理解。　　

1. 分隔區塊　　不少網站主擔心在網站中使用手繪區域會破壞網站的整體和諧美感，其實手繪區域幾乎可以和各種視覺元素組合使用。它可以同圖片、視頻組合使用，可以給留白攀升視覺焦點，甚至可以出現在文本附近。也因此，設計師經常使用手繪區域去分隔不同文字區域或不同區域。這是因為，一方面，手繪區域本身擁有不錯的內嵌式，放在網頁中不會顯得過于突兀。另一方面，手繪區域具有一定的個性化特征，不僅能讓區域之間界限分明，還能夠讓這分隔的留白不顯得單調。用手繪區域分割不同區塊能輔助保持整個網頁設計的節奏感。　　　　

2. 服務于交流力　　手繪區域一般合適讓網站中的交流變得更加非常有趣。不管是將它作為加載動畫還是網頁視覺交流感觸的一許多(一些網站已經開始使用)，手繪區域這種設計技巧能夠很好的引起用戶的興趣，發揮自己的優勢。　　Real Estate Stained Glass網站在運用手繪區域引起用戶交流方面就很出色。當你登入這個網站，點擊開始時，用戶可以通過移動鼠標給物體上色。盡管網頁上有很多手繪區域，但整個涂鴉的過程十分順暢，填充的顏色會適時出現在頁面中，這種沉浸式的感觸能夠起到維系用戶的熏染。　　　　

3. 手繪字體　　有時候最好用的手繪字體并不一定是手繪出來的。不少照搬手繪風格的字體就很流行，它們尤其一般合適展示性質的網站。手繪字體也許說手繪風格的字體常常有更輕盈、更人性化的感觸(這是因為用戶易于帶入自己的情感)。當然，要想手繪字體能夠發揮出自己的積極熏染，我們一定要保證它的可讀性，實現字體美感和可讀性之間的平衡。　　Tradewinds Hotel網站的標題就遴選了一款簡約的草書字體，字體足夠大，用戶容易辨認。其他位置使用的字體也是選用了簡捷的無襯線樣式，與標題字體造成對比，不僅突出強調了手繪字體，還保證了良好的可讀性，便于用戶理解內容區域。　　　　

4. 強化視覺效果　　上面說的手繪區域在網頁中都起到了一定的功能性熏染。但這還有一些手繪區域純粹是服務于用戶感官效果的。在網站中零星地點綴著一些手繪區域，它們可以呈現其他技巧難以實現的微妙、非常有趣的視覺效果。　　Mother’s Brewing就是這樣做的。網站首頁上使用了龐大的手繪心型圖標;其他頁面中也有手繪區域的運用，一些很明顯，一些比較隱蔽;每個CTA按鈕都是手繪的絲帶樣式。背景上的元素和滑動元素上重疊，填滿了網頁上沉寂的空白，手繪區域的使用讓整個網站在視覺上十分引人注意。　　　　

5. 營造氣氛　　手繪手繪設計常常更加輕松、歡快。它們可以在幾乎任何網站中發揮自己的這種罕見之處，你在網站使用的手繪區域越多，網站會顯得越輕快，用戶在閱讀時的情緒也不會太差。