情感化設(shè)計(jì)案例！4個(gè)鮮為人知的蘋果圖標(biāo)細(xì)節(jié)和背后的有趣故事

今兒聊 4 個(gè) iPhone 圖標(biāo)和它背后有趣的傳奇故事。

蘋果產(chǎn)品中那些鮮為人知的設(shè)計(jì)，經(jīng)常玩些小彩蛋來撩動人心。如此精心設(shè)計(jì)的細(xì)節(jié)就讓我「用心」的去扒一扒藏著深處等待被看見的故事。一起盤盤 4 個(gè)故事里，哪個(gè)設(shè)計(jì)一步小心撩到你了？

蘋果工作軼事：

一、Face ID 面容 「微笑圖標(biāo)」

在 iPhone X 之后「人臉解鎖」的功能對這個(gè)圖標(biāo)應(yīng)該很熟悉啦，也就是面容 ID 解鎖，這個(gè) Face ID 笑臉圖標(biāo)其實(shí)是幾十年前的電腦開機(jī)畫面!

笑臉圖標(biāo)誕生在一本 2.5 美元的速寫本，其作者是 Susankare“人稱 icon 之母”（畫外音：速寫本的每個(gè)四方格對應(yīng)屏幕上的一個(gè)像素，所以速寫本就算是圖標(biāo)的始祖）

Susan Kare 是個(gè)有思想力的藝術(shù)家，性格平和謙遜，造就她的設(shè)計(jì)風(fēng)格：親和、自然、流暢、寓意深遠(yuǎn)。也因此開啟一種全新的、用戶友好的計(jì)算界面構(gòu)建原型。深入了解她和她的團(tuán)隊(duì)對冰冷的電腦界面的改造，人性化、直觀，吸引力的設(shè)計(jì)理念是深入人心，這也使之奠定成 Macintosh 視覺和用戶體驗(yàn)的重要基礎(chǔ)。

1983—1986 為Apple從事電腦圖標(biāo)設(shè)計(jì)，在蘋果企業(yè)的第一份工作是為Mac OS設(shè)計(jì)字體。僅僅一年時(shí)間，她建立了Macintosh的核心視覺語言，包括圖標(biāo)和眾多字體，并構(gòu)成了Apple產(chǎn)品最初的視覺體驗(yàn)。

Susan Kare 為 Mac 電腦設(shè)計(jì)的原始圖標(biāo)和字體具有革命性的意義，它們給沒有生命的電腦帶來了溫暖和個(gè)性，至今的 Mac 仍在使用它們。

我想這也是蘋果 Face ID 使用笑臉圖標(biāo)，以此致敬作者本身、也是對她開創(chuàng)的“親和、自然、流暢”設(shè)計(jì)語言的一種肯定吧。

「故事叨叨」

我的心動點(diǎn)：把自己作為方法

設(shè)計(jì)師的個(gè)人品質(zhì)決定了設(shè)計(jì)產(chǎn)品的最終呈現(xiàn)形態(tài)，卓越設(shè)計(jì)前提努力成為卓越的人；用自己的方式傳達(dá)的觀點(diǎn)，用設(shè)計(jì)進(jìn)行交流傳遞價(jià)值。

設(shè)計(jì)思考點(diǎn)：設(shè)計(jì)語言的力量

設(shè)計(jì)語言可以溫柔且富有個(gè)性，可以賦予冰冷的物品是更具人性化、富有溝通力。

二、Safari 閱讀列表：「圓形眼鏡」

你留意過 Safaria 瀏覽器里的圖標(biāo)嗎？為什么是眼鏡？為什么是圓形眼鏡？

其實(shí)，瀏覽器里藏著一副喬布斯的眼鏡。Safaria 瀏覽器 Reading List 的圖標(biāo)從 iOS 7 開始變成了喬老爺子經(jīng)典的圓形眼鏡。

喬布斯先生在發(fā)布完 iPhone4 后就離世了，給世界留下的創(chuàng)新+藝術(shù)+商業(yè)+迎合未來的產(chǎn)品和思想，絕對是筆超級財(cái)富。iOS7 的 Add to Reading List（閱讀列表）圖標(biāo)發(fā)生了變化，從 iOS6 中的那個(gè)款型變成了喬布斯眼鏡的款型。

「故事叨叨」

