轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   axecq.cn  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源：http://www.woshipm.com/design/24542.html

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請(qǐng)點(diǎn)這里

 

前言

實(shí)際上是這一兩年，我們可以發(fā)現(xiàn)越來(lái)越多的程序的GUI變得平面化了：google、Microsoft、facebook、甚至apple的首席設(shè)計(jì)師Jony Ive也說(shuō)過(guò)蘋果會(huì)開(kāi)始適當(dāng)扁平化一點(diǎn)，WWDC2013的新logo也能看出這個(gè)暗示了。 于是很多人都問(wèn)，為什么會(huì)有這樣的趨勢(shì)了？

我認(rèn)為扁平化是一個(gè)必然趨勢(shì)。并不是單純的因?yàn)閷徝榔趯?dǎo)致的為了變化而變化，而主要是因?yàn)閿?shù)碼化程度越來(lái)越高的日常生活中導(dǎo)致的。隨著時(shí)代的變化，一方面是擬物化作用越來(lái)越少而退出主流，另一方面是扁平化更適應(yīng)新時(shí)代的需求。

About

我先推薦讀者看一下知乎上的兩篇討論：

• 「?jìng)?Jony Ive 正在推動(dòng) iOS 采用扁平化設(shè)計(jì)（Flat Design），這會(huì)有怎樣的影響？ 」
• 「iOS 的擬物設(shè)計(jì)和 Metro UI 的 Tile 設(shè)計(jì)風(fēng)格，分別有哪些優(yōu)劣勢(shì)？ 」

首先要明確的是：
扁平化設(shè)計(jì)并不是為了拍扁而拍扁，它是一種設(shè)計(jì)理念，色塊是它的外在表現(xiàn)形式。
同樣的，擬物化也是不應(yīng)該是為了擬物而擬物，立體是它的外在表現(xiàn)形式。
這個(gè)應(yīng)該爭(zhēng)論不多。
本文將主要從擬物/扁平設(shè)的出發(fā)點(diǎn)討論他們的時(shí)代特點(diǎn)，而不是外在形式，請(qǐng)讀者們牢記在心以免不必要的誤解。

其次要明確的，也是很有爭(zhēng)論的是：
擬物和扁平到底是不是對(duì)立的？

如果說(shuō)扁平是一種極端，那另一個(gè)極端是什么？雖然這兩者的出發(fā)點(diǎn)是不同但不完全相反，但似乎除了擬物沒(méi)有更適合當(dāng)扁平化的假想敵了。說(shuō)道風(fēng)格，除了flat和擬物，我也不太想得到其他詞，至少?gòu)膶?shí)際流行度變化來(lái)看也確實(shí)是這樣的。

有人說(shuō)計(jì)算器的例子，win8的計(jì)算器拍扁了，但也是依然是擬物化，布局和實(shí)體計(jì)算器一個(gè)樣，所以擬物和扁平是可以共存。初看是有道理的，但細(xì)想的話我覺(jué)得這個(gè)例子沒(méi)有說(shuō)服力。其實(shí)數(shù)字計(jì)算機(jī)本身就是個(gè)扁平化的計(jì)算器。就算不去想實(shí)體計(jì)算器，按照信息構(gòu)架從0開(kāi)始設(shè)計(jì)一個(gè)計(jì)算器，很有可能也會(huì)是那么類似的結(jié)果。更不用說(shuō)數(shù)字計(jì)算器光字面上就是個(gè)有UI的計(jì)算機(jī)了，只不過(guò)這個(gè)UI很簡(jiǎn)單略復(fù)古和現(xiàn)在的UI的概念略有差別而不一定能被我們馬上意識(shí)到是UI而已。有沒(méi)有人記得算盤？一個(gè)珠子代表一或五的算盤，那估計(jì)算是擬物化設(shè)計(jì)的計(jì)算器了。

而至于用色塊畫(huà)個(gè)溫度計(jì)、用色塊畫(huà)個(gè)模擬時(shí)鐘什么的，要我說(shuō)那本質(zhì)依然是擬物。而不是所謂共存的形式。

