當(dāng)前位置: 首頁(yè) > 設(shè)計(jì)資訊 > 理論文摘 > 正文

蘋果應(yīng)用圖標(biāo)設(shè)計(jì)路程

2019-09-16 1589 0

Apple Health Icon
每隔一段時(shí)間 Apple 總能“發(fā)明”一個(gè)讓人要捂臉的詞語,通過發(fā)布會(huì)或介紹視頻,比如 iPhone 5c 發(fā)布時(shí)的“Unapologetically”,去年的 iPhone 7 發(fā)布會(huì)上在解釋為什么去掉 3.5mm 耳機(jī)孔時(shí),使用了“Courage”這個(gè)詞。Phil Schiller 在發(fā)布會(huì)上說 Apple 去掉傳統(tǒng)耳機(jī)孔的理由可以歸結(jié)到“勇氣”這一個(gè)詞,邁向未來和做一些讓我們所有人都會(huì)受益的事情的勇氣。“勇氣”這個(gè)詞一出,就像是一個(gè)炸彈扔到了正在看直播的人群中,人們紛紛在 Twitter 上曬出 Apple 那些具有“勇氣”的設(shè)計(jì)來回應(yīng),需要翻身才能充電的 Magic Mouse 2,插在 iPad Pro 上充電的 Apple Pencil,各種轉(zhuǎn)接頭,等等。做出這些設(shè)計(jì)可能是需要一些勇氣,因?yàn)樵O(shè)計(jì)師能預(yù)計(jì)到大眾對(duì)這些設(shè)計(jì)的反應(yīng),工業(yè)設(shè)計(jì)也同 Logo 設(shè)計(jì)一樣,設(shè)計(jì)評(píng)論成了一種群體性的觀賞體育運(yùn)動(dòng)(Spectator Sport),每一個(gè)人都有他自己的意見。

這些觀眾在看到設(shè)計(jì)后就立刻表達(dá)自己的評(píng)論意見,如果錯(cuò)過這個(gè)時(shí)間點(diǎn)評(píng)論將失去意義了,作出評(píng)論的速度之快就像是,在這些觀眾眼里,設(shè)計(jì)師完成這個(gè)設(shè)計(jì)也是剎那之間的事。如果設(shè)計(jì)是剎那之間完成的事,沒有反復(fù)辯論和驗(yàn)證,任意草率地作出決定,那就只是魯莽而不是勇氣了。

勇氣是指挑戰(zhàn)習(xí)俗和規(guī)矩的決心,習(xí)俗和規(guī)矩的一部分就蘊(yùn)含在那些觀眾的即時(shí)評(píng)論之中,除了極少數(shù)是為了挑戰(zhàn)而挑戰(zhàn)之外,對(duì)習(xí)俗和規(guī)矩作出了挑戰(zhàn)說明已經(jīng)對(duì)其進(jìn)行了批判性的思考。有些挑戰(zhàn)的作出是顯而易見的,比如 3.5mm 的耳機(jī)接口將會(huì)消失,甚至是耳機(jī)物理接口的消失,似乎沒有人會(huì)反對(duì)未來是這樣的,那么勇氣就在于當(dāng)前的時(shí)間段是否合適;有些挑戰(zhàn)的緣由是能理解的,比如新一代的 MacBook Pro 的 Touch Bar 設(shè)計(jì)的一個(gè)主要緣由是原先占據(jù)此位置的功能鍵有著極少的使用率,那么勇氣就在于新的設(shè)計(jì)是否維持原先的一體性,并且能否說服用戶這不是替代而是一種升級(jí)并且能夠預(yù)示未來;而有點(diǎn)挑戰(zhàn)則是超出用戶當(dāng)前認(rèn)知范圍但又認(rèn)定是未來的正確方向,甚至與其習(xí)慣背道而馳的,而且用戶需要一定的接受和適應(yīng)的時(shí)間,因此,甚至?xí)づ欢ǖ挠脩羧后w。因科技帶來的更新而作出的改變是容易被理解和接受的,而因?qū)徝婪妒阶鞒龅母淖兺枰?jīng)受時(shí)間的考驗(yàn),其中有的可能頂不住第一波的反作力的抵制而被收回。

