其實(shí)我們?nèi)粘?吹降拇蠖鄶?shù)設(shè)計(jì)元素都來自印刷出版物和美學(xué)先驅(qū),如果要追溯扁平化設(shè)計(jì)的起源時(shí)間及地點(diǎn),可能有些難度。而在UI設(shè)計(jì)發(fā)展的歷史上,擬物化與扁平化經(jīng)常發(fā)生對(duì)立,各持一方,孰優(yōu)孰劣應(yīng)該交給時(shí)間來評(píng)論。就目前而言,UI設(shè)計(jì)似乎都在朝著扁平化的風(fēng)格方向發(fā)展,似乎這也預(yù)示著信息化的發(fā)展。

扁平化
在數(shù)字領(lǐng)域,Metro Design是平面設(shè)計(jì)領(lǐng)域最經(jīng)典的案例,是微軟基于設(shè)計(jì)語言設(shè)計(jì)的一種界面風(fēng)格,最早用于微軟的Zune播放器,后在微軟的Windows Phone 7 同樣使用了該設(shè)計(jì),后來的windows 8也使用該設(shè)計(jì)來適應(yīng)平板觸控設(shè)備。Metro作為一種文字導(dǎo)向(typography-based)的設(shè)計(jì),比起其他UI設(shè)計(jì)風(fēng)格更加注重字體。
微軟Metro Design
說到谷歌materialdesign的中文譯名有多種,“材料設(shè)計(jì)”、“材料學(xué)設(shè)計(jì)”等等,但最準(zhǔn)確的應(yīng)該是“質(zhì)感設(shè)計(jì)”,目前這種設(shè)計(jì)語言在手機(jī)、平板電腦、臺(tái)式機(jī)和“其他平臺(tái)”提供更一致、更廣泛的“外觀和感覺”?梢宰岊伾r艷,動(dòng)畫效果更突出,谷歌的想法是讓谷歌平臺(tái)上的開發(fā)者掌握這個(gè)新框架,讓所有應(yīng)用擁有一個(gè)統(tǒng)一的外觀,讓用戶得到連貫體驗(yàn)。
material design
自從蘋果發(fā)布iPhone 5s同時(shí)推出iOS 7系統(tǒng)以來,蘋果系統(tǒng)扁平化的風(fēng)格就隨之而來。這個(gè)設(shè)計(jì)靈感來自德國已故傳奇設(shè)計(jì)師Otl Aicher,由Jonathan Ive主導(dǎo)的iOS 7,完全拋棄了立體、逼真、細(xì)節(jié),取而代之的是扁平、線條簡單、色調(diào)明亮的色塊。不過蘋果的設(shè)計(jì)里,陰影,漸變,高光甚至紋理很多效果都依然還在,所以蘋果的“扁平化”并非真正的“扁平化”。
蘋果扁平化
擬物化
所謂擬物,必須是現(xiàn)實(shí)世界中已經(jīng)有的物體,而且是人們?nèi)粘5纳钪薪?jīng)常使用的物品。人們生活中使用過的東西都在或多或少地模擬現(xiàn)實(shí)世界出現(xiàn)的同類事物,這就是“擬物化”。這種擬物設(shè)計(jì)的初衷是讓人們更好更形象地理解系統(tǒng)所要表達(dá)的功能,它會(huì)花額外的精力描繪UI細(xì)節(jié)和裝飾。這類設(shè)計(jì)不僅體現(xiàn)在圖標(biāo)的擬物化思路上,還可以用動(dòng)態(tài)過程表達(dá)出來。
擬物化設(shè)計(jì)
擬物在UI設(shè)計(jì)上的精髓在于幫助用戶理解某款應(yīng)用或某個(gè)按鈕的功能,擬物在數(shù)字世界中的應(yīng)用可以追溯到上世紀(jì)80年代,雖然并非蘋果首創(chuàng),不過卻是1984年蘋果商用的首款用戶GUI向大家很好地詮釋了具有擬物特色的桌面和圖標(biāo)——它們與現(xiàn)實(shí)世界中的文件夾、紙張非常相似,隨后這種設(shè)計(jì)思路一直被沿用至今,成為數(shù)字世界中的主流設(shè)計(jì)。
擬物化風(fēng)格
在iOS6之前的版本,已經(jīng)把擬物推到了一個(gè)非常高的高度,視覺上每一處的紋理、陰影、質(zhì)感,每一個(gè)細(xì)節(jié)都經(jīng)過精雕細(xì)琢,堪稱完美。這個(gè)時(shí)候想要有所超越,尤其是想要在擬物這條路上有所超越,已經(jīng)非常困難。而且人們生活中的東西是非常有限的,而我們熟知的日常物品也在不斷被替代,應(yīng)用的功能創(chuàng)新,很難找到現(xiàn)實(shí)生活中的物來擬,擬物的風(fēng)格會(huì)限制住創(chuàng)新應(yīng)用的發(fā)展。
擬物化向扁平化轉(zhuǎn)變
在功能機(jī)盛行的時(shí)代,擬物化風(fēng)格大受歡迎,由于一部功能機(jī)并不像現(xiàn)在智能機(jī)那樣擁有那么多功能和軟件拓展性,功能機(jī)通常只需要相機(jī)、指南針、時(shí)鐘、收音機(jī)、錄音機(jī)等等常見的功能加上打電話發(fā)短信這些必備的功能即可,所以擬物化可以很輕松讓大家接受,包括早期的iOS系統(tǒng)Icon設(shè)計(jì)也是偏擬物的設(shè)計(jì),這個(gè)設(shè)計(jì)一直延續(xù)到iOS 6達(dá)到一個(gè)頂峰。
iOS 6擬物化
擬物化設(shè)計(jì)在功能機(jī)年代對(duì)于老人小孩非常喜歡,幾乎不用學(xué)習(xí)就會(huì)使用。隨著智能機(jī)和數(shù)碼設(shè)備的普及,一個(gè)萬能的手機(jī)獲得了更多人的青睞,成了擬物化沒落的起始點(diǎn)。在2013年WWDC大會(huì)上,蘋果發(fā)布了基于扁平化風(fēng)格設(shè)計(jì)的操作系統(tǒng)iOS 7,新的設(shè)計(jì)去除了之前的擬物化紋理和質(zhì)感,將細(xì)致細(xì)微的動(dòng)態(tài)效果和功能圖融為一體,使界面更簡潔。
iOS7 扁平化
還有一個(gè)不可忽略的因素就是審美疲勞,那個(gè)功能機(jī)時(shí)代,GUI設(shè)計(jì)是普遍認(rèn)可的設(shè)計(jì)美學(xué)。網(wǎng)頁中廣受歡迎的產(chǎn)品通常都有一些類似的設(shè)計(jì)美學(xué),比如一些立體、內(nèi)陰影、外陰影等。對(duì)設(shè)計(jì)師來說,他們會(huì)以實(shí)現(xiàn)這種界面感到自豪。不過設(shè)計(jì)通常都是簡久必繁,繁久必簡。 不管是制作方還是用戶,都會(huì)審美疲勞。就算不疲勞,有些產(chǎn)品需要標(biāo)新立異,與眾不同。
擬物化
最終,隨著時(shí)代的變遷,擬物化的設(shè)計(jì)屬性越來越少,從而慢慢變成為一種視覺裝飾風(fēng)格,作為一種設(shè)計(jì),擬物化的好處會(huì)越來越少,而隨之帶來的開發(fā)成本增加、審美疲勞等問題,使得用它的理由越來越少了。不過擬物化并沒有消失,一方面風(fēng)格這東西不存在好壞,總會(huì)有一部分人喜歡,另一方面?zhèn)別程序需要趣味和親和力,也確實(shí)有必要用到擬物化。
未來——場(chǎng)景化
“場(chǎng)景”無處不在,特定的時(shí)間,地點(diǎn)和人物存在特定的場(chǎng)景關(guān)系。隨著互聯(lián)網(wǎng)平臺(tái)間競爭的日益加劇,產(chǎn)品同質(zhì)化現(xiàn)象越來越嚴(yán)重。競爭日益膠著的行業(yè)現(xiàn)狀,促使一些平臺(tái)開始向場(chǎng)景化方向發(fā)力,尋求新的突破。隨著各種模式的不斷完善,讓更多基于衣、食、住、行的各種各樣的場(chǎng)景被創(chuàng)造出來,這種“場(chǎng)景化”趨勢(shì)也成為了未來的發(fā)展方向。
場(chǎng)景化
未來,真正具有場(chǎng)景化的產(chǎn)品必須能主動(dòng)感知場(chǎng)景的到來,將時(shí)間碎片整合。舉例來說,現(xiàn)有很多運(yùn)動(dòng)類的APP,這些APP能夠根據(jù)GPS、傳感器記錄步速、距離等信息,幫助用戶合理規(guī)劃運(yùn)動(dòng),不過,目前的大多數(shù)軟件都需要先手動(dòng)啟動(dòng)APP。前段時(shí)間,美國已有一家公司基于“場(chǎng)景感知”的理念,開發(fā)出了新一代跑步APP可感知場(chǎng)景從而進(jìn)行相應(yīng)的操作。
總結(jié)
當(dāng)然,就目前而言,扁平化的極簡風(fēng)格還是迎合了大家的審美很難被取代。不過還是那個(gè)道理,隨著時(shí)代的發(fā)展、科技的進(jìn)步,加上人們審美疲勞,未來扁平化風(fēng)格必然會(huì)調(diào)整方向甚至被其他設(shè)計(jì)所取代。設(shè)計(jì)風(fēng)格和其所在時(shí)代的技術(shù)息息相關(guān),大趨勢(shì)還是簡化,例如近些年提出的3D全息UI概念,3D化的界面比2D更貼近真實(shí),能更好的完成交互。
3D全息投影
任何領(lǐng)域,從繁到簡都是一個(gè)趨勢(shì),UI設(shè)計(jì)只是一種表達(dá),更重要的是其背后的人機(jī)交互。不得不說,一項(xiàng)好的產(chǎn)品必須能夠做到在恰當(dāng)?shù)臅r(shí)間、恰當(dāng)?shù)牡攸c(diǎn)將恰當(dāng)?shù)男畔⑼扑徒o需要的用戶。場(chǎng)景化設(shè)計(jì)現(xiàn)在看來還太美好,但相信科技的發(fā)展,未來一旦實(shí)現(xiàn)場(chǎng)景化,那時(shí)的人機(jī)交互將會(huì)變得非常簡單。