手繪區(qū)域就是在這個(gè)時(shí)候被引入進(jìn)網(wǎng)頁視覺之中的，因?yàn)樗梢杂脕碓鰪?qiáng)網(wǎng)頁視覺的吸引力，營(yíng)造輕松、和諧的氣氛，傳遞愉快、自由的情緒。近些年來，手繪區(qū)域在網(wǎng)站中使用地越來越頻繁，差不多成了一種設(shè)計(jì)趨勢(shì)。

那么在網(wǎng)頁視覺中，手繪區(qū)域通常扮演什么樣的角色，又能起到哪些熏染呢?今天小飛主要就這一主題展開探究一下，希望大家看完之后對(duì)手繪區(qū)域有更加深刻的認(rèn)識(shí)和理解?！　?/p>

1. 分隔區(qū)塊　　不少網(wǎng)站主擔(dān)心在網(wǎng)站中使用手繪區(qū)域會(huì)破壞網(wǎng)站的整體和諧美感，其實(shí)手繪區(qū)域幾乎可以和各種視覺元素組合使用。它可以同圖片、視頻組合使用，可以給留白攀升視覺焦點(diǎn)，甚至可以出現(xiàn)在文本附近。也因此，設(shè)計(jì)師經(jīng)常使用手繪區(qū)域去分隔不同文字區(qū)域或不同區(qū)域。這是因?yàn)?，一方面，手繪區(qū)域本身擁有不錯(cuò)的內(nèi)嵌式，放在網(wǎng)頁中不會(huì)顯得過于突兀。另一方面，手繪區(qū)域具有一定的個(gè)性化特征，不僅能讓區(qū)域之間界限分明，還能夠讓這分隔的留白不顯得單調(diào)。用手繪區(qū)域分割不同區(qū)塊能輔助保持整個(gè)網(wǎng)頁設(shè)計(jì)的節(jié)奏感?！　　　?/p>

2. 服務(wù)于交流力　　手繪區(qū)域一般合適讓網(wǎng)站中的交流變得更加非常有趣。不管是將它作為加載動(dòng)畫還是網(wǎng)頁視覺交流感觸的一許多(一些網(wǎng)站已經(jīng)開始使用)，手繪區(qū)域這種設(shè)計(jì)技巧能夠很好的引起用戶的興趣，發(fā)揮自己的優(yōu)勢(shì)?！　eal Estate Stained Glass網(wǎng)站在運(yùn)用手繪區(qū)域引起用戶交流方面就很出色。當(dāng)你登入這個(gè)網(wǎng)站，點(diǎn)擊開始時(shí)，用戶可以通過移動(dòng)鼠標(biāo)給物體上色。盡管網(wǎng)頁上有很多手繪區(qū)域，但整個(gè)涂鴉的過程十分順暢，填充的顏色會(huì)適時(shí)出現(xiàn)在頁面中，這種沉浸式的感觸能夠起到維系用戶的熏染?！　　　?/p>

3. 手繪字體　　有時(shí)候最好用的手繪字體并不一定是手繪出來的。不少照搬手繪風(fēng)格的字體就很流行，它們尤其一般合適展示性質(zhì)的網(wǎng)站。手繪字體也許說手繪風(fēng)格的字體常常有更輕盈、更人性化的感觸(這是因?yàn)橛脩粢子趲胱约旱那楦?。當(dāng)然，要想手繪字體能夠發(fā)揮出自己的積極熏染，我們一定要保證它的可讀性，實(shí)現(xiàn)字體美感和可讀性之間的平衡。　　Tradewinds Hotel網(wǎng)站的標(biāo)題就遴選了一款簡(jiǎn)約的草書字體，字體足夠大，用戶容易辨認(rèn)。其他位置使用的字體也是選用了簡(jiǎn)捷的無襯線樣式，與標(biāo)題字體造成對(duì)比，不僅突出強(qiáng)調(diào)了手繪字體，還保證了良好的可讀性，便于用戶理解內(nèi)容區(qū)域?！　　　?/p>

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

5. 營(yíng)造氣氛　　手繪手繪設(shè)計(jì)常常更加輕松、歡快。它們可以在幾乎任何網(wǎng)站中發(fā)揮自己的這種罕見之處，你在網(wǎng)站使用的手繪區(qū)域越多，網(wǎng)站會(huì)顯得越輕快，用戶在閱讀時(shí)的情緒也不會(huì)太差。