将“脸”用于设计!这篇教程带你入门

对于专业设计作品来说,除了本身的核心功能外,最基本的功能之一就是吸引观众的注意力。每个人都有希望传达的信息,但真正让人们消化吸收一条信息并不容易。

因此,设计师们的任务是试着利用每个人的审美和美的自然吸引力,使他们几乎没有意识到时,注意力就被吸引。

有了这一目标,你就可以发现面庞是一个神奇的设计元素。

为什么面孔是神奇的?

53274470 - design, sharing - 将“脸”用于设计!这篇教程带你入门

答案涉及到多方面,并深入人的心理。有无数的科学研究表明,面部的吸引力有多方面因素,包括它的对称性、骨骼结构等。

然而,一张照片或一件艺术品中,面部并不一定能吸引我们的注意力,甚至可能毫无吸引力可言。这说明,关于面部还有很深的因素。

也许是社会使得我们注视他人的面部,又或者我们有内心的深层需求,使得我们对看起来像是面部的物体更加关注,至少比起其他的内容是这样的。

无论我们怎么看,真相总是不变的:我们喜欢看到面孔。

在设计中利用面孔

掌握利用面孔的技巧可以在很多场合下促进你的设计工作。就像我们已经谈论过的,面孔是显然吸引人们注意力的绝佳方式。不仅如此,它们还可以影响人们的阅读和解释页面内容的方式,与设计产生共鸣,甚至可以唤起人们心中的情感并加深他们的记忆。

下面是你可以将面孔用在设计中的一些具体方式。

打破Z形阅读曲线

许多经验丰富、收入颇丰的专业营销人员都明白,人们通常以Z字形来完成阅读。当那些“愚蠢”的设计师们设计出了不符合这一理念,他们就会暴跳如雷。

人们通常的确是从左到右、从上到下完成阅读的,这也让他们习惯性地如此处理信息,所以这无疑是正确的,但也有些因素会对这方面产生影响。作为一名设计师,你应学会轻松地掌握引导观众实现的技巧。

举例来说,请看下面的图片:

83301025 - design, sharing - 将“脸”用于设计!这篇教程带你入门

(图中文字:你会先看到图中的面孔)

从Z字形的阅读习惯来考虑,你可能会认为人们会先看到左上角的字。然而真的是这样吗?更何况,如果图片出现在网页上,在滚动中Z字形的相关关系也可能被破坏。

尽管有例外,大多数人在欣赏图片的时候,会优先看到图片上出现的面孔以及图片中体积最大的物体。更有趣的是,很可能人们看完上述的两个元素,对这张图片的欣赏就结束了。

在上述的案例中,我使用了一张被放得很大的面孔以及一行小字,完全地破坏了Z形阅读的模式。观看这张图的一般行为表现为:看面孔、看文字、看面孔、结束观看,文字并不是那么有趣因而你的视线会再一次回到面孔上。

方向性

当你在设计中使用面孔的时候,请仔细思考一下你使用面孔的目的,以及希望面孔如何为你服务。

首当其冲应该考虑的就是方向性。面孔的视线所指向的方向,是你实现某个特定目标的最有力的巩固之一。

还是回到上面那个例子,两张面孔都看向了空白的地方,显然对引导观众看到文字信息没有任何帮助。即便你还是看到了那行文字,但那跟面孔并没有什么关系。

跟着视线走

让我们再来看一个例子,这个例子很好地表现了面孔的魔力:

1376816 - design, sharing - 将“脸”用于设计!这篇教程带你入门

(图中文字:这只猫在看着哪里?)

这张猫脸被运用的很好,请记住你的目标是传递信息。这张脸抓住了你的吸引力,然后将你引领到了正确的地方读到了标题的信息。这极大地减小了标题被忽略的概率。

在面孔使用方面有个常见的错误,就是你常会看到设计师让面孔朝向广告之外。如果这么做,你诚然可以吸引观众的注意力,但他们可能会认为你希望在广告外面展示什么内容,因此实现会移开而不会继续阅读广告里的信息。

为了说明情况,我们仍然用第一个案例的图片来做例子。

61288982 - design, sharing - 将“脸”用于设计!这篇教程带你入门

(图中文字:有吸引力,但不够好)

54787142 - design, sharing - 将“脸”用于设计!这篇教程带你入门

(图中文字:好多了,现在他们将观众引到了这条信息上)

从上面的一组案例你就可以看到这种差别,第一张图虽然足够精彩,但面部的朝向并没有对引导观众阅读产生任何帮助。而第二张图片在这一点上则做得很好。

你可以注意到,在第二张图片上,我还把关键信息移动到了视线的高度。请记住,眼睛的视线才是潜意识真正在追踪的内容。与其将信息文字垂直居中,不如像案例中这样放在视线的高度,对引导阅读是更有利的。

眼神交流

虽然用面孔作为箭头引导观众查看信息是很有效的,然而它并不总能比眼神交流更吸引注意力。

如果有人直视你,你几乎会本能地看回去。作为设计师,我们主要能利用这一点,来让观众感受到面孔中传递的某种情感。

开心、愤怒、困惑、有趣、贪婪和更多相关情感都可通过特定的面部表情很好地表现出来,而通过面对面的眼神交流,效果就更加明显。

你可以在无数的企业网站、学校和其他专业实体,视图用这种方式告诉你他们那里环境友好、人们友善。

33059452 - design, sharing - 将“脸”用于设计!这篇教程带你入门

(图中文字:年轻人学校,我们都是好人)

同样的技巧可用于更加戏剧化的情况。比如,一些严肃的面孔可用于运动饮料的广告,或类似下图的募捐宣传。

3070711 - design, sharing - 将“脸”用于设计!这篇教程带你入门

(图中文字:每天只要1美元,就可以给这个儿童提供他所需的糖果。不要再让儿童度过没有糖果的一天!)

抽象的脸

请记住,字面上所说的面孔并不是唯一可以吸引注意力的对象,抽象的面孔也足以达到这样的效果甚至更耐人寻味。

不论是普通的家用物品,还是某些产品组合,都可以想办法组成面孔来实现设计。

28847631 - design, sharing - 将“脸”用于设计!这篇教程带你入门

(图中文字:浪费电的可怕的行为)

类似面部的物体可以给予微妙的暗示,观众甚至不需要有意识地去认为这是一张面孔,就收到同样效果的影响。

结论

面孔是神奇的,作为一名视觉设计师,它可以作为强大的视觉武器之一。

就像面孔的精巧使用可以很好地强化你的设计,但滥用面孔同样也可以毁灭它。不论你要利用面孔的视线方向还是面部表情,都记住使用面孔是要为你原来的目的服务。

 

英文来源:Design Shack

英文标题:A Practical Guide to Designing With Faces

原作者:Joshua Johnson

翻译:卡米雷特

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注