多數(shù)時候，我們希望網(wǎng)頁中的設計元素足夠精準，像素完美。但是有的時候，我們想通過一些有趣、個性化的設計元素，讓頁面看起來更有意思。而手繪的插畫和圖標常常是在這個需求之下被引入到整個設計中來的。手繪的圖標元素能夠賦予網(wǎng)頁以個性，增強整體設計的吸引力，可以更輕松地營造氛圍，傳遞情緒。近些年來，手繪元素在網(wǎng)站中使用地越來越頻繁，差不多成了一種設計趨勢。那么在網(wǎng)頁設計中，手繪元素通常扮演什么樣的角色，又能起到哪些作用呢?

        一、分隔區(qū)塊

        它可以同圖片、視頻組合使用，可以給留白增加視覺焦點，甚至可以出現(xiàn)在文本附近。也因此，設計師經(jīng)常使用手繪元素去分隔不同內容區(qū)塊或不同 區(qū)域。這是因為，一方面，手繪元素本身擁有不錯的融入感，放在網(wǎng)頁中不會顯得過于突兀。另一方面，手繪元素具有一定的個性化特征，不僅能讓區(qū)域之間界限分明，還能讓這分隔的留白不顯得單調。用手繪元素分割不同區(qū)塊有助于保持整個頁面設計的節(jié)奏感。 

        二、服務于用戶交互 　

       手繪元素還可以讓網(wǎng)站中的交互變得更加有趣。不管是將它作為加載動畫還是網(wǎng)頁設計交互體驗的一部分，手繪元素這種設計技巧能夠很好的引起用 戶的興趣，發(fā)揮自己的優(yōu)勢。網(wǎng)站在運用手繪元素引起用戶互動方面就很出色。當你登入這個網(wǎng)站，點擊開始時，用戶可以通過移動鼠標給物體上色。盡管網(wǎng)頁上有很多手繪元素，但整個涂鴉的過程十分順暢，填充的顏色會適時出現(xiàn)在頁面中，這種沉浸式的體驗能夠起到維系用戶的作用。 

        三、手繪字體

       很多地方手繪元素并不一定真的是手繪出來的。比如手繪風格的字體有很多，它們當然都不是真正手繪出來的。手繪風格的字體很受歡迎，也非常適合用來展示。手繪字體常常能夠個人以輕盈而又富有人性的的感覺，挑選手寫字體的時候，要注意它的美感和可讀性之間的平衡。

        四、展示創(chuàng)意

       手繪設計元素還可以用來展示網(wǎng)站的創(chuàng)意，這尤其適用設計師作品集的展示網(wǎng)站。這些手繪元素可以讓用戶集中了解設計師想法的產(chǎn)生，設計的具體過程。網(wǎng)站首頁上就使用了手繪元素，右圖展示了設計師的創(chuàng)作過程。除此以外，首頁左上方還有一個手繪Logo，十分俏皮。

        五、圖標和logo

       手繪圖標和LOGO 可能是更受歡迎的手繪元素了。手繪風格的圖標和LOGO 常常會顯得更加有個性，不對稱、不規(guī)則的細節(jié)是它們更有代表性的特點，而這些細節(jié)也讓它們顯得非常迷人。

        六、營造氣氛

       手繪設計元素常常更加輕松、歡快。它們可以在幾乎任何網(wǎng)站中發(fā)揮自己的這種特點，你在網(wǎng)站使用的手繪元素越多，網(wǎng)站會顯得越輕快，用戶在瀏覽時的情緒也不會太差。 網(wǎng)站就利用了手繪元素讓網(wǎng)站充滿童趣。不過，從網(wǎng)站字體、圖標再到下劃線，手繪元素讓整個網(wǎng)站保持了一致的基調，網(wǎng)站顯得創(chuàng)造力十足、足夠輕盈，這也更能鼓舞用戶與網(wǎng)站產(chǎn)生互動。