我的心動點(diǎn)：你在瀏覽器里看世界，看世界的人在用眼鏡看你

他不是神，他是個(gè)普通人，但他所做的一切，都會在歷史上留下濃重的一筆。讓世界變得更美更好的人，理應(yīng)值得銘記。

設(shè)計(jì)思考點(diǎn)：情懷/價(jià)值設(shè)計(jì)，也可以很品牌（蘋果）

找到一種能賦予你的品牌以特殊意義，并能夠在與用戶進(jìn)行互動的接觸點(diǎn)上體現(xiàn)你設(shè)計(jì)價(jià)值的信念。

三、桌面 Safari「指南針圖標(biāo)」

不知道你發(fā)現(xiàn)了沒有呢。在 iOS 11 Beta 4 的圖標(biāo)設(shè)計(jì)中，Safari 的指針朝向發(fā)生了輕微的偏移。而做出這樣微小的改變是因?yàn)樵诂F(xiàn)實(shí)地球中的地磁北極也在持續(xù)的發(fā)生變化，在過去的 150 年里向北移動了超過 1000 公里。這比之前 400 年的移動速度有所提高。

地磁北極繼續(xù)“跑偏”，你還能找到北嗎？科學(xué)家發(fā)現(xiàn)，地磁北極正以一年近 64 公里的速度，向俄羅斯西伯利亞方向移動，2011 年美國佛羅里達(dá)州坦帕國際機(jī)場因?yàn)榈卮欧轿怀霈F(xiàn)改變，要更改跑道編碼，方便飛行員用指南針協(xié)助飛機(jī)起降。按目前速度計(jì)算，50 年后地磁北極將從加拿大北部挪到西伯利亞。

地磁北極正加速偏移目前不會影響手機(jī)導(dǎo)航，但是影響了桌面 Safari「指南針圖標(biāo)」

「故事叨叨」

我的心動點(diǎn)：想點(diǎn)大事，一種縱觀全局的思維方式

我們每個(gè)人都生活在一個(gè)比自己大得多的世界之中，每個(gè)人都需要面對超出自身感受的事件和趨勢。用有大的思維格局，在小的行動都是有會更有價(jià)值。

設(shè)計(jì)思考點(diǎn)：大思維里小改變，情緒回應(yīng)

面對大事除了感嘆外，作為一名「設(shè)計(jì)師」通過圖標(biāo)微小的改變來回應(yīng)、傳遞讓人產(chǎn)生情感通感，調(diào)動人原始的感覺和情緒。

四、Emoji 里的「備忘錄」

細(xì)心的用戶一定知道的 emoji 表情藏匿的設(shè)計(jì)細(xì)節(jié)，比如「地球」的表情，會根據(jù)你打字是輸入位置、習(xí)慣匹配不同的大洋洲圖形。當(dāng)你以為和朋友打出是同一個(gè)地球其實(shí)...實(shí)際....可能...它們長的并不一樣哦 。不過，這個(gè)不是我們今天的主角，大家聊聊「備忘錄」極富情懷的設(shè)計(jì)。

放大后，很容易看到上面有設(shè)計(jì)的細(xì)節(jié)，圖標(biāo)里面內(nèi)嵌了文字；繼續(xù)放到文字，可以看到這樣的一段英文。

我….給大家翻譯（百）翻譯（度）

Here’s to the crazy ones.

向那些瘋狂的家伙們致敬。

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

他們特立獨(dú)行，他們桀驚不遜，他們?nèi)鞘巧牵麄兏窀癫蝗搿?/p>

The ones who see things differently.

他們用與眾不同的眼光看待事物。

They’re not fond of rules.

他們不喜歡墨守成規(guī)

這段文本摘錄：蘋果經(jīng)典廣告：“ Think Different（非同凡響）”。只有那些瘋狂到以為自己能改變世界的人，才能真正的改變世界。

當(dāng)我第一眼看到這個(gè)段話時(shí)，內(nèi)心確實(shí)被打動了。除了文案本身寫的不錯(cuò)外，更讓人動容的是設(shè)計(jì)師埋進(jìn)圖標(biāo)的細(xì)節(jié)（把文字放到備忘錄的圖標(biāo)頗有意境）。縱觀整個(gè)歷史，真正的夢想家總是逆潮而上、想法與眾不同，每次打出「備忘錄」圖標(biāo)時(shí)，好像時(shí)刻提醒“想點(diǎn)不同吧，在備忘錄記下你與世界不同的想法，即使看上去這些想法與世界格格不入。”