再退一步，就算擬物化和扁平不是對(duì)立的也沒(méi)關(guān)系，這兩者放在一起談一談也是有必要的。

擬物化的沒(méi)落

我們先來(lái)看一下為什么有擬物化這個(gè)東西：

Jobs對(duì)界面設(shè)計(jì)的一個(gè)理想是，任何年齡的人，任何經(jīng)歷的人，都可以在拿到設(shè)備后的幾分鐘內(nèi)輕松的掌握它的用法。于是apple通過(guò)利用人們的日常經(jīng)驗(yàn)，做出擬物化的界面，從而降低用戶的學(xué)習(xí)成本以及理解難度，正如《iOS Human Interface Guidelines》里提到，

「當(dāng)你應(yīng)用中的可視化對(duì)象和操作按照現(xiàn)實(shí)世界中的對(duì)象與操作仿造，用戶就能快速領(lǐng)會(huì)如何使用它?！?/p>

最早最常見(jiàn)的擬物化，或許就是按鈕了，突起的表示可以按的，凹陷的表示已經(jīng)被按了。確實(shí)易懂。擬物化在當(dāng)時(shí)那個(gè)數(shù)碼設(shè)備尚未十分普及的時(shí)代，毫無(wú)疑問(wèn)是效果是不錯(cuò)的。

但是，數(shù)碼設(shè)備的普及+一個(gè)萬(wàn)能的手機(jī)，成了擬物化沒(méi)落的起始點(diǎn)。

不再需要降低學(xué)習(xí)成本

前面也說(shuō)了，在數(shù)碼設(shè)備普及度不高的時(shí)代，擬物化是有效果的，我相信對(duì)于從未接觸過(guò)數(shù)碼設(shè)備的老人/小孩應(yīng)該是尤其效果拔群的。

但是在人人有電腦，人人有智能機(jī)，日常和學(xué)習(xí)/辦公都離不開(kāi)計(jì)算機(jī)，不會(huì)用計(jì)算機(jī)就像美國(guó)人沒(méi)駕照一樣奇怪的信息時(shí)代，我們還有必要去那么刻意地降低學(xué)習(xí)成本生怕用戶不會(huì)用么？何況大多數(shù)軟件的市場(chǎng)本身就不把老人/小孩考慮在內(nèi)。

一個(gè)先進(jìn)的設(shè)備得通過(guò)模仿古老的東西讓用戶快速理解，是時(shí)代過(guò)渡中的一個(gè)不得已。在未來(lái)人眼中，一個(gè)溫度計(jì)的app要特地設(shè)計(jì)成實(shí)體溫度計(jì)的樣子，一定傻/蛋疼透了。

更進(jìn)一步的，擬物≠，刻意的在交互上擬物，有時(shí)候反而降低了效率。隨著數(shù)碼的普及，人們對(duì)產(chǎn)品的要求也是在變的，后面的「數(shù)碼滲入生活」章節(jié)會(huì)提到。

失效

當(dāng)一個(gè)數(shù)碼設(shè)備可以完成聽(tīng)音樂(lè)、寫(xiě)東西、看地圖、打電話等一切任務(wù)的時(shí)候，傳統(tǒng)的東西必然會(huì)失去競(jìng)爭(zhēng)力而逐漸退出歷史舞臺(tái)。那時(shí)候，就算想擬物也沒(méi)東西可以給你擬了。

圖標(biāo)就是個(gè)很好的例子：代表「保存」的3.5英寸軟盤、代表「留言」的磁帶、書(shū)簽……有些人年輕人甚至連話筒也不認(rèn)識(shí)，認(rèn)為所謂電話，就是iphone這樣的一塊金屬。在這樣的趨勢(shì)下，擬物化就算依然奏效，也得謹(jǐn)慎選擇了。

擬物化的濫用

