为网站定制插画有哪些可供借鉴的方法？

插画是网页最常见设计元素，论是用是强化视觉，是传信息，都是常不，这也是为什么它越来越受到设计师追捧。常我们会说图胜千言并不是没有理，图形更容易吸引用户注意力。Tubik Studio 设计师常常会基于用户需求绘制各各样独特插画，在这经验常丰富。这，我们让平设计师 Yaroslava Yatsuba 来分享下，她为客类网站创插画技巧和实践经验。

通常的做法

Yaroslava 曾经接到为IT 博客绘文章插画的任务，他需要借助插画来表达隐喻，呼应文章，还避免用户注意力被转移。

在创作过程，她逐渐摸索出套成型做法。她需要在创作初作者或者编辑进沟，了解文章所要表主题和思想，然后进下处理：

• 分析其中的内容，梳理出一般信息
• 试图定义文章核心关键，将它们作为插画出发
• 相似的领域或者
• 考虑通过色彩和暗来表达主题

通过实际操作，Yaroslava 摸索种具体创作的方法。

搭配法

这种方法是最简单的，但是它并一定是成功率最的做法。搭配法简单说来说，就是借助电脑或者手机，直接记录将要绘制图片的具体需求和相背景，将人物角色和章的题元素相互结合起来构成插画。

举个例，下面的插画是为一篇名为《UI计中的格式塔理：近性则》的文章所绘制的，需求上需要一张静的图片，通过纹理和亮的色彩来吸引用户的注力。这一来，整个插画的绘制方向就清晰了。

而在《2017年UI计流行趋势回顾》的文章当中，需求类似，计采用了渐变色彩和动成的方式来绘制了相应的插画。

组合法

组合法是试图角色和界面元素之间发生交互，通过夸张的方式来传达隐喻，表现交互。如在大按钮上绘制小角色，或者元素拟人走手机界面等等。

在这篇于UI效的章当中，实包含了很多隐喻，仔细琢磨一，智手机似乎更像是一个带着帷幔的表演舞台，UI元素像是线木偶，而设计师则是背后操控这些木偶的操纵者。这样一来，整个插画的构思就非清晰了。过和往的插画同，这个插画中每个角色的地位是均等的，并无次之分。插画的背景中，纹是手工绘制的，入丰富的色彩，确保够吸引人的注意。

这篇章当中的另外一幅插画是遵循类似的方法来进行绘制的。

寓言法

寓言法是最为开脑洞的设计方法，将想要表达的信息，如IT领域的题，投射到他的领域当中，或者借由他领域的插画容表达来。这类插画的绘制，会意想到的方式来呈现来，隐喻是它的体，而诸如数码设备这样的见元素，反而于次要的位置。

计贴士：可以多借助舞者或者运动员来表达，常常更加有表现力和动。

上面的插画是基于关键词“目标”来进行计的。篮球运动员灌篮的这一动作和“抵达目标”在寓上是完美契的，因此，结丰的色彩，通过控制插画的角度和角色形体，营造出力量和动。

另外一个插画的案例是为文章《UI计当中的3C要素：色彩，对比和内容》所制作的。其中计基于关键词“色彩”来进行计，插画中的人物角色在为墙面着色，整个画面也非常有色彩张力，动的猫和颜料的黄色赋予了整个画面运动和醒目的色彩，也使得整个插画更加幽默。

设小贴士：注意一问题，言隐喻通常都受文化背景的影响，不同的家文化背景之下理解会差异。这些文章针对广泛的际用户所撰写的，这些插画也应该用加易于理解的方式呈。

动态插画

动画能够强化插画的表力，能够提升吸引力，给用户留下加深刻的印象。

这插画文章《UX设语:导航元素》所作，这篇文章关于导航元素的，动态插画的加入，让文中内易用户所理解。

值得注意的关键

• 色彩。色彩和纹够升整个设计的图形感知，整个设计更协调。此外，色彩够强插画的心感知，并且营情绪和氛围。艳的色彩更适合娱乐性的容，而极简的配色则可和商类插画更好地搭配。
• 构成。在创作插画的候，展现方式重要，通过一个角色来抓住用户的注力，或者通过素交互来化插画的属性，同文章内容互相呼应，都是要点。
• 细节。制作插画的时候，细节不仅仅可以丰富插画本身的内，它也强化风格、提升原创性的重手段。就确的标点符能让句子加富表力一样。
• 灵感。尽能的搜集灵感素材，无论是你喜欢的角，漂亮的方案，有趣的图，还是插画，非常有用。最重要的是，你需要从中获得启，而不是单纯的复别人的品。汲取灵感，思考和打磨，能够为你带来更想法。