「故事叨叨」

我的心動點(diǎn)：致敬瘋子，文案撩動并攻擊了我那該死的文學(xué)情懷；

設(shè)計(jì)思考點(diǎn)：情感設(shè)計(jì)不止“表面部分”，關(guān)心那些隱藏部分，可以潛入情緒深處，在心靈深處觸動。細(xì)節(jié)已經(jīng)不再單單是細(xì)節(jié)，所有一切都同等重要。

最后想說

1. Face ID 面容 「微笑圖標(biāo)」之 設(shè)計(jì)語言的力量
2. Safari 閱讀列表「圓形眼鏡」之 情懷設(shè)計(jì)很品牌
3. 桌面 Safari「指南針圖標(biāo)」之大思維里小改變，情緒回應(yīng)
4. Emoji 里的「備忘錄」情感設(shè)計(jì)不止“表面部分”

以上4個(gè) iPhone 上的圖標(biāo)，藏在設(shè)計(jì)背后的故事都是在歷史上留下濃重的一筆、讓世界變得更美更好的人或事。通過小小設(shè)計(jì)彩蛋去致敬經(jīng)典，是設(shè)計(jì)師這個(gè)職業(yè)擁有的情感價(jià)值。

也許還有很多我們不知道但早就被精心設(shè)計(jì)的細(xì)節(jié)等待被發(fā)現(xiàn)。在整理上述設(shè)計(jì)細(xì)節(jié)時(shí)，一位網(wǎng)友評論也引起我的一點(diǎn)小小思考

我的疑惑

這些細(xì)節(jié)設(shè)計(jì)真正的價(jià)值點(diǎn)是什么在于？（難道大費(fèi)周章只為了打動你嗎？）

設(shè)計(jì)帶來的某種情緒和感受，能對商業(yè)有多少的推動力？（人愿意為情緒感受買單）

有一個(gè)產(chǎn)品價(jià)值的公式：產(chǎn)品價(jià)值=功能價(jià)值+情緒價(jià)值+資產(chǎn)價(jià)值，

為了探究情緒價(jià)值的設(shè)計(jì)原則帶著這樣的困惑，我翻閱看了兩本關(guān)于蘋果設(shè)計(jì)兩本書籍《蘋果的品牌設(shè)計(jì)之道》《蘋果的產(chǎn)品設(shè)計(jì)之道》，和大家淺淺的分享。

觀點(diǎn) 1: 設(shè)計(jì)改變一切 ，美觀、創(chuàng)新和魅力造就獨(dú)一無二的競爭優(yōu)勢

一些公司和品牌（以及個(gè)人）天生就獨(dú)具魅力，這種與生俱來的魅力部分來自 DNA 遺傳。但建立并維持那樣的魅力需要耗費(fèi)大量的時(shí)間、資源、才智和強(qiáng)大的領(lǐng)導(dǎo)力。若長時(shí)間致力于設(shè)計(jì)的方式將會給自己產(chǎn)品打造超凡的魅力。

觀點(diǎn) 2: 以人為本的情感化設(shè)計(jì)

懷抱著一種以人為本的設(shè)計(jì)理念，這種方式不僅要求設(shè)計(jì)師能夠理解別人的感受，實(shí)際上還要深入細(xì)節(jié)，在產(chǎn)品的細(xì)節(jié)上投入巨大，圖標(biāo)形象能有力地傳遞讓人產(chǎn)生通感，調(diào)動人原始的感覺和情緒，帶來美好的感受。

我的小感悟

刻進(jìn)產(chǎn)品 DNA 的是人性化原理 —— 情感化設(shè)計(jì)。

情感魅力是我們每個(gè)人的終極追求，相信設(shè)計(jì)的力量并用設(shè)計(jì)去創(chuàng)造情感共鳴，也許這個(gè)方法讓產(chǎn)品、服務(wù)脫穎而出吧～

課后小思考

1. 你有多大程度會為產(chǎn)品的情緒情懷買單？
2. 有沒有發(fā)現(xiàn)生活中的其他的設(shè)計(jì)小彩蛋呢？