多數(shù)時候吉挣，我們希望網(wǎng)頁中的設(shè)計元素足夠精準，像素完美婉弹。但是有的時候睬魂，我們想通過一些有趣、個性化的設(shè)計元素镀赌，讓頁面看起來更有意思氯哮。而手繪的插畫和圖標常常是在這個需求之下被引入到整個設(shè)計中來的。手繪的圖標元素能夠賦予網(wǎng)頁以個性商佛，增強整體設(shè)計的吸引力喉钢，可以更輕松地營造氛圍姆打，傳遞情緒。
手繪圖標設(shè)計近年來的使用頻率越來越高出牧，說是趨勢也不為過穴肘。那么，手繪圖標在網(wǎng)頁設(shè)計中舔痕，通常是扮演什么樣的角色评抚，又是如何被使用的呢？今天的文章伯复，我們來聊聊這個話題慨代。
1、作為分隔符
手繪元素有一個很有意思的特點啸如，它幾乎可以和任何設(shè)計元素有效地搭配起來侍匙。可以和圖片叮雳、視頻組合使用想暗，可以為留白增加視覺焦點，甚至可以在文本附近出現(xiàn)帘不。很多時候说莫，你不敢在整個設(shè)計中使用手繪元素是擔心它會打破設(shè)計的整體感，但是當你開始嘗試就會發(fā)現(xiàn)它在很多時候還是很有用的寞焙。
手繪圖標本身擁有不錯的融入感储狭，很多設(shè)計師會利用它的這種融入感，將它插入到網(wǎng)頁當中捣郊，作為分隔不同區(qū)塊的間隔元素來使用辽狈。作為分隔符，手繪圖標不會顯得過于突兀呛牲，讓分割區(qū)塊的留白也不至于單調(diào)刮萌，讓用戶明白內(nèi)容區(qū)塊的邊界的同時，也保持了整個頁面設(shè)計的節(jié)奏感娘扩。
2.交互式涂鴉
手繪元素用好了同樣可以帶來有趣的交互體驗尊勿。無論是將它之作為加載動畫，還是作為整個頁面交互的一部分畜侦，手繪圖標或者手繪涂鴉都可以引起用戶的興趣元扔。
Real Estate Stained Glass這個網(wǎng)站就做的相當?shù)牡轿唬麄儾粌H僅使用了手繪圖標旋膳，將整個網(wǎng)站做成了手繪動畫澎语，而用戶可以隨著動畫和音樂，給頁面中不同的區(qū)塊上色，整個過程無比的流暢擅羞，你所填充的色彩會實時地出現(xiàn)在頁面當中尸变，整個沉浸式的體驗相當棒。
3.手繪的字體
很多地方手繪元素并不一定真的是手繪出來的减俏。比如手繪風格的字體有很多召烂，它們當然都不是真正手繪出來的。手繪風格的字體很受歡迎娃承，也非常適合用來展示奏夫。
手繪字體常常能夠個人以輕盈而又富有人性的的感覺，挑選手寫字體的時候历筝，要注意它的美感和可讀性之間的平衡酗昼。
Tradewinds Hotel就挑選了一款簡約又輕靈的手寫字體，它的尺寸夠大梳猪，清晰麻削、可讀性良好，在網(wǎng)頁中用作展示之用春弥。
4.強化視覺
在網(wǎng)頁當中呛哟，絕大多數(shù)的元素都是功能性的，而用來點綴的元素不少都是出于純粹的視覺設(shè)計的目的而存在的匿沛。
在Mother’s Brewing這個網(wǎng)頁當中扫责，首頁上巨大的手繪的心型圖標明顯就是為了這樣的目的而存在的。設(shè)計師在其他有的頁面上也采用了類似的手繪圖標來裝飾頁面俺祠，強化視覺，填補空間借帘。
5.調(diào)節(jié)情緒
手繪風格的設(shè)計元素常常會給人有趣的感覺蜘渣，在很多設(shè)計項目中，這些手繪元素能夠營造氛圍肺然，調(diào)整訪客的情緒蔫缸。
Signs for Science這個網(wǎng)站中，手繪的圖標和小插畫际起，配合著網(wǎng)站中瑪卡龍系的配色和圓潤的字體拾碌，營造出充滿童趣的氛圍，用戶在這種氛圍下心情通常不會太差街望。
6.展示創(chuàng)意
在設(shè)計師的作品集當中校翔，手繪元素常常是用來呈現(xiàn)創(chuàng)意的有效手段。一方面灾前，有趣的手繪元素出人意表防症，另一方面，設(shè)計師還能通過手繪來呈現(xiàn)設(shè)計的過程，展示設(shè)計思維蔫敲。
The Feebles這個網(wǎng)站當中饲嗽，設(shè)計不僅借用手繪來展示他的設(shè)計過程，而且網(wǎng)站本身還采用了許多手繪元素奈嘿，比如左上角的LOGO貌虾。
7.圖標和LOGO
手繪圖標和LOGO 可能是最受歡迎的手繪元素了。手繪風格的圖標和LOGO 常常會顯得更加有個性裙犹，不對稱尽狠、不規(guī)則的細節(jié)是它們最有代表性的特點，而這些細節(jié)也讓它們顯得非常迷人伯诬。
Higher Ground中的圖標并不能算是嚴格意義上的手繪的LOGO晚唇，但是其中的襯線字體搭配著波浪紋的裝飾，呈現(xiàn)出手繪LOGO的特點盗似。
8.動畫特效
在這個動效大行其道的時代哩陕，即使料到手繪元素最后也很難繞過動效啊。動態(tài)的手繪元素赫舒，無疑擁有更強的娛樂性悍及，能夠增強網(wǎng)站的轉(zhuǎn)化率，讓用戶停留的時間更長接癌。
Long Story Short就在網(wǎng)頁設(shè)計上沿用了這樣的思路心赶。不止是網(wǎng)站本身的手繪LOGO 采用了動態(tài)效果，而且借用快速的視頻剪輯缺猛，將他們其他的品牌設(shè)計項目快速地展現(xiàn)出來缨叫。
結(jié)語
手繪設(shè)計元素的用途還有很多，它們可以讓設(shè)計變得更加賞心悅目荔燎，個性十足耻姥。從排版設(shè)計到動態(tài)效果，它們的存在讓設(shè)計更加富于人性有咨。雖然手繪元素不一定適用于每個項目琐簇，但是掌握它，依然可以在多數(shù)設(shè)計項目中使用座享。