無疑四年前發(fā)布的 iOS 7 是最具勇氣的一個(gè)設(shè)計(jì),盡管在其發(fā)布前人們已經(jīng)討論所謂“扁平化”設(shè)計(jì)很久了,隨著當(dāng)時(shí)不停的傳言 iOS 將走向扁平化,似乎將潮流的趨勢(shì)推向了后來 iOS 將去的方向(也可以將這看作是試水民意的一種策略)。當(dāng)時(shí)已經(jīng)有扁平化的設(shè)計(jì)了,而且不少設(shè)計(jì)師也作出了一些概念設(shè)計(jì),這些概念設(shè)計(jì)是當(dāng)時(shí)的熟悉的扁平化風(fēng)格設(shè)計(jì)。沒有人知道 Apple 會(huì)是怎樣的設(shè)計(jì),而當(dāng) iOS 7 發(fā)布時(shí),我想幾乎所有人,至少第一刻,無論是所謂的果粉還是果黑,還是一般人,像是被利劍刺中了,每個(gè)人都需要一些時(shí)間來治療傷口。四年后去回看發(fā)展歷程,同前 iOS 7 時(shí)代比較,同那些所謂“扁平化”設(shè)計(jì)作比較,以及同當(dāng)下其他移動(dòng)設(shè)備操作系統(tǒng)的界面設(shè)計(jì)去比較,無法否認(rèn) iOS 7 革新是 Apple 勇氣的最佳代表。

如果去細(xì)讀 iOS 7 的設(shè)計(jì),當(dāng)時(shí)給我沖擊最大的就是大量的官方應(yīng)用圖標(biāo)使用了純白色背景,iOS 11 有更多的圖標(biāo)使用的純白背景?,F(xiàn)在回頭去看,這是最讓我感到佩服的一個(gè)具體設(shè)計(jì),我現(xiàn)在很喜歡這些白色背景的應(yīng)用圖標(biāo)設(shè)計(jì)。而四年前,第一眼看到這些白色的圖標(biāo),一種感覺是似乎它觸犯了某種天條,另一種感覺是難道 Apple 的設(shè)計(jì)師這么草率,加上后來媒體報(bào)道說 Jony Ive 啟用的市場(chǎng)部門來負(fù)責(zé) iOS 的設(shè)計(jì)(實(shí)際上準(zhǔn)確說法是 Alan Dye 的平面設(shè)計(jì)部門),像是搖搖欲墜卻又被扶上馬的感覺。

這個(gè)被觸犯的“天條”是什么?就是四年后的今天,在其他移動(dòng)設(shè)備的操作系統(tǒng)上很少能看到純白色背景的系統(tǒng)應(yīng)用圖標(biāo),第三方的應(yīng)用圖標(biāo)有一些是白色背景是為了同 iOS 版維持一致,為什么這些系統(tǒng)沒有跟進(jìn)呢?天條就是習(xí)慣和規(guī)則,Apple 的 Human Interface Guidelines 也會(huì)給出指引規(guī)則,但這些規(guī)則是基于經(jīng)過爭(zhēng)辯后的理性之上的,而被 iOS 7 應(yīng)用圖標(biāo)的白色背景所觸犯的“天條”是視覺經(jīng)驗(yàn)形成的審美習(xí)慣,它是累積而成的,并沒有經(jīng)過爭(zhēng)辯的。白色背景是我們認(rèn)為 Apple 設(shè)計(jì)師草率的一個(gè)原因,白色在我們看來是空白的背景,空出的未經(jīng)設(shè)計(jì)的,尤其是在前 iOS 7 時(shí)代的圖標(biāo)設(shè)計(jì)強(qiáng)調(diào)背景具有一定的豐富性,而在我們通常印象中,如果一個(gè)圖標(biāo)的背景是黑色還好一點(diǎn),因?yàn)槲覀冇袝r(shí)不會(huì)把白色看作是一種顏色。如果將白色看作是同其他顏色具有一樣的地位,它在喻示是一種空白之外,先是一種可以拿來填充的顏色,那么這些白色背景的圖標(biāo)就稍稍可以理解一點(diǎn)了。正因?yàn)榘咨哂锌瞻缀皖伾珒煞N表現(xiàn)力,在 iOS 的系統(tǒng)圖標(biāo)中,白色背景是使用最多的一種顏色,它帶來了豐富的“圖–底”視覺體驗(yàn)。

