手绘页面在网页视觉中的8大使用方法

手绘区域就是在这个时候被引入进网页视觉之中的，因为它可以用来增强网页视觉的吸引力，营造轻松、和谐的气氛，传递愉快、自由的情绪。近些年来，手绘区域在网站中使用地越来越频繁，差不多成了一种设计趋势。

那么在网页视觉中，手绘区域通常扮演什么样的角色，又能起到哪些熏染呢?今天小飞主要就这一主题展开探究一下，希望大家看完之后对手绘区域有更加深刻的认识和理解。　　

1. 分隔区块　　不少网站主担心在网站中使用手绘区域会破坏网站的整体和谐美感，其实手绘区域几乎可以和各种视觉元素组合使用。它可以同图片、视频组合使用，可以给留白攀升视觉焦点，甚至可以出现在文本附近。也因此，设计师经常使用手绘区域去分隔不同文字区域或不同区域。这是因为，一方面，手绘区域本身拥有不错的内嵌式，放在网页中不会显得过于突兀。另一方面，手绘区域具有一定的个性化特征，不仅能让区域之间界限分明，还能够让这分隔的留白不显得单调。用手绘区域分割不同区块能辅助保持整个网页设计的节奏感。　　　　

2. 服务于交流力　　手绘区域一般合适让网站中的交流变得更加非常有趣。不管是将它作为加载动画还是网页视觉交流感触的一许多(一些网站已经开始使用)，手绘区域这种设计技巧能够很好的引起用户的兴趣，发挥自己的优势。　　Real Estate Stained Glass网站在运用手绘区域引起用户交流方面就很出色。当你登入这个网站，点击开始时，用户可以通过移动鼠标给物体上色。尽管网页上有很多手绘区域，但整个涂鸦的过程十分顺畅，填充的颜色会适时出现在页面中，这种沉浸式的感触能够起到维系用户的熏染。　　　　

3. 手绘字体　　有时候最好用的手绘字体并不一定是手绘出来的。不少照搬手绘风格的字体就很流行，它们尤其一般合适展示性质的网站。手绘字体也许说手绘风格的字体常常有更轻盈、更人性化的感触(这是因为用户易于带入自己的情感)。当然，要想手绘字体能够发挥出自己的积极熏染，我们一定要保证它的可读性，实现字体美感和可读性之间的平衡。　　Tradewinds Hotel网站的标题就遴选了一款简约的草书字体，字体足够大，用户容易辨认。其他位置使用的字体也是选用了简捷的无衬线样式，与标题字体造成对比，不仅突出强调了手绘字体，还保证了良好的可读性，便于用户理解内容区域。　　　　

4. 强化视觉效果　　上面说的手绘区域在网页中都起到了一定的功能性熏染。但这还有一些手绘区域纯粹是服务于用户感官效果的。在网站中零星地点缀着一些手绘区域，它们可以呈现其他技巧难以实现的微妙、非常有趣的视觉效果。　　Mother’s Brewing就是这样做的。网站首页上使用了庞大的手绘心型图标;其他页面中也有手绘区域的运用，一些很明显，一些比较隐蔽;每个CTA按钮都是手绘的丝带样式。背景上的元素和滑动元素上重叠，填满了网页上沉寂的空白，手绘区域的使用让整个网站在视觉上十分引人注意。　　　　

5. 营造气氛　　手绘手绘设计常常更加轻松、欢快。它们可以在几乎任何网站中发挥自己的这种罕见之处，你在网站使用的手绘区域越多，网站会显得越轻快，用户在阅读时的情绪也不会太差。