插图如何为用户体验增添情感

Author: 素马

从45,000年前的洞穴壁画到21世纪的太空火箭图,插图长期以来在人类交流中发挥着重要作用。

 

图片跨越语言和读写障碍,使人们能够理解和传达他们无法用语言表达的复杂情绪和感受。

 

为什么在网站上使用插图?

 

插图提供了一种有用的速记方式来传达品牌的情绪或语气。

 

你可能会争辩说图标是插图,因为它们是图画的,但它们是符号。图标可能而且通常应该在风格上适合插图,但它们本身并不是插图。符号是对象、想法或动作的简化表示。例如,“搜索”通常由放大镜形状表示。

 

另一方面,插图更复杂。它们传达了与目标受众联系的潜在情感品质。插图可以创建关于主题的叙述,而无需添加更多文本。如果使用得当,即使是最基本的功能性网站,它也会给人一种个性的感觉。

 

流行的在线插图类型

 

插图风格多种多样,从简单的轮廓到详细、全彩、逼真的图像。不同站点使用的插图数量差异很大。

 

不同的风格会唤起不同的感受,引发不同的反应,因此在选择插画风格时仔细考虑是很重要的。有两个主要因素需要考虑:该网站的用途以及您想赋予它什么样的角色。

 

可以将事物分解为广泛的类别,以查看在不同领域最有效的方法。我们将看看设计师如何使用插图来产生良好的效果……

 

使用简单的形状和谨慎。Acorns使用简单的橡树叶图案来搭配其橡子标志。其他插图通过保持绿色阴影来联系在一起。

 

 

这创造了新公司的典型感觉(Acorns成立于2014年),尤其是那些主要基于Web的公司。

 

成立时间更长、更传统的组织出于相同目的使用插图,尽管它们可能仅限于某些领域,他们希望强调平易近人。例如,丹斯克银行(成立于1871年)在其公司网站的“关于”和“可持续发展”部分都有插图。

 

 

Visa还将插图限制在特定区域,即VisaDirect部分。这具有将这一特定(较新)服务与Visa提供的其他服务分开的效果。

 

 

此类别中另一种越来越流行的方法是抽象图形。当难以显示正在推广的内容时,这特别有用。例如,Instabase使用与网站图标相同的调色板添加几何形状的排列以增加视觉趣味。

 

 

在食物和饮料方面,事情变得更加自由。风格千差万别,所传达的个性可以更强烈、更个性化。有些人仍然会选择轻微的插图,在颜色和类型等方面做得更强烈,而在其他情况下,插图会变得更加突出。

 

PalaisKitchen和Caleño都采用了与品牌相适应的线条图。

 

 

捐赠使用插图来解释善意的行为,如何在不经意间造成的伤感,但不会被责骂而是理解与同情。

 

 

在网络上使用插图

 

插图可以成为设计师武器库中的强大工具,但很难做到正确,因为它会引发情感,而情感是主观的。

 

就像类型或颜色一样,它需要适当且谨慎地使用。有时少即是多,有时完全正确的放置可以在成功的设计和失败之间产生差异。

 

这只是网络上广泛的插图风格和用法的一部分,但我们希望它可以为您在考虑是否以及如何在下一个项目中使用插图时提供一个起点。

 

相关阅读