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

扁平化

在數(shù)字領(lǐng)域，Metro Design是平面設(shè)計(jì)領(lǐng)域經(jīng)典的案例，是微軟基于設(shè)計(jì)語(yǔ)言設(shè)計(jì)的一種界面風(fēng)格，用于微軟的Zune播放器，后在微軟的Windows Phone 7 同樣使用了該設(shè)計(jì)，后來(lái)的windows 8也使用該設(shè)計(jì)來(lái)適應(yīng)平板觸控設(shè)備。Metro作為一種文字導(dǎo)向(typography-based)的設(shè)計(jì)，比起其他UI設(shè)計(jì)風(fēng)格更加注重字體。

說(shuō)到谷歌materialdesign的中文譯名有多種，“材料設(shè)計(jì)”、“材料學(xué)設(shè)計(jì)”等等，但準(zhǔn)確的應(yīng)該是“質(zhì)感設(shè)計(jì)”，目前這種設(shè)計(jì)語(yǔ)言在手機(jī)、平板電腦、臺(tái)式機(jī)和“其他平臺(tái)”提供更一致、更廣泛的“外觀和感覺(jué)”?？梢宰岊伾r艷，動(dòng)畫(huà)效果更突出，谷歌的想法是讓谷歌平臺(tái)上的開(kāi)發(fā)者掌握這個(gè)新框架，讓所有應(yīng)用擁有一個(gè)統(tǒng)一的外觀，讓用戶得到連貫體驗(yàn)。自從蘋(píng)果發(fā)布iPhone 5s同時(shí)推出iOS 7系統(tǒng)以來(lái)，蘋(píng)果系統(tǒng)扁平化的風(fēng)格就隨之而來(lái)。這個(gè)設(shè)計(jì)靈感來(lái)自德國(guó)已故傳奇設(shè)計(jì)師Otl Aicher，由Jonathan Ive主導(dǎo)的iOS 7，完全拋棄了立體、逼真、細(xì)節(jié)，取而代之的是扁平、線條簡(jiǎn)單、色調(diào)明亮的色塊。不過(guò)蘋(píng)果的設(shè)計(jì)里，陰影，漸變，高光甚至紋理很多效果都依然還在，所以蘋(píng)果的“扁平化”并非真正的“扁平化”。

擬物化

所謂擬物，必須是現(xiàn)實(shí)世界中已經(jīng)有的物體，而且是人們?nèi)粘５纳钪薪?jīng)常使用的物品。人們生活中使用過(guò)的東西都在或多或少地模擬現(xiàn)實(shí)世界出現(xiàn)的同類事物，這就是“擬物化”。這種擬物設(shè)計(jì)的初衷是讓人們更好更形象地理解系統(tǒng)所要表達(dá)的功能，它會(huì)花額外的精力描繪UI細(xì)節(jié)和裝飾。這類設(shè)計(jì)不僅體現(xiàn)在圖標(biāo)的擬物化思路上，還可以用動(dòng)態(tài)過(guò)程表達(dá)出來(lái)。

擬物在UI設(shè)計(jì)上的精髓在于幫助用戶理解某款應(yīng)用或某個(gè)按鈕的功能，擬物在數(shù)字世界中的應(yīng)用可以追溯到上世紀(jì)80年代，雖然并非蘋(píng)果首創(chuàng)，不過(guò)卻是1984年蘋(píng)果商用的首款用戶GUI向大家很好地詮釋了具有擬物特色的桌面和圖標(biāo)——它們與現(xiàn)實(shí)世界中的文件夾、紙張非常相似，隨后這種設(shè)計(jì)思路一直被沿用至今，成為數(shù)字世界中的主流設(shè)計(jì)。

在iOS6之前的版本，已經(jīng)把擬物推到了一個(gè)非常高的高度，視覺(jué)上每一處的紋理、陰影、質(zhì)感，每一個(gè)細(xì)節(jié)都經(jīng)過(guò)精雕細(xì)琢，堪稱完美。這個(gè)時(shí)候想要有所超越，尤其是想要在擬物這條路上有所超越，已經(jīng)非常困難。而且人們生活中的東西是非常有限的，而我們熟知的日常物品也在不斷被替代，應(yīng)用的功能創(chuàng)新，很難找到現(xiàn)實(shí)生活中的物來(lái)擬，擬物的風(fēng)格會(huì)限制住創(chuàng)新應(yīng)用的發(fā)展。

擬物化向扁平化轉(zhuǎn)變

在功能機(jī)盛行的時(shí)代，擬物化風(fēng)格大受歡迎，由于一部功能機(jī)并不像現(xiàn)在智能機(jī)那樣擁有那么多功能和軟件拓展性，功能機(jī)通常只需要相機(jī)、指南針、時(shí)鐘、收音機(jī)、錄音機(jī)等等常見(jiàn)的功能加上打電話發(fā)短信這些必備的功能即可，所以擬物化可以很輕松讓大家接受，包括早期的iOS系統(tǒng)Icon設(shè)計(jì)也是偏擬物的設(shè)計(jì)，這個(gè)設(shè)計(jì)一直延續(xù)到iOS 6達(dá)到一個(gè)頂峰。

