赞助商
立即赞助

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

手绘3年前 (2021)发布 流光
3.1K 0 0

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

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

通常的做法

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

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

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

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

搭配法

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

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

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

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

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

组合法

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

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

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

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

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

寓言法

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

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

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

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

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

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

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

动态插画

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

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

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

值得注意的关键

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

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

没有人喜欢失败。那么玩家为什么可以花80%的时间体验挫折,还仍然热爱着游戏呢? ── Jane McGonigal 在之前的文章中,我主要...
Eugen Eşanu
王M争:我最近在做改版设计,所以很长时间没有更文了。期间遇到了很多问题,其中一个就是顶部栏配色,后来我索性就针对移动端...
Tab
为什么会出现下拉刷新,以及在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总能带来更多疑问。追...
产品设计
对于设计师而言,平面设计是最基础的技能之一。而海报和宣传单的设计,也几乎是每一个设计师的必修课。如今网页上的 Banner,...
海报设计
@Jenny黄静雯 :​​​相信很多同学会有,看理论的时候觉得很有道理,看完后却不知该怎么实践,久而久之便会产生「看过很多设计...
ICON
最近跟一线大厂设计师交流,他们给我的反馈是做设计的时候不单单只是视觉上的美感,更需要方法论来支撑,这样才更具有说服力...
版式布局
随着设计工具和设计素材越来越丰富,设计师开始更加灵活地在网页中使用气泡、斑点和流体这样的元素,那么要怎么在网页设计的...
斑点元素
王M争:关于提升用户体验的方法论非常多,其中一个比较常见的就是简化操作流程。我们对此非常熟悉,但是我很少看到有文章系统...
交互设计