用户 UI设计中插画如何更好的运用？角色|设计|插画|文章|元素|色彩

插画是网页当中最常见的设计元素之一，无论是用是强化视觉，还是传达信息，都是非常不错的，这也是为什么它越来越受到设计师的追捧。通常我们会说一图胜千言并不是没有道理的，图形更容易吸引用户的注意力。 Tubik Studio 的设计师常常会基于用户的需求绘制各式各样独特的插画，在这方面经验非常丰富。这次，我们让平面设计师 Yaroslava Yatsuba 来分享一下，她为博客类网站创建插画的技巧和实践经验。

文章图片

通常的做法
Yaroslava 曾经接到过为IT 博客绘制文章插画的任务，他需要借助插画来表达隐喻，呼应文章，还避免用户注意力被转移。
在创作过程中，她逐渐摸索出一套成型的做法。她需要在创作之初就同作者或者编辑进行沟通，了解文章所要表达的主题和思想，然后进行下面的处理：

分析其中的内容，梳理出一般信息
试图定义文章的核心关键字，将它们作为插画的出发点
找出相似的领域或者活动
考虑通过色彩和明暗来表达主题

通过实际操作， Yaroslava 摸索出三种具体创作的方法。
搭配法
这种方法是最简单的，但是它并不一定是成功率最高的做法。搭配法简单说来说，就是借助电脑或者手机，直接记录将要绘制图片的具体需求和相关背景，将人物角色和文章的主题元素相互结合起来构成插画。
举个例子，下面的插画是为一篇名为《UI设计中的格式塔原理：接近性原则》的文章所绘制的，需求上需要一张静态的图片，通过纹理和明亮的色彩来吸引用户的注意力。这样一来，整个插画的绘制方向就很清晰了。

文章图片

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

文章图片

【用户 UI设计中插画如何更好的运用？】组合法
组合法是试图让角色和界面元素之间发生交互，通过夸张的方式来传达隐喻，表现交互。比如在大按钮上绘制出小角色，或者让元素拟人化走出手机界面等等。

文章图片

在这篇关于UI动效的文章当中，其实包含了很多隐喻，仔细琢磨一下，智能手机似乎更像是一个带着帷幔的表演舞台， UI元素像是提线木偶，而设计师则是背后操控这些木偶的操纵者。这样一来，整个插画的构思就非常清晰了。不过和以往的插画不同，这个插画中每个角色的地位是均等的，并无主次之分。插画的背景中，纹理是手工绘制的，加入丰富的色彩，确保能够吸引人的注意力。

文章图片

这篇文章当中的另外一幅插画也是遵循类似的方法来进行绘制的。
寓言法
寓言法是最为开脑洞的设计方法，将想要表达的信息，比如IT领域的主题，投射到其他的领域当中，或者借由其他领域的插画内容表达出来。这类插画的绘制，常常会以意想不到的方式来呈现出来，隐喻是它的主体，而诸如数码设备这样的常见元素，反而居于次要的位置。

以上关于本文的内容，仅作参考！温馨提示：如遇专业性较强的问题（如：疾病、健康、理财等），还请咨询专业人士给予相关指导!

「辽宁龙网」www.liaoninglong.com小编还为您精选了以下内容，希望对您有所帮助：