插画，手绘，这些能为你的网页规划加分

说插画现已彻底接管了网页规划好像有点过，可是技能发展和用户需求使得网页插画在世界范围内盛行起来，一点都不为过。从全屏式页面傍边的主页Banner图到视差滚动式页面中的奇妙动画，你会发现插画在这些规划著作中大放异彩。
插画在网页中是一种风趣而又多用途的优化元素，手绘插画、网页元素、手绘字体，在技能老练的今日，一切的这些东西都可以用适宜的手绘插画来替换，制造出绝无仅有的视觉体验。
插画是规划趋势

不过规划师们选择插画还有许多其他的原因，这也造就了现在的趋势：
·插画能让用户更好地融入到你所设定的空气傍边，由于他们不会留意到其他的东西
·插画可以完结许多八怪七喇的元素，而且它们只能靠插画或许手绘来完结
·插画可以更轻松地将现实和幻想融合到一同
·更简略定制，也更简略加入艺术的元素
·插画配色丰富多彩，也可以愈加轻松地将盛行而亮堂的色彩融入其间
·即便你并不是一名职业的插画师，也可以凭借插画东西和资料包来制造插画
·插画可以融入许多不同的风格，营建多种空气

页头插画
网页页头的Banner图是插画最常呈现的地方。在著作展现、产品类的网站制造中，美丽的插画用得十分入情入理。
在网页页头中运用插画的时分，艺术元素具有更大的发挥空间，可以兼容更多杂乱多样的规划元素和内容。精美的细节，好玩的交互，还有充溢质感的留白都常见于此处的插画。网页页头的插画能让用户充溢发现的兴趣。

杂乱的插画规划有一些值得留意的规划技巧：
·插画最好具有必定的艺术性，用户不会将时刻消耗在一般而没亮点的规划著作上，请精心制造
·尽管有的插画可能会比较杂乱，可是传递的信息应该是简略的。你应该明晰插画所传递的信息，而且让一切的元素为之效劳
·专业。你能在草稿纸上涂鸦并不意味着你能马上开始做网页插画，成为一个专业的插画师需求足够好的审美和足够专业的绘画技巧。

增加简略的动效
静态的插画规划需求留意的点有很多，而网页插画则愈加杂乱，由于它现在现已是动态的了。当插画和动效结合起来的时分，会更简略引导用户，引发用户点击和互动的愿望。

正好像 Hugo 网页中文本的奇妙运动，就是十分吸引人眼球的规划。这些微动画可以帮助用户了解哪些地方可以操作，怎么拜访下一个部分或许页面。关于整体性比较强、内容比较多的页面而言，这种规划尤为有用。
这些令人惊喜的小细节，会让访客恋恋不舍。悬停动效就是一个很好的规划手法，它让用户乐于在页面中寻觅可供交互的空间，在导航中领会兴趣。

插画图标和插画UI元素
如果种种迹象表明你的网页无法运用大范围的插画来作为装饰，那么可以考虑将插画风的图标和UI元素融入到页面傍边。这种方法相同可以让你页面显得生动风趣。

插画元素能将奇思妙想融入到单调严厉的网站中，让它显得愈加生动风趣。插画式的线性图标是最简略完结的插画之一，精约而多样的规划几乎可以和一切的 规划风格兼容起来，可以调配图片，也可以合作多种多样的配色计划，最重要的是，这种一致的图标规划能作为页面视觉规划一致性规划的重要脉络。
如果你想再深化一点，无妨让各种UI元素插画化。Iqor 的网页中，大尺寸的图片规划让页面平添了几分兴趣。网页中大的插画和规划元素都运用了三种典型的盛行色，而且在不同的页面中保持着一致性。

手绘字体
别的一个重要的规划趋势是融入了插画的定制化排版规划。插画式的LOGO、正文内容、手绘字体和艺术插画都可以充沛的融合到一同。

值得一提的是，手绘字体规划最值得留意的是控制。一般你需求将一部分文字内容进行重绘，并控制在一个区块傍边，规划“过度”的字体最简略呈现的问题是影响字体的可读性。所以，在这个规划过程中，必须保证文字在美丽的一起，可以被用户轻松阅读，易于了解，传递出明晰的信息。
Day of the Dead 和 Stand Up to Cancer 两个页面在这方面做的适当不错，它们传递出简略的信息，字体规划上也足够漂亮。Day of the Dead 运用了无衬线体和美丽的插画来调配手绘字体，尽管多，可是十分有条理。Stand Up to Cancer 则一致地采用了水彩画的风格，手绘字体则是根据标准化的字体来规划，可读性更强。

关于许多规划师而言，刚刚开始将插画加入到网页中之时，好像并不是那么轻松，可是充沛凭借现有的规划东西、UI Kit和资料，可以适当地降低这个门槛。
如果你想独自完结带有许多插画的网页项目，相对系统化的学习和适当的审美薰陶是十分有必要的，花费时刻来酝酿著作是一件很正常的工作。