情感化設計案例!4個鮮為人知的蘋果圖標細節(jié)和背后的有趣故事
今兒聊 4 個 iPhone 圖標和它背后有趣的傳奇故事。
蘋果產(chǎn)品中那些鮮為人知的設計,經(jīng)常玩些小彩蛋來撩動人心。如此精心設計的細節(jié)就讓我「用心」的去扒一扒藏著深處等待被看見的故事。一起盤盤 4 個故事里,哪個設計一步小心撩到你了?
一、Face ID 面容 「微笑圖標」
在 iPhone X 之后「人臉解鎖」的功能對這個圖標應該很熟悉啦,也就是面容 ID 解鎖,這個 Face ID 笑臉圖標其實是幾十年前的電腦開機畫面!
笑臉圖標誕生在一本 2.5 美元的速寫本,其作者是 Susankare"人稱 icon 之母"(畫外音:速寫本的每個四方格對應屏幕上的一個像素,所以速寫本就算是圖標的始祖)
Susan Kare 是個有思想力的藝術家,性格平和謙遜,造就她的設計風格:親和、自然、流暢、寓意深遠。也因此開啟一種全新的、用戶友好的計算界面構建原型。深入了解她和她的團隊對冰冷的電腦界面的改造,人性化、直觀,吸引力的設計理念是深入人心,這也使之奠定成 Macintosh 視覺和用戶體驗的重要基礎。
1983—1986 為Apple從事電腦圖標設計,在蘋果企業(yè)的第一份工作是為Mac OS設計字體。僅僅一年時間,她建立了Macintosh的核心視覺語言,包括圖標和眾多字體,并構成了Apple產(chǎn)品最初的視覺體驗。
Susan Kare 為 Mac 電腦設計的原始圖標和字體具有革命性的意義,它們給沒有生命的電腦帶來了溫暖和個性,至今的 Mac 仍在使用它們。
我想這也是蘋果 Face ID 使用笑臉圖標,以此致敬作者本身、也是對她開創(chuàng)的"親和、自然、流暢"設計語言的一種肯定吧。
「故事叨叨」
我的心動點:把自己作為方法
設計師的個人品質決定了設計產(chǎn)品的最終呈現(xiàn)形態(tài),卓越設計前提努力成為卓越的人;用自己的方式傳達的觀點,用設計進行交流傳遞價值。
設計思考點:設計語言的力量
設計語言可以溫柔且富有個性,可以賦予冰冷的物品是更具人性化、富有溝通力。
二、Safari 閱讀列表:「圓形眼鏡」
你留意過 Safaria 瀏覽器里的圖標嗎?為什么是眼鏡?為什么是圓形眼鏡?
其實,瀏覽器里藏著一副喬布斯的眼鏡。Safaria 瀏覽器 Reading List 的圖標從 iOS 7 開始變成了喬老爺子經(jīng)典的圓形眼鏡。
喬布斯先生在發(fā)布完 iPhone4 后就離世了,給世界留下的創(chuàng)新+藝術+商業(yè)+迎合未來的產(chǎn)品和思想,絕對是筆超級財富。iOS7 的 Add to Reading List(閱讀列表)圖標發(fā)生了變化,從 iOS6 中的那個款型變成了喬布斯眼鏡的款型。
「故事叨叨」
我的心動點:你在瀏覽器里看世界,看世界的人在用眼鏡看你
他不是神,他是個普通人,但他所做的一切,都會在歷史上留下濃重的一筆。讓世界變得更美更好的人,理應值得銘記。
設計思考點:情懷/價值設計,也可以很品牌(蘋果)
找到一種能賦予你的品牌以特殊意義,并能夠在與用戶進行互動的接觸點上體現(xiàn)你設計價值的信念。
三、桌面 Safari「指南針圖標」
不知道你發(fā)現(xiàn)了沒有呢。在 iOS 11 Beta 4 的圖標設計中,Safari 的指針朝向發(fā)生了輕微的偏移。而做出這樣微小的改變是因為在現(xiàn)實地球中的地磁北極也在持續(xù)的發(fā)生變化,在過去的 150 年里向北移動了超過 1000 公里。這比之前 400 年的移動速度有所提高。
地磁北極繼續(xù)"跑偏",你還能找到北嗎?科學家發(fā)現(xiàn),地磁北極正以一年近 64 公里的速度,向俄羅斯西伯利亞方向移動,2011 年美國佛羅里達州坦帕國際機場因為地磁方位出現(xiàn)改變,要更改跑道編碼,方便飛行員用指南針協(xié)助飛機起降。按目前速度計算,50 年后地磁北極將從加拿大北部挪到西伯利亞。
地磁北極正加速偏移目前不會影響手機導航,但是影響了桌面 Safari「指南針圖標」
「故事叨叨」
我的心動點:想點大事,一種縱觀全局的思維方式
我們每個人都生活在一個比自己大得多的世界之中,每個人都需要面對超出自身感受的事件和趨勢。用有大的思維格局,在小的行動都是有會更有價值。
設計思考點:大思維里小改變,情緒回應
面對大事除了感嘆外,作為一名「設計師」通過圖標微小的改變來回應、傳遞讓人產(chǎn)生情感通感,調動人原始的感覺和情緒。
四、Emoji 里的「備忘錄」
細心的用戶一定知道的 emoji 表情藏匿的設計細節(jié),比如「地球」的表情,會根據(jù)你打字是輸入位置、習慣匹配不同的大洋洲圖形。當你以為和朋友打出是同一個地球其實...實際....可能...它們長的并不一樣哦 。不過,這個不是我們今天的主角,大家聊聊「備忘錄」極富情懷的設計。
放大后,很容易看到上面有設計的細節(jié),圖標里面內嵌了文字;繼續(xù)放到文字,可以看到這樣的一段英文。
我….給大家翻譯(百)翻譯(度)
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.
他們不喜歡墨守成規(guī)
這段文本摘錄:蘋果經(jīng)典廣告:" Think Different(非同凡響)"。只有那些瘋狂到以為自己能改變世界的人,才能真正的改變世界。
當我第一眼看到這個段話時,內心確實被打動了。除了文案本身寫的不錯外,更讓人動容的是設計師埋進圖標的細節(jié)(把文字放到備忘錄的圖標頗有意境)。縱觀整個歷史,真正的夢想家總是逆潮而上、想法與眾不同,每次打出「備忘錄」圖標時,好像時刻提醒"想點不同吧,在備忘錄記下你與世界不同的想法,即使看上去這些想法與世界格格不入。"
「故事叨叨」
我的心動點:致敬瘋子,文案撩動并攻擊了我那該死的文學情懷;
設計思考點:情感設計不止"表面部分",關心那些隱藏部分,可以潛入情緒深處,在心靈深處觸動。細節(jié)已經(jīng)不再單單是細節(jié),所有一切都同等重要。
最后想說
- Face ID 面容 「微笑圖標」之 設計語言的力量
- Safari 閱讀列表「圓形眼鏡」之 情懷設計很品牌
- 桌面 Safari「指南針圖標」之大思維里小改變,情緒回應
- Emoji 里的「備忘錄」情感設計不止"表面部分"
以上4個 iPhone 上的圖標,藏在設計背后的故事都是在歷史上留下濃重的一筆、讓世界變得更美更好的人或事。通過小小設計彩蛋去致敬經(jīng)典,是設計師這個職業(yè)擁有的情感價值。
也許還有很多我們不知道但早就被精心設計的細節(jié)等待被發(fā)現(xiàn)。在整理上述設計細節(jié)時,一位網(wǎng)友評論也引起我的一點小小思考
我的疑惑
這些細節(jié)設計真正的價值點是什么在于?(難道大費周章只為了打動你嗎?)
設計帶來的某種情緒和感受,能對商業(yè)有多少的推動力?(人愿意為情緒感受買單)
有一個產(chǎn)品價值的公式:產(chǎn)品價值=功能價值+情緒價值+資產(chǎn)價值,
為了探究情緒價值的設計原則帶著這樣的困惑,我翻閱看了兩本關于蘋果設計兩本書籍《蘋果的品牌設計之道》《蘋果的產(chǎn)品設計之道》,和大家淺淺的分享。
觀點 1: 設計改變一切 ,美觀、創(chuàng)新和魅力造就獨一無二的競爭優(yōu)勢
一些公司和品牌(以及個人)天生就獨具魅力,這種與生俱來的魅力部分來自 DNA 遺傳。但建立并維持那樣的魅力需要耗費大量的時間、資源、才智和強大的領導力。若長時間致力于設計的方式將會給自己產(chǎn)品打造超凡的魅力。
觀點 2: 以人為本的情感化設計
懷抱著一種以人為本的設計理念,這種方式不僅要求設計師能夠理解別人的感受,實際上還要深入細節(jié),在產(chǎn)品的細節(jié)上投入巨大,圖標形象能有力地傳遞讓人產(chǎn)生通感,調動人原始的感覺和情緒,帶來美好的感受。
我的小感悟
刻進產(chǎn)品 DNA 的是人性化原理 —— 情感化設計。
情感魅力是我們每個人的終極追求,相信設計的力量并用設計去創(chuàng)造情感共鳴,也許這個方法讓產(chǎn)品、服務脫穎而出吧~
作者:Monster
想了解更多網(wǎng)站技術的內容,請訪問:網(wǎng)站技術