事實(shí)上很多擬物化設(shè)計(jì)并沒(méi)有遵從擬物化設(shè)計(jì)的初衷。不給記事軟件加封皮會(huì)影響用戶理解嗎？日歷程序有個(gè)翻頁(yè)動(dòng)畫(huà)幫助了用戶理解程序用法嗎？……

「所以一個(gè)使用玻璃溫度計(jì)圖片的天氣app就是擬物化：玻璃在原來(lái)（現(xiàn)實(shí)中的溫度計(jì)）是必要的，而在新設(shè)計(jì)中變?yōu)橥耆难b飾?！?br /> ~ Sacha Greif

「在現(xiàn)實(shí)世界中，當(dāng)一個(gè)按鈕按下，你能感受到它的彈性和彈力，但是在手機(jī)或者屏幕上，有物理上反饋的先天不足。你的意識(shí)知道物理性的存在而擬物化沒(méi)有。所以至少對(duì)我來(lái)說(shuō)，它事實(shí)上沒(méi)有達(dá)到預(yù)期和讓我失望的時(shí)刻?！?br /> ~ Allan Yu (svpply / eBay)

連Wikipedia也說(shuō):

「一個(gè)產(chǎn)品的設(shè)計(jì)元素模仿其在原始產(chǎn)品設(shè)計(jì)中是必要功能，但是在新的設(shè)計(jì)中變?yōu)檠b飾的設(shè)計(jì)元素」

數(shù)碼滲入生活

人們對(duì)數(shù)碼產(chǎn)品的印象是隨著普及度變化的。

在計(jì)算機(jī)還是個(gè)普及度有限的東西，數(shù)碼產(chǎn)品在一些人眼中是有點(diǎn)神秘的——「炫」「酷」「時(shí)尚」。記得十幾年前看到一個(gè)逼真的金屬外殼的播放器皮膚，真是覺(jué)得屌爆了！覺(jué)得計(jì)算機(jī)好帥氣！于是也出現(xiàn)了很多向我一樣的界面愛(ài)好者，著迷于華麗炫酷的界面；能畫(huà)一手華麗的圖標(biāo)的，進(jìn)一個(gè)IT大企業(yè)當(dāng)個(gè)設(shè)計(jì)師也是十拿九穩(wěn)的；也沒(méi)人會(huì)去說(shuō)一個(gè)畫(huà)簡(jiǎn)潔圖標(biāo)的人好厲害。很多GUI設(shè)計(jì)在可以傳遞一種意識(shí)「這是計(jì)算機(jī)，與眾不同」。
那個(gè)時(shí)代，我們是「享受計(jì)算機(jī)」，精美的GUI也是享受的其中一環(huán)。

但是現(xiàn)在數(shù)碼產(chǎn)品廣泛地滲入到大家的生活中后、成為日常生活不可分離的一部分后，數(shù)碼產(chǎn)品對(duì)我們不再有神秘感。聽(tīng)歌得靠它、找資料得靠它、報(bào)名得靠它、找路得靠它、制定計(jì)劃得靠它……計(jì)算機(jī)的使用頻率如此之高，使得人們對(duì)計(jì)算機(jī)的印象慢慢轉(zhuǎn)向效率、靠譜、萬(wàn)能。對(duì)于一個(gè)這樣的生活必需品，我們需要很精致甚至華麗的外觀嗎？
我相信隨著普適計(jì)算的滲入，計(jì)算機(jī)對(duì)人們來(lái)說(shuō)會(huì)變得越來(lái)越純粹——執(zhí)行必須的任務(wù)——執(zhí)行完就關(guān)掉。計(jì)算機(jī)是個(gè)熟悉的不能再熟悉的東西了，一個(gè)記事程序?qū)ξ磥?lái)人們來(lái)說(shuō)，或許就像一個(gè)（真）筆記本對(duì)于現(xiàn)在的我們：它的作用就應(yīng)該是那么純粹、簡(jiǎn)單。越來(lái)越多的人會(huì)覺(jué)得「一個(gè)打字程序而已為什么要做的那么復(fù)雜？」，就像現(xiàn)在的我們看到一個(gè)花里花俏的鉛筆會(huì)覺(jué)得「為什么一個(gè)鉛筆還要做的那么復(fù)雜？」
未來(lái)的時(shí)代，人們的重心將會(huì)從「享受計(jì)算機(jī)」轉(zhuǎn)變到「隨心使用計(jì)算機(jī)」。GUI的設(shè)計(jì)也必然會(huì)慢慢會(huì)拋棄華麗的外皮，而專注于信息和任務(wù)本身。扁平化設(shè)計(jì)是非常適合這種需求的，當(dāng)然也可以換過(guò)來(lái)說(shuō)，擬物化設(shè)計(jì)在這種場(chǎng)景下是有點(diǎn)畫(huà)蛇添足的。

