多数时候，我们希望网页中的设计元素足够精准，像素完美。但是有的时候，我们想通过一些有趣、个性化的设计元素，让页面看起来更有意思。而手绘的插画和图标常常是在这个需求之下被引入到整个设计中来的。手绘的图标元素能够赋予网页以个性，增强整体设计的吸引力，可以更轻松地营造氛围，传递情绪。近些年来，手绘元素在网站中使用地越来越频繁，差不多成了一种设计趋势。那么在网页设计中，手绘元素通常扮演什么样的角色，又能起到哪些作用呢?

        一、分隔区块

        它可以同图片、视频组合使用，可以给留白增加视觉焦点，甚至可以出现在文本附近。也因此，设计师经常使用手绘元素去分隔不同内容区块或不同 区域。这是因为，一方面，手绘元素本身拥有不错的融入感，放在网页中不会显得过于突兀。另一方面，手绘元素具有一定的个性化特征，不仅能让区域之间界限分明，还能让这分隔的留白不显得单调。用手绘元素分割不同区块有助于保持整个页面设计的节奏感。 

        二、服务于用户交互 　

       手绘元素还可以让网站中的交互变得更加有趣。不管是将它作为加载动画还是网页设计交互体验的一部分，手绘元素这种设计技巧能够很好的引起用 户的兴趣，发挥自己的优势。网站在运用手绘元素引起用户互动方面就很出色。当你登入这个网站，点击开始时，用户可以通过移动鼠标给物体上色。尽管网页上有很多手绘元素，但整个涂鸦的过程十分顺畅，填充的颜色会适时出现在页面中，这种沉浸式的体验能够起到维系用户的作用。 

        三、手绘字体

       很多地方手绘元素并不一定真的是手绘出来的。比如手绘风格的字体有很多，它们当然都不是真正手绘出来的。手绘风格的字体很受欢迎，也非常适合用来展示。手绘字体常常能够个人以轻盈而又富有人性的的感觉，挑选手写字体的时候，要注意它的美感和可读性之间的平衡。

        四、展示创意

       手绘设计元素还可以用来展示网站的创意，这尤其适用设计师作品集的展示网站。这些手绘元素可以让用户集中了解设计师想法的产生，设计的具体过程。网站首页上就使用了手绘元素，右图展示了设计师的创作过程。除此以外，首页左上方还有一个手绘Logo，十分俏皮。

        五、图标和logo

       手绘图标和LOGO 可能是更受欢迎的手绘元素了。手绘风格的图标和LOGO 常常会显得更加有个性，不对称、不规则的细节是它们更有代表性的特点，而这些细节也让它们显得非常迷人。

        六、营造气氛

       手绘设计元素常常更加轻松、欢快。它们可以在几乎任何网站中发挥自己的这种特点，你在网站使用的手绘元素越多，网站会显得越轻快，用户在浏览时的情绪也不会太差。 网站就利用了手绘元素让网站充满童趣。不过，从网站字体、图标再到下划线，手绘元素让整个网站保持了一致的基调，网站显得创造力十足、足够轻盈，这也更能鼓舞用户与网站产生互动。