擬物化設(shè)計(jì)在功能機(jī)年代對(duì)于老人小孩非常喜歡，幾乎不用學(xué)習(xí)就會(huì)使用。隨著智能機(jī)和數(shù)碼設(shè)備的普及，一個(gè)萬(wàn)能的手機(jī)獲得了更多人的青睞，成了擬物化沒(méi)落的起始點(diǎn)。在2013年WWDC大會(huì)上，蘋(píng)果發(fā)布了基于扁平化風(fēng)格設(shè)計(jì)的操作系統(tǒng)iOS 7，新的設(shè)計(jì)去除了之前的擬物化紋理和質(zhì)感，將細(xì)致細(xì)微的動(dòng)態(tài)效果和功能圖融為一體，使界面更簡(jiǎn)潔。還有一個(gè)不可忽略的因素就是審美疲勞，那個(gè)功能機(jī)時(shí)代，GUI設(shè)計(jì)是普遍認(rèn)可的設(shè)計(jì)美學(xué)。網(wǎng)頁(yè)中廣受歡迎的產(chǎn)品通常都有一些類似的設(shè)計(jì)美學(xué)，比如一些立體、內(nèi)陰影、外陰影等。對(duì)設(shè)計(jì)師來(lái)說(shuō)，他們會(huì)以實(shí)現(xiàn)這種界面感到自豪。不過(guò)設(shè)計(jì)通常都是簡(jiǎn)久必繁，繁久必簡(jiǎn)。 不管是制作方還是用戶，都會(huì)審美疲勞。就算不疲勞，有些產(chǎn)品需要標(biāo)新立異，與眾不同。

隨著時(shí)代的變遷，擬物化的設(shè)計(jì)屬性越來(lái)越少，從而慢慢變成為一種視覺(jué)裝飾風(fēng)格，作為一種設(shè)計(jì)，擬物化的好處會(huì)越來(lái)越少，而隨之帶來(lái)的開(kāi)發(fā)成本增加、審美疲勞等問(wèn)題，使得用它的理由越來(lái)越少了。不過(guò)擬物化并沒(méi)有消失，一方面風(fēng)格這東西不存在好壞，總會(huì)有一部分人喜歡，另一方面?zhèn)€別程序需要趣味和親和力，也確實(shí)有必要用到擬物化。

未來(lái)——場(chǎng)景化

“場(chǎng)景”無(wú)處不在，特定的時(shí)間，地點(diǎn)和人物存在特定的場(chǎng)景關(guān)系。隨著互聯(lián)網(wǎng)平臺(tái)間競(jìng)爭(zhēng)的日益加劇，產(chǎn)品同質(zhì)化現(xiàn)象越來(lái)越嚴(yán)重。競(jìng)爭(zhēng)日益膠著的行業(yè)現(xiàn)狀，促使一些平臺(tái)開(kāi)始向場(chǎng)景化方向發(fā)力，尋求新的突破。隨著各種模式的不斷完善，讓更多基于衣、食、住、行的各種各樣的場(chǎng)景被創(chuàng)造出來(lái)，這種“場(chǎng)景化”趨勢(shì)也成為了未來(lái)的發(fā)展方向。

未來(lái)，真正具有場(chǎng)景化的產(chǎn)品必須能主動(dòng)感知場(chǎng)景的到來(lái)，將時(shí)間碎片整合。舉例來(lái)說(shuō)，現(xiàn)有很多運(yùn)動(dòng)類的APP，這些APP能夠根據(jù)GPS、傳感器記錄步速、距禂?shù)刃畔?，幫助用戶合理?guī)劃運(yùn)動(dòng)，不過(guò)，目前的大多數(shù)軟件都需要先手動(dòng)啟動(dòng)APP。前段時(shí)間，美國(guó)已有一家公司基于“場(chǎng)景感知”的理念，開(kāi)發(fā)出了新一代跑步APP可感知場(chǎng)景從而進(jìn)行相應(yīng)的操作。

總結(jié)

當(dāng)然，就目前而言，扁平化的極簡(jiǎn)風(fēng)格還是迎合了大家的審美很難被取代。不過(guò)還是那個(gè)道理，隨著時(shí)代的發(fā)展、科技的進(jìn)步，加上人們審美疲勞，未來(lái)扁平化風(fēng)格必然會(huì)調(diào)整方向甚至被其他設(shè)計(jì)所取代。設(shè)計(jì)風(fēng)格和其所在時(shí)代的技術(shù)息息相關(guān)，大趨勢(shì)還是簡(jiǎn)化,例如近些年提出的3D全息UI概念，3D化的界面比2D更貼近真實(shí)，能更好的完成交互。

任何領(lǐng)域，從繁到簡(jiǎn)都是一個(gè)趨勢(shì)，UI設(shè)計(jì)只是一種表達(dá)，更重要的是其背后的人機(jī)交互。不得不說(shuō)，一項(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)在看來(lái)還太美好，但相信科技的發(fā)展，未來(lái)一旦實(shí)現(xiàn)場(chǎng)景化，那時(shí)的人機(jī)交互將會(huì)變得非常簡(jiǎn)單。

想學(xué)UI設(shè)計(jì)? 點(diǎn)擊點(diǎn)擊咨詢！

聲明：本文來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系我們刪除！

火星時(shí)代教育，成立30年，專注數(shù)字藝術(shù)教育培訓(xùn)，開(kāi)設(shè)游戲設(shè)計(jì)培訓(xùn)、動(dòng)畫(huà)培訓(xùn)、AI音樂(lè)創(chuàng)作培訓(xùn)等課程。歡迎關(guān)注我們的官網(wǎng)：點(diǎn)擊此處了解更多詳情。