情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

今儿聊 4 个 iPhone 图标和它背后有趣的传奇故事。

苹果产品中那些鲜为人知的设计,经常玩些小彩蛋来撩动人心。如此精心设计的细节就让我「用心」的去扒一扒藏着深处等待被看见的故事。一起盘盘 4 个故事里,哪个设计一步小心撩到你了?

苹果工作轶事:

一、Face ID 面容 「微笑图标」

在 iPhone X 之后「人脸解锁」的功能对这个图标应该很熟悉啦,也就是面容 ID 解锁,这个 Face ID 笑脸图标其实是几十年前的电脑开机画面!

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

笑脸图标诞生在一本 2.5 美元的速写本,其作者是 Susankare“人称 icon 之母”(画外音:速写本的每个四方格对应屏幕上的一个像素,所以速写本就算是图标的始祖)

Susan Kare 是个有思想力的艺术家,性格平和谦逊,造就她的设计风格:亲和、自然、流畅、寓意深远。也因此开启一种全新的、用户友好的计算界面构建原型。深入了解她和她的团队对冰冷的电脑界面的改造,人性化、直观,吸引力的设计理念是深入人心,这也使之奠定成 Macintosh 视觉和用户体验的重要基础。

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

1983—1986 为Apple从事电脑图标设计,在苹果企业的第一份工作是为Mac OS设计字体。仅仅一年时间,她建立了Macintosh的核心视觉语言,包括图标和众多字体,并构成了Apple产品最初的视觉体验。

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

Susan Kare 为 Mac 电脑设计的原始图标和字体具有革命性的意义,它们给没有生命的电脑带来了温暖和个性,至今的 Mac 仍在使用它们。

我想这也是苹果 Face ID 使用笑脸图标,以此致敬作者本身、也是对她开创的“亲和、自然、流畅”设计语言的一种肯定吧。

「故事叨叨」

我的心动点:把自己作为方法

设计师的个人品质决定了设计产品的最终呈现形态,卓越设计前提努力成为卓越的人;用自己的方式传达的观点,用设计进行交流传递价值。

设计思考点:设计语言的力量

设计语言可以温柔且富有个性,可以赋予冰冷的物品是更具人性化、富有沟通力。

二、Safari 阅读列表:「圆形眼镜」

你留意过 Safaria 浏览器里的图标吗?为什么是眼镜?为什么是圆形眼镜?

其实,浏览器里藏着一副乔布斯的眼镜。Safaria 浏览器 Reading List 的图标从 iOS 7 开始变成了乔老爷子经典的圆形眼镜。

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

乔布斯先生在发布完 iPhone4 后就离世了,给世界留下的创新+艺术+商业+迎合未来的产品和思想,绝对是笔超级财富。iOS7 的 Add to Reading List(阅读列表)图标发生了变化,从 iOS6 中的那个款型变成了乔布斯眼镜的款型。

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

「故事叨叨」

我的心动点:你在浏览器里看世界,看世界的人在用眼镜看你

他不是神,他是个普通人,但他所做的一切,都会在历史上留下浓重的一笔。让世界变得更美更好的人,理应值得铭记。

设计思考点:情怀/价值设计,也可以很品牌(苹果)

找到一种能赋予你的品牌以特殊意义,并能够在与用户进行互动的接触点上体现你设计价值的信念。

三、桌面 Safari「指南针图标」

不知道你发现了没有呢。在 iOS 11 Beta 4 的图标设计中,Safari 的指针朝向发生了轻微的偏移。而做出这样微小的改变是因为在现实地球中的地磁北极也在持续的发生变化,在过去的 150 年里向北移动了超过 1000 公里。这比之前 400 年的移动速度有所提高。

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

地磁北极继续“跑偏”,你还能找到北吗?科学家发现,地磁北极正以一年近 64 公里的速度,向俄罗斯西伯利亚方向移动,2011 年美国佛罗里达州坦帕国际机场因为地磁方位出现改变,要更改跑道编码,方便飞行员用指南针协助飞机起降。按目前速度计算,50 年后地磁北极将从加拿大北部挪到西伯利亚。

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

地磁北极正加速偏移目前不会影响手机导航,但是影响了桌面 Safari「指南针图标」

「故事叨叨」

我的心动点:想点大事,一种纵观全局的思维方式

我们每个人都生活在一个比自己大得多的世界之中,每个人都需要面对超出自身感受的事件和趋势。用有大的思维格局,在小的行动都是有会更有价值。

