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

        一、分隔區塊

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

        二、服務于用戶交互 　

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

        三、手繪字體

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

        四、展示創意

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

        五、圖標和logo

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

        六、營造氣氛

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