前 iOS 7 時(shí)代的圖標(biāo)設(shè)計(jì)用豐富來表現(xiàn),圖標(biāo)除了指向作用外,本身也是可品味的,而這種品味像是食用美食一般。一旦追求表現(xiàn)力的豐富,圓角四邊形就成了一種限制,面積上的限制,可以看到那一時(shí)期的第三方應(yīng)用的圖標(biāo)設(shè)計(jì),就像想方設(shè)法同輪廓作物理上的抗?fàn)?。這些圖標(biāo)有欣賞品味咂嘴的樂趣,但是明顯它的實(shí)際功用,以及蘊(yùn)含在實(shí)際功用中的審美樂趣就被占用了,Paul Rand 說過好的 Logo 能夠提供識(shí)別的快樂和意義的承諾(“the pleasure of recognition and the promise of meaning ”),而在那些擬物的圖標(biāo)上,這兩項(xiàng)都會(huì)被圖標(biāo)的精致刻畫給覆蓋了。

iOS 7 提供了一個(gè)光滑連續(xù)的圓角圖標(biāo),以及圖標(biāo)的網(wǎng)格系統(tǒng)指引,這讓白色在圖標(biāo)上的表現(xiàn)力被解放了,可以比較一下那些沒有作圖標(biāo)外輪廓統(tǒng)一的 Android 系統(tǒng),或者作了外輪廓統(tǒng)一但是幾何形態(tài)設(shè)計(jì)不考究的 Android 系統(tǒng),白色在其上就失去了表現(xiàn)力,試想在一個(gè)不夠飽滿沒有張力而且識(shí)別力差的外輪廓下去使用白色,將會(huì)是多一重干擾。如果將 iOS 的圖標(biāo)的外輪廓的圓角變小,比如接近正方形,那么白色部分就會(huì)脫離開來,就像是一個(gè)現(xiàn)成的彩色圖標(biāo)放在一個(gè)白色方塊之上;同樣如果在目前的白色背景上放一個(gè)更加寫實(shí)的圖標(biāo),白色背景也將獨(dú)立而出成為一塊底板;如果所有的圖標(biāo)都采用白色背景,那么這些圖標(biāo)也會(huì)被看成是一個(gè)彩色的圖標(biāo)放在一個(gè)統(tǒng)一的白色底板之上。或許使用白色背景的圖標(biāo)設(shè)計(jì)最忌諱的就是被看成一個(gè)彩色圖標(biāo)放在白色底板之上,也就只有雙層的疊加關(guān)系,而沒有同一平面上的“圖–底”關(guān)系。在這些白色背景的圖標(biāo)中,設(shè)計(jì)最安全的一種就是具有圓形外輪廓的比如 Safari 和 Photos,另外一種就是像 Music 和 Calendar 這種讓白色作為顏色來表現(xiàn)的,而像 Health 的這個(gè)圖標(biāo)則通過偏移加強(qiáng)了視覺,并且還可以通過位置帶來的寓意,帶來的“識(shí)別的快樂和意義的承諾”。

規(guī)則并不是壞事,就像 iOS 7 的白色背景圖標(biāo)如果失去一些規(guī)則的支撐,它將成為僅僅只為沖擊習(xí)慣和打破規(guī)則的混亂產(chǎn)物。Michael Bierut 在他的一篇文章中介紹了他進(jìn)入 Vignelli Associates 工作受到約束的那些規(guī)則,諸如“任何項(xiàng)目都不能超過兩種字體”,“即使是信箋和名片設(shè)計(jì),也要從模數(shù)網(wǎng)格開始”等等,并且展開說是如何得益于這些不成文的則的限制,在離開 Vignelli Associates 時(shí)他感覺終于可以擺脫這些規(guī)則的束縛,經(jīng)過一段“痛苦”自我放縱時(shí)期后又認(rèn)識(shí)到那些規(guī)則的價(jià)值,直到經(jīng)過設(shè)計(jì)師 Tibor Kalman 的點(diǎn)醒,意識(shí)到你是無法完全逃脫那些塑造你成長(zhǎng)的規(guī)矩的影響的,竅門是,每隔一段時(shí)間,“fuck them up a little”。

然而,除了這些促進(jìn)成長(zhǎng)的規(guī)則之外,還有很多來自各個(gè)方向的規(guī)則,它們都會(huì)影響我們,影響設(shè)計(jì),有些規(guī)則是可以辨明的,有些規(guī)則或許就是莫須有的,不成文的,或許就是習(xí)慣,習(xí)慣總是充滿陷阱,尤其在思考和批判力渙散或喪失時(shí),它會(huì)吞噬一切,所以靠著“fuck them up a little”是隔靴搔癢的,唯有直接正面沖撞。


15
評(píng)論區(qū)(0)
正在加載評(píng)論...