轉(zhuǎn)載藍藍設(shè)計(   m.820esy.cn  )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://mobile.zol.com.cn/434/4348592_all.html#p4348592

  扁平化這并不是一個新名詞，其實從2012年的Windows Phone 8移動操作系統(tǒng)問世后就逐漸被人們所認識。雖然個性化的UI設(shè)計并沒有贏得大眾的追捧，但是這卻開啟了智能手機系統(tǒng)UI設(shè)計風格轉(zhuǎn)變的大門，iOS 7系統(tǒng)的發(fā)布將這一設(shè)計風格推向了高潮，國內(nèi)外廠商因此紛紛轉(zhuǎn)變設(shè)計風格，擬物化被拋棄，被取代的則是各式各樣的扁平化。甚至最近新曝光的三星全新“扁平化”TouchWiz UI也讓我們不禁思考，難道曾經(jīng)很多廠商所推崇的擬物化要被“平”的界面風格所取代了嗎？扁平化是未來智能手機UI的主流嗎？

為何UI集體變風格 扁平化是未來主流嗎?

    在十九世紀，由于大規(guī)模的機械化生產(chǎn)，裝飾品被快速及廉價的生產(chǎn)出來，導(dǎo)致商品被過度裝飾。這種裝飾風一直都沒有停下來，而且過度裝飾出現(xiàn)在生活中的各個角落。以我們所熟悉的電腦以及手機來講，由于顯示和樣式技術(shù)允許設(shè)計人員能夠創(chuàng)建豐富的視覺界面，導(dǎo)致擬物化設(shè)計（軟件界面模仿現(xiàn)實世界中的實物紋理）和復(fù)雜樣式的過度使用。所以伴隨著Android 4.0系統(tǒng)問世以及手機硬件配置的快速提升，擬物化設(shè)計被越來越多的人所喜歡，當然大家最喜歡的還是iOS（扁平化之前的版本）的設(shè)計。

只有外觀設(shè)計與界面設(shè)計統(tǒng)一才會看起來美（圖片引自蘋果官網(wǎng)）

    蘋果作為“擬物化”設(shè)計的引領(lǐng)者，曾經(jīng)擬物化的iOS被發(fā)揮到了。然而之所以蘋果的擬物化會被大眾覺得美，并不是單單因為它圖標的高光、陰影、立體等效果。個人認為是產(chǎn)品外觀設(shè)計與系統(tǒng)界面的統(tǒng)一。就以iPhone 4為例，iOS 4系統(tǒng)的逼真立體擬物化設(shè)計與iPhone 4玻璃金屬的外觀設(shè)計搭配在一起，可以說相得益彰，所以人們拿著iPhone 4怎么看都覺得非常漂亮。換句話說，如果當初的iPhone 4不是玻璃金屬的這種設(shè)計，換成廉價的塑料材質(zhì)，你還會覺得擬物化的iOS 4會非常漂亮嗎？

    蘋果的擬物化設(shè)計經(jīng)歷三代版本后轉(zhuǎn)變?yōu)楸馄交O(shè)計，這種轉(zhuǎn)變的原因并非是蘋果設(shè)計師們的突發(fā)奇想，而是因為產(chǎn)品設(shè)計思路的轉(zhuǎn)變以及人們思想觀念的轉(zhuǎn)變。蘋果的轉(zhuǎn)變讓很多不敢變不想變的廠商也開始做出改變。這里筆者就以個人的理解淺析一下。

1.擬物化的設(shè)計是為了讓用戶了解手機的功能

    無論是蘋果的擬物化還是其他廠商的擬物化，這種設(shè)計都是為了讓用戶拿到手機看第一眼就能直觀的了解各個圖標都是干嘛的?？吹健叭祟^”就知道這是聯(lián)系人、看到音符就知道這是用來聽音樂的、看到照相機的圖標就知道點擊這個可以用來拍照......在用戶使用智能手機早期，這種擬物化設(shè)計越逼真越形象就越能教育用戶，所以這也就是為什么前兩年我們看到的眾多智能手機的UI都是高度擬物化的設(shè)計。

Jony Ive:用戶不再需要擬物化

    作為蘋果系統(tǒng)設(shè)計的負責人喬納森·艾維（Jony Ive），在iOS 7被曝出將會摒棄擬物化采用扁平化設(shè)計時，他就向《今日美國報》解釋了軟件設(shè)計的思考過程。“去年11月當我們坐下來探討iOS7系統(tǒng)時，我們認為用戶已經(jīng)習慣了觸摸屏，所以他們不再需要具有物理外形的按鈕。因此我們自由設(shè)計的靈活度很大，不必過于拘泥現(xiàn)實世界。我們嘗試創(chuàng)建的系統(tǒng)環(huán)境不再那么具體化?！睆乃幕卮鹬胁浑y看出，最初的擬物化更多是因為用戶的認知來設(shè)計，并非沒有想過扁平化。

