一、手繪元素作為分割符
手繪元素幾乎可以和任何設(shè)計(jì)元素有效地搭配起來(lái)，包括圖片、視頻、文本等等，還可以為留白增加視覺(jué)焦點(diǎn)。
作為分隔符，手繪元素不會(huì)顯得過(guò)于突兀，讓分割區(qū)塊的留白也不至于單調(diào)，讓用戶明白內(nèi)容區(qū)塊的邊界的同時(shí)，也保持了整個(gè)頁(yè)面設(shè)計(jì)的節(jié)奏感。
二、優(yōu)化交互體驗(yàn)
手繪元素還可以讓網(wǎng)站中的交互變得更加有趣。不管是將它作為加載動(dòng)畫還是網(wǎng)頁(yè)設(shè)計(jì)交互體驗(yàn)的一部分(許多網(wǎng)站已經(jīng)開(kāi)始使用)，手繪元素這種設(shè)計(jì)技巧能夠很好的引起用戶的興趣，發(fā)揮自己的優(yōu)勢(shì)。
Real Estate Stained Glass 這個(gè)網(wǎng)站就做的相當(dāng)?shù)牡轿唬麄儾粌H僅使用了手繪圖標(biāo)，將整個(gè)網(wǎng)站做成了手繪動(dòng)畫，而用戶可以隨著動(dòng)畫和音樂(lè)，給頁(yè)面中不同的區(qū)塊上色，整個(gè)過(guò)程無(wú)比的流暢，你所填充的色彩會(huì)實(shí)時(shí)地出現(xiàn)在頁(yè)面當(dāng)中，整個(gè)沉浸式的體驗(yàn)相當(dāng)棒。
三、吸引用戶
手繪元素對(duì)于兒童有著無(wú)與倫比的吸引力，對(duì)比與其他形式，兒童對(duì)于手繪元素更為青睞，因此一些面向兒童的網(wǎng)站，采用手繪元素能夠很好的引起用戶的興趣。
卡通畫和插畫等手繪元素也能帶來(lái)清新脫俗的感覺(jué)，讓網(wǎng)站變得更加與眾不同，在視覺(jué)上也會(huì)顯得更加舒適。
四、突出設(shè)計(jì)感
上面說(shuō)的手繪元素在網(wǎng)頁(yè)中都起到了一定的功能性作用。但這還有一些手繪元素純粹是出于視覺(jué)設(shè)計(jì)的目的而存在的。
在 Mother's Brewing 這個(gè)網(wǎng)頁(yè)當(dāng)中，首頁(yè)上巨大的手繪的心型圖標(biāo)明顯就是為了這樣的目的而存在的。設(shè)計(jì)師在其他有的頁(yè)面上也采用了類似的手繪圖標(biāo)來(lái)裝飾頁(yè)面，強(qiáng)化視覺(jué)，突出整體的設(shè)計(jì)氣息。
五、用手繪傳遞情緒、營(yíng)造氛圍
手繪設(shè)計(jì)元素常常更加輕松、歡快。它們可以在幾乎任何網(wǎng)站中發(fā)揮自己的這種特點(diǎn)，你在網(wǎng)站使用的手繪元素越多，網(wǎng)站會(huì)顯得越輕快，用戶在瀏覽時(shí)的情緒也不會(huì)太差。
六、展現(xiàn)創(chuàng)意
手繪設(shè)計(jì)元素還可以用來(lái)展示網(wǎng)站的創(chuàng)意，這尤其適用設(shè)計(jì)師作品集的展示網(wǎng)站。這些手繪元素可以讓用戶集中了解設(shè)計(jì)師想法的產(chǎn)生，設(shè)計(jì)的具體過(guò)程。
The Feebles網(wǎng)站首頁(yè)上就使用了手繪元素，右圖展示了設(shè)計(jì)師的創(chuàng)作過(guò)程。除此以外，首頁(yè)左上方還有一個(gè)手繪Logo，十分俏皮。
七、手繪元素使網(wǎng)站人性化
格式化的文本和圖形更像是計(jì)算機(jī)和數(shù)字為主的語(yǔ)言。雖然一些內(nèi)容看起來(lái)非常棒 ，但缺乏人性的感覺(jué)。想象一下，雖然出自同一個(gè)人的同樣的內(nèi)容，但在郵件中收到的是一封蘸著墨水的手寫信。但當(dāng)你閱讀它們的時(shí)候，兩者會(huì)引發(fā)不同的情感，手寫的信件會(huì)更加樸實(shí)自然。
從某種意義上說(shuō)，我們會(huì)覺(jué)得手寫信對(duì)讀者更具親近力。這樣的想法也同樣適用于網(wǎng)站，將文本內(nèi)容轉(zhuǎn)換成手繪的形式。注意LAI Video如何在其頁(yè)面中使用手繪圖標(biāo)和內(nèi)容。它與該網(wǎng)站的兒童活動(dòng)的主題相關(guān)，同時(shí)也為該網(wǎng)站提供了更加貼心和人性化的感受。
八、動(dòng)態(tài)手繪效果
在這個(gè)動(dòng)效大行其道的今天，手繪元素更終也難逃動(dòng)畫效果的"魔爪"。動(dòng)態(tài)的手繪元素，無(wú)疑擁有更強(qiáng)的娛樂(lè)趣味，在增強(qiáng)網(wǎng)站轉(zhuǎn)化率、延長(zhǎng)用戶停留時(shí)間上有其他設(shè)計(jì)元素所不可比擬的優(yōu)勢(shì)。
Long Story Short 就在網(wǎng)頁(yè)設(shè)計(jì)上沿用了這樣的思路。不止是網(wǎng)站本身的手繪LOGO 采用了動(dòng)態(tài)效果，而且借用快速的視頻剪輯，將他們其他的品牌設(shè)計(jì)項(xiàng)目快速地展現(xiàn)出來(lái)。
關(guān)注我們
微信小程序
抖音小程序