楊磊
2013年6月10日,蘋果在WWDC2013上發(fā)布了iOS7,一改以往的擬物風(fēng)格,將扁平化設(shè)計體現(xiàn)的淋漓盡致。雖然讓用戶對iOS的審美疲勞得到了緩解,但是從整體來看,扁平化的差異性體現(xiàn)完全沒有細(xì)節(jié)豐富的擬物化來的多。只靠顏色、線條、色彩等極簡元素區(qū)分圖標(biāo)并體現(xiàn)鮮明特色,也許會讓設(shè)計者們頭疼不已。
扁平化設(shè)計一詞很早就出現(xiàn)在設(shè)計領(lǐng)域,但是蘋果的iOS7發(fā)布又將其重新提升到了一個高度。近年來,蘋果公司的iOS給系統(tǒng)UI以及App圖標(biāo)的設(shè)計帶來了巨大影響,甚至點燃了通過設(shè)計獨特而華麗的圖標(biāo)達(dá)到營銷目的的興趣。
蘋果的“特權(quán)”
應(yīng)用程序圖標(biāo)是iOS平臺的主要設(shè)計元素,一個四邊倒圓的精美圖標(biāo),需要技巧和巨大想象力,也影響著用戶對某個應(yīng)用的第一眼印象是否良好。在iOS7之前,蘋果的設(shè)計一直都是偏擬物化,雖然固定的是一個四方形Logo,但是設(shè)計師的選擇依然有很多,這個四四方方的小窗口可以讓設(shè)計師們盡情地去展示自己的想象力和設(shè)計功底。
但是iOS7卻將之前的一切推翻,先不去追究這是蘋果的主意還是喬納森·艾維(JonathanIve)的主意(艾維原先職位是蘋果公司工業(yè)設(shè)計主管,在前軟件業(yè)務(wù)負(fù)責(zé)人斯科特去年秋天離職后,艾維開始負(fù)責(zé)軟件界面設(shè)計,iOS7就是出自其之手),這一切都來得突然了些。
蘋果的設(shè)計風(fēng)格,甚至所有系統(tǒng)界面的設(shè)計風(fēng)格都有可能受其左右。因為幾乎所有的移動應(yīng)用程序都是基于iOS優(yōu)先開發(fā)的,這是受蘋果系統(tǒng)專一性和普及性影響,蘋果的iOS有固定的屏幕大小和分辨率,目前為止一共也只有四種不同的分辨率和對應(yīng)的四種屏幕尺寸(已經(jīng)停產(chǎn)的設(shè)備不計其內(nèi))。
相比之下Android系統(tǒng)就是琳瑯滿目了,從2.8寸到十幾寸,分辨率從320×240到2560×1600,不同分辨率和不同屏幕尺寸的Android機(jī)多達(dá)上百臺。設(shè)想開發(fā)者在Android系統(tǒng)上優(yōu)先開發(fā)應(yīng)用程序的話,僅僅測試階段就要等到猴年馬月了。
這也就說明了為何第三方應(yīng)用程序開發(fā)都在“偏袒”iOS而不是其他系統(tǒng),從而也解釋了蘋果的圖標(biāo)設(shè)計為何一直在影響其他系統(tǒng)的圖標(biāo)設(shè)計。
扁平化還是多元化
擬物設(shè)計(Skeuomorph)是一種產(chǎn)品設(shè)計的元素或風(fēng)格,指原有物件中某些必需的形式在新的設(shè)計中已不再必要,但新設(shè)計仍模仿舊有形式,以使新的外觀讓人感覺熟悉和親切。這可以看作是技術(shù)領(lǐng)域中的路徑依賴。
扁平化和擬物化相比,就是單純的二次元和三次元相比,扁平的概念核心就是放棄一切諸如陰影、透視、紋理等能做出3D效果的裝飾元素,所有的元素界面都“簡單粗暴”。沒有任何羽化、陰影或者凹凸感。它的好處是能夠使界面變得干凈整齊,可以更加簡單直接的將信息和事物的工作方式展示出來,減少認(rèn)知障礙。而缺點也十分明顯,就是不再多元化,許多無法過于簡化的圖標(biāo)會因此喪失認(rèn)知性和特點,試想一個大型的戰(zhàn)爭游戲或者是一個3D應(yīng)用使用一個扁平化的圖標(biāo)來代替,首先就失去了自己的特色。
所以在iOS7發(fā)布之后我們聽到了許多不同的聲音,也有一部分開發(fā)者在堅持自己的風(fēng)格,不會考慮扁平化,如果你也是其中一員,文中的這些優(yōu)秀擬物圖標(biāo)會給你帶來一些靈感?;蛘哂幸惶煺娴氖潜馄交煜碌脑挘且部梢曰剡^頭來看看這些優(yōu)秀的擬物化設(shè)計,得到一些設(shè)計上的“反思”。
總結(jié)
設(shè)計本身就是多元化,UI亦是如此,雖然蘋果從一開始就在為UI設(shè)計指引著方向,但一味的盲從總會得不償失。比如Android現(xiàn)在已經(jīng)逐漸的形成了自己的風(fēng)格,暫時還沒有被iOS的扁平風(fēng)所影響。
另外擬物化依舊是最能烘托人性化的設(shè)計,不只是計算機(jī)圖形用戶界面,比如手機(jī)在拍照時,也會模擬相機(jī)發(fā)出“咔”的聲音,看電子雜志的時候,跳轉(zhuǎn)下一頁也是模擬真實翻雜志的情形等等。
但是不論哪種設(shè)計風(fēng)格,終歸只是一個窗口,窗口顯示的風(fēng)景和最終的實際功能才是關(guān)鍵。
無論是蘋果還是微軟,選擇了扁平化風(fēng)格固然有它的道理,但本質(zhì)上和擬物化一樣,只是設(shè)計美學(xué)當(dāng)中的一種方式。所以無論選擇哪種視覺風(fēng)格,信息的表達(dá)和優(yōu)美的觀感才是最重要的。