2.跟風的背后是相信用戶 回歸用戶體驗

    扁平化的iOS 7發(fā)布后，很多人都持不同意見，有人覺得奇丑無比，也有人覺得非常贊。但是當爭吵糾結(jié)短暫過后，大量的蘋果用戶更新到這一系統(tǒng)。有數(shù)據(jù)測表明，iOS 7是蘋果歷代系統(tǒng)中用戶更新速度最快的一個版本?；谶@種變化，國內(nèi)手機廠商在隨后的時間內(nèi)，迅速的做出轉(zhuǎn)變，集體性的摒棄了之前的擬物化，紛紛推出扁平化的UI。個人認為這些做出轉(zhuǎn)變的廠商們，有一些是跟風，有一些則確實是認識到了扁平化對于用戶體驗的優(yōu)勢。

扁平化去除了擬物化中的一些高光等效果

    近兩年各個價位各個品牌的手機層出不窮，幾乎人人都在使用智能手機，人們對于智能手機的一些基礎(chǔ)功能了然于心，即便不是擬物化的設(shè)計，我們也都能知道這個圖標是什么功能。所以這種“跟風”的背后間接的體現(xiàn)出廠商對于用戶的一種信任，大部分用戶已經(jīng)不再需要繼續(xù)“教育”了。用戶需要是節(jié)省資源回到體驗上來。扁平化將這一部分占用的資源得以釋放，讓系統(tǒng)有更多的能量去處理其他的事情，讓其他功能得到更好的保證，這一點也是用戶所期待的。

扁平化的UI會減少UI對系統(tǒng)資源的占用(圖片來自DownloadBlog.com)

    擬物化的UI好看這一點相信大家都不會否認，但是并非只有這一種形式的才是好看，好看的形式有很多。擬物化的好看背后是大量的、大量的圖標，因此這種需要耗費系統(tǒng)大量運行資源的設(shè)計是對用戶體驗的一種損傷。

    當逼真的紋理、高光、陰影這些元素不再存在后，如何能夠即表達本身圖標含義的同時又能帶給用戶美感，這是每一個UI設(shè)計師所要思考的。扁平化設(shè)計風格與擬物化設(shè)計風格這兩種風格并非水火不相容，兩者之間存在很多的交集。

    從目前的設(shè)計理念來講，扁平化更多的是去掉了該去的一些東西，所以圖標看起來不像擬物化那樣立體那樣有真實感。但是扁平化中的一些繪畫元素則并非必須要以抽象來表達，完全可以使用擬物化中的那些具有形象意義的繪畫。這種設(shè)計在一些系統(tǒng)UI上我們現(xiàn)在也看到不少，整體看上去同樣是非常漂亮的。

 
扁平化與擬物化可以存在交集

    聚焦內(nèi)容，而不是它的樣式和裝飾。你可能會認為這點是老生常談，但有多少次你在網(wǎng)站上看到一個現(xiàn)成的主題？主題是始終建立在虛構(gòu)內(nèi)容，所以，就其本質(zhì)而言，絕不可能完美的代表內(nèi)容。虛構(gòu)文本的主題推動設(shè)計師專注于造型和裝飾，而不是內(nèi)容上，因為那里根本就沒有內(nèi)容。只有當你在處理實際的內(nèi)容時，你才開始真正將功能和形式有機結(jié)合。

    個人認為扁平化是一種極簡主義的表現(xiàn)形式，但并非全部。所以生硬的套用極簡的設(shè)計美學(xué)，將界面設(shè)計的簡單而數(shù)字化，時常會是個誤區(qū)。完全的消除視覺效果，如顏色、不同的背景樣式等未必會讓界面更容易使用。在某些情況下，這相反的破壞了界面的層次結(jié)構(gòu)和重點，而之前這些層次結(jié)構(gòu)和重點都是建立在陰影和背景顏色之上的。

    所以能夠很好的從功能角度出發(fā)設(shè)計，在扁平的外表下將部分擬物元素很好的融合在一起才會讓體驗和設(shè)計到達統(tǒng)一。擬物扁平化或許才是未來UI的一個形式，個人認為至少是短時間內(nèi)的一個形式，若干年后會怎么樣這一點沒有人會知道