手繪元素如何使用才能讓網(wǎng)頁設(shè)計(jì)變得更有趣？

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

        一、分隔區(qū)塊

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

        二、服務(wù)于用戶交互 　

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

        三、手繪字體

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

        四、展示創(chuàng)意

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

        五、圖標(biāo)和logo

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

        六、營造氣氛

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