设计思考点:大思维里小改变,情绪回应

面对大事除了感叹外,作为一名「设计师」通过图标微小的改变来回应、传递让人产生情感通感,调动人原始的感觉和情绪。

四、Emoji 里的「备忘录」

细心的用户一定知道的 emoji 表情藏匿的设计细节,比如「地球」的表情,会根据你打字是输入位置、习惯匹配不同的大洋洲图形。当你以为和朋友打出是同一个地球其实...实际....可能...它们长的并不一样哦 。不过,这个不是我们今天的主角,大家聊聊「备忘录」极富情怀的设计。

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

放大后,很容易看到上面有设计的细节,图标里面内嵌了文字;继续放到文字,可以看到这样的一段英文。

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

我….给大家翻译(百)翻译(度)

Here’s to the crazy ones.

向那些疯狂的家伙们致敬。

The misfits. The rebels. The troublemakers. The round pegs in the square holes

他们特立独行,他们桀惊不逊,他们惹是生非,他们格格不入。

The ones who see things differently.

他们用与众不同的眼光看待事物。

They’re not fond of rules.

他们不喜欢墨守成规

这段文本摘录:苹果经典广告:“ Think Different(非同凡响)”。只有那些疯狂到以为自己能改变世界的人,才能真正的改变世界。

当我第一眼看到这个段话时,内心确实被打动了。除了文案本身写的不错外,更让人动容的是设计师埋进图标的细节(把文字放到备忘录的图标颇有意境)。纵观整个历史,真正的梦想家总是逆潮而上、想法与众不同,每次打出「备忘录」图标时,好像时刻提醒“想点不同吧,在备忘录记下你与世界不同的想法,即使看上去这些想法与世界格格不入。”

「故事叨叨」

我的心动点:致敬疯子,文案撩动并攻击了我那该死的文学情怀;

设计思考点:情感设计不止“表面部分”,关心那些隐藏部分,可以潜入情绪深处,在心灵深处触动。细节已经不再单单是细节,所有一切都同等重要。

最后想说

  1. Face ID 面容 「微笑图标」之 设计语言的力量
  2. Safari 阅读列表「圆形眼镜」之 情怀设计很品牌
  3. 桌面 Safari「指南针图标」之大思维里小改变,情绪回应
  4. Emoji 里的「备忘录」情感设计不止“表面部分”

以上4个 iPhone 上的图标,藏在设计背后的故事都是在历史上留下浓重的一笔、让世界变得更美更好的人或事。通过小小设计彩蛋去致敬经典,是设计师这个职业拥有的情感价值。

也许还有很多我们不知道但早就被精心设计的细节等待被发现。在整理上述设计细节时,一位网友评论也引起我的一点小小思考

情感化设计案例!4个鲜为人知的苹果图标细节和背后的有趣故事

我的疑惑

这些细节设计真正的价值点是什么在于?(难道大费周章只为了打动你吗?)

设计带来的某种情绪和感受,能对商业有多少的推动力?(人愿意为情绪感受买单)

有一个产品价值的公式:产品价值=功能价值+情绪价值+资产价值,

为了探究情绪价值的设计原则带着这样的困惑,我翻阅看了两本关于苹果设计两本书籍《苹果的品牌设计之道》《苹果的产品设计之道》,和大家浅浅的分享。

观点 1: 设计改变一切 ,美观、创新和魅力造就独一无二的竞争优势

一些公司和品牌(以及个人)天生就独具魅力,这种与生俱来的魅力部分来自 DNA 遗传。但建立并维持那样的魅力需要耗费大量的时间、资源、才智和强大的领导力。若长时间致力于设计的方式将会给自己产品打造超凡的魅力。

观点 2: 以人为本的情感化设计

怀抱着一种以人为本的设计理念,这种方式不仅要求设计师能够理解别人的感受,实际上还要深入细节,在产品的细节上投入巨大,图标形象能有力地传递让人产生通感,调动人原始的感觉和情绪,带来美好的感受。

我的小感悟

刻进产品 DNA 的是人性化原理 —— 情感化设计。

情感魅力是我们每个人的终极追求,相信设计的力量并用设计去创造情感共鸣,也许这个方法让产品、服务脱颖而出吧~

课后小思考

  1. 你有多大程度会为产品的情绪情怀买单?
  2. 有没有发现生活中的其他的设计小彩蛋呢?
收藏 67
点赞 58

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。