再想一下近未來(lái)的數(shù)碼社會(huì)會(huì)是怎么樣的吧?？祵幒臀④浂枷蛭覀冋故具^(guò)了他們的近期展望——不管是AR還是屏幕，總之是一個(gè)充滿了UI的生活。不僅僅是使用情景碎片化了，連界面也碎片化了。（感謝Woeh的意見(jiàn)）在隨便望一眼都是很多UI的時(shí)代，你能想象充滿了高光、陰影的GUI的話會(huì)是怎么樣的場(chǎng)景嗎？

GUI的目標(biāo)會(huì)從沉浸式轉(zhuǎn)向碎片化，慢慢向平面設(shè)計(jì)、工業(yè)設(shè)計(jì)靠攏，而形成設(shè)計(jì)圈的大統(tǒng)一、生活「材質(zhì)」的大統(tǒng)一。

在更遙遠(yuǎn)的未來(lái)，或許按鈕不叫按鈕了，叫觸發(fā)器之類更抽象的名字了，或者，干脆沒(méi)有按鈕這類東西了，因?yàn)椴倏v電腦不再需要手了，也許連GUI都不需要了，一切將會(huì)是信息流而已。

審美疲勞

審美疲勞雖然是次要因素，但也不可忽略。

那個(gè)時(shí)代，GUI圈有著普遍的設(shè)計(jì)美學(xué)。Layervault的Allen Grinshtein在一篇發(fā)表于HackerNews的文章中，他說(shuō)：

「網(wǎng)頁(yè)中廣受歡迎的產(chǎn)品通常都有一些類似的設(shè)計(jì)美學(xué)，比如一些立體、內(nèi)陰影、外陰影等。對(duì)設(shè)計(jì)師來(lái)說(shuō)，他們會(huì)以實(shí)現(xiàn)這種“媚俗”的界面而感到自豪?！?/p>

論天下設(shè)計(jì)，簡(jiǎn)久必繁，繁久必簡(jiǎn)。 GUI也不例外，不管是制作方還是用戶，都會(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)越少了。
當(dāng)然，擬物化不會(huì)在就此馬上消失，一方面風(fēng)格這東西不存在好壞，總會(huì)有一部分人喜歡，另一方面?zhèn)€別程序需要趣味和親和力，也確實(shí)有必要用到擬物化。而極簡(jiǎn)的設(shè)計(jì)，也會(huì)被人看膩而適當(dāng)加入一些裝飾元素。

最后最后，未來(lái)科技發(fā)展的實(shí)際情況也沒(méi)人知道，或許遠(yuǎn)遠(yuǎn)慢于我們的預(yù)期，也有可能遠(yuǎn)遠(yuǎn)快于我們的預(yù)期以至于UI設(shè)計(jì)還沒(méi)第二個(gè)輪回就直接進(jìn)入意識(shí)控制而不需要UI了。我也只是發(fā)表下自己觀點(diǎn)。觀點(diǎn)對(duì)或不對(duì)，現(xiàn)在沒(méi)人能下定論，也不是本文的重點(diǎn)。希望本文中的一些觀點(diǎn)對(duì)讀者有所啟發(fā)、刺激更進(jìn)一步的思考。

來(lái)源：http://www.godling-studio.com