通过暗喻(Metaphors)改进你的设计
如果你曾经上过语文课,你一定学过怎么打比喻(暗喻)。比喻就是用一个问题来说明另一个问题,就像下面的例子:
时间就是金钱。
被爱的感觉。
成功的味道。
很多人认为比喻是一种很华丽的写作技巧,它可以让内容更有趣,也可以让内容更具诗意。
如果你认为比喻只能在诗或写作时才能用到,那你可能需要改变一下你的想法,因为比喻不仅仅只为诗人而存在。其实,我们生活中到处都存在比喻,它是为我们每个人而存在的。比喻是我们语言的重要组成部分,没有它,我们很难相互沟通。
在设计的世界里,我们也在使用暗喻(比喻),比如我们用的图标、我们用的文案,它在设计中真的是随处可见。
这个:gear:️图标经常出现在我们生活中吧,它就是设置的暗喻。“加入购物车”是文案的暗喻。
直观的设计和令人迷惑的设计之间的区别往往在于是否使用了准确的暗喻。我们继续深入探讨这个话题,以便了解暗喻在设计语言如何发挥重要作用。
我们生活中的暗喻
乔治·拉科夫(George Lakoff)是暗喻方面的专家,他曾经写过好几本关于暗喻的书。我运气很好,在大学时上过他的课,他让我认识到暗喻的美。
他在他和马克·约翰逊(Mark Johnson)写的书《我们生活中的暗喻(Metaphors We Live By)》中介绍了我们生活中常见的暗喻。无论我们是否意识到这个问题,暗喻塑造了我们的世界观,帮助我们理解周围的世界。
为了说明这个问题,我们可以仔细看看这两个概念上的暗喻:未知和已知 (Unknown is up,Know is down.)。英语中有一些关于这两个想法的短语,如下图:
如果你花一点时间思考这些短语,就会发现上面的短语并不是诗。这只是我们的日常用语。它们对我们有意义,因为它们向我们说明了真实世界的情况:空中的物体比地面上的物体更加难以预测。
我们的语言中还有很多这样的例子。你有没有注意到上面中的每一段都有暗喻在里面?如果没发现,也没关系。很多人都不会注意暗喻,因为它对我们来说很自然。
设计中的暗喻
当我们说话或写作时,我们常常在无意识中使用暗喻。我们设计产品时也是如此。
比如,我们每天看到的很多图标都是暗喻:
设置 = :gear:️
编辑 = ️
附件 =
删除 = :wastebasket:
账号 =
通知 =
搜索 =
评论 =
喜欢 = ️
更多 = ⋯
这些图标代表了一件事的另一种表述。当我们点击️按钮编辑时,我们并没有使用真实的铅笔。当我们点击按钮查找东西时,我们也没有使用放大镜。
但是,当我们一遍又一遍的看到这些图标时,我们会学习并理解这些暗喻。现在,这些图标已经是我们日常词汇的一部分了。
即使这些图标周围没有文案标注,相信我们根据上下文也能明白它的含义。
暗喻是不是很神奇。
文案中的暗喻
在产品设计中,暗喻不只用于图标。很多产品文案也是一种暗喻。
不知道你是否注意到 Medium 使用了新的按钮?我发现的最有意思的事情不是这个按钮的变化,而是文案的变化。
当 Medium 发布这个改动时,他们基本上发明了一种新的暗喻:Medium 上的任何一篇文章都是一次表演。
为了支持这个想法,他们在产品文案中引入了新的术语,包括鼓掌 (applause)、掌声(claps)、粉丝(fans) 和观众(audience)。而这些都是表演相关的术语,但它们确实使用这些术语来谈论 Medium 上的文章。如下图所示。
展望未来,说不定我们可以看到 Medium 进一步拓展这种暗喻。或许有一天,我们可以看到像聚光灯、后台等功能出现。
而这些仅仅只是皮毛。如果你仔细观察,你会发现暗喻也存在于数码产品中:
最后的两个例子说明,一些概念会有多种暗喻,这种情况是很常见的。毕竟,我们至少有 99 种方式可以表达爱。
为什么暗喻很重要
暗喻影响设计的直观性。如果设计基于真实和可靠的东西来做,那么人们会很容易理解设计。如果设计基于非常抽象的东西,人们很有可能无法理解这个设计。
比如说,我最近收到的婴儿监视器。它有很好的功能,但是它的开关按钮快把我逼疯了。
开着还是关着?
如上图所示,开关的左边是一条竖线,右边是一个圆形。看起来是不是很简单?
事情上,并不是。我和我妻子经常搞不清楚它是开着还是关着的,因为我们完全理解不了这种暗喻。
这两个符号想要说明什么呢?一个竖线和一个圆?数字 1 和数字 0 ?字母 I 和 字母 O ?还是人的身体和头部呢?
用了几次之后,我们理解了它们的真实含义。竖线是开的意思,而圆是关着的意思。但是这种暗喻并不直观,因为它并不是基于真实生活的暗喻。
后来,我想着是不是还有更有意思的设计去表达开和关的意思,为了好玩,我设计了如下几种方式。比如:太阳代表开,电流代表开,或者减号代表关。
无论你在设计什么,将其用暗喻的方式表达可以帮你找到另一种解决方案。如果你能把这个概念和现实生活联系在一起,那么人们很容易从一开始就明白它的含义。
当暗喻使设计变得混乱
就像一条好牛仔裤一样,比喻可以使很多事情变得更清楚明白,但不是每一种场景都适合。
有时候,最好不要使用暗喻。比如,在你手机主屏幕的某个地方放着一个相机按钮,你点击它,就能拍照了。这一点并不奇怪。
现在想象一下我们用另一种暗喻替换相机的暗喻,比如眼睛。
可能你也发现了,在这里使用暗喻并不是什么好主意。当文案可以表达意思时,我们无需使用暗喻来表达。
一般而言,暗喻可以很好地帮助人们理解一个概念。但是如果暗喻过于抽象,就会让事情变得更加复杂。
加载的暗喻(Loaded metaphors)
对作家来说,最难的事情莫过于命名了吧。大标题、小标题、按钮、婴儿……应有尽有。
我经常需要对一个会导致多个行为的按钮进行命名。比如说,点击一个按钮之后,会触发一个含有 5 种不同操作的菜单。这就说我所说的加载的暗喻(Loaded metaphors),因为我想出的词汇都应该具有某种含义。
下面是 iOS 加载时含有视觉暗喻的例子。看到左图中的“向上”的图标了没?点击这个图标就会打开右图。
如上图,这个向上的图标有很多含义。当你点击这个图标之后,你可以分享到 AirDrop、加入收藏、保存到 iBook 中、复制、甚至是在其它 App 中打开。
那你会如何命名这个图标呢?分享?添加?复制?打开?这个图标有太多的意义,以致于我们很难对它进行命名。
加载的暗喻经常使事物变的难以理解,因为它们往往是非常抽象的。
如果你发现你正在使用一个加载的暗喻,那么这可能意味着你在一个概念里包含了太多的意义。为了更直观的体验,你可以需要思考是否可以把这些东西分离出来或者对这些东西按照一定的方式进行分类。
掌握暗喻
现在,相信你已经了解暗喻在设计世界中的重要作用。在暗喻的帮助下,你可以通过映射到真实世界的事物来表达它的含义。
如果你是一个设计师、插画家或作家,有时很难找到准确的暗喻来表达某种概念,尤其是复杂的概念。没关系,我这里有一些工具可以帮助你进行暗喻的头脑风暴。
- Noun Project
Noun Project 是一个巨型图标库,它几乎包含所有东西。比如,输入一个单词 “ start ” ,之后你会看到所有和这个单词相关的图标,start 的主页图标、start 的启动版图标等等。无论你是设计师、插画家或作家,这都可以是你灵感的源泉。
- Google Images
如果在 Noun Project 上找不到你想要的东西,那么试试 Google Images 吧。搜索结果可能会有点杂乱,但是你可能会发现好东西哦。如果你搜索 “ 创意 ”,你可以会发现各种创意的暗喻,比如,创意是颜色、创意是灯泡、创意是艺术 等灯。
- Thesaurus
Meg Robichaud 是 Shopify 最厉害的插画师之一。在她的故事中,她解释了为什么 thesaurus 是插画师最常使用的工具之一。那到底是为什么呢?因为它可以帮助你从不同的角度看一个事物。如果你搜索 “提高”,你会发现像升起、抛光、大步走灯灯想法,这些都是非常与众不同的暗喻。
- Idiom dictionary
Idiom dictionary (成语字典)是撰稿人的秘密武器。它不是所有东西的灵丹妙药,但是当你寻找聪明或创造性的暗喻时,你会发现它十分有用。很多成语都是以物理世界为基础,当你想要为人们绘制心理图时,成语尤其有用。
- Wordnik
Wordnik 是世界上最大的在线英语字典。它最厉害的部分是关于“关系”的部分。除了同义词,它还会提供在类似的语境中寻找单词和其它相关单词的功能。结果看起来是随机的,但是当你想快速获得很多灵感时,Wordnik 就能成为你的救命稻草。
暗喻是合理的
暗喻赋予我们周围世界的某种含义。它们帮助我们理解复杂的想法。
我们的世界有时会变的非常奇怪,但是幸亏有暗喻,它让我们有机会谈论我们的世界。
暗喻把互联网比喻成一朵云,把爱比喻成战场,把时间比喻成金钱。暗喻是不是很神奇?
而且我们都经常使用暗喻,那么我想你可以说我们都是魔法师 。
当然,是从暗喻的角度说的。
了解更多
如果你想了解更多关于暗喻的知识,这里有一些资源哦:
Metaphorically speaking ,James Geary 的 TED 演讲
Metaphors We Live By , George Lakoff 和 Mark Johnson 合著书的 Amazon 购买链接
Using Metaphor in Product Illustration , Meg Robichaud 发布在 Medium 上的文章
Why Metaphors Matter for App Designers , Maggie Appleton 发布在 Medium 上的文章
— 全文完 —
感谢阅读!
原文:Making up metaphors
来源:medium
作者:John Saito @Dropbox. Previously @YouTube and @Google
作者 Q_misky
关键字:产品设计, 暗喻, Metaphors
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!