談UI的扁平化潮流與擬物化的減退

2013-5-11   

轉載藍藍設計(   yvirxh.cn  )是一家專注而深入的設計機構 ,為期望卓越的國內外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 、平面設計服務

來源:http://www.woshipm.com/design/24542.html

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中,   請點這里flat design

 

前言

實際上是這一兩年,我們可以發(fā)現(xiàn)越來越多的程序的GUI變得平面化了:google、Microsoft、facebook、甚至apple的首席設計師Jony Ive也說過蘋果會開始適當扁平化一點,WWDC2013的新logo也能看出這個暗示了。 于是很多人都問,為什么會有這樣的趨勢了?

我認為扁平化是一個必然趨勢。并不是單純的因為審美疲勞導致的為了變化而變化,而主要是因為數(shù)碼化程度越來越高的日常生活中導致的。隨著時代的變化,一方面是擬物化作用越來越少而退出主流,另一方面是扁平化更適應新時代的需求。

About

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

  • 「傳 Jony Ive 正在推動 iOS 采用扁平化設計(Flat Design),這會有怎樣的影響? 」
  • 「iOS 的擬物設計和 Metro UI 的 Tile 設計風格,分別有哪些優(yōu)劣勢? 」

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

其次要明確的,也是很有爭論的是:
擬物和扁平到底是不是對立的?

如果說扁平是一種極端,那另一個極端是什么?雖然這兩者的出發(fā)點是不同但不完全相反,但似乎除了擬物沒有更適合當扁平化的假想敵了。說道風格,除了flat和擬物,我也不太想得到其他詞,至少從實際流行度變化來看也確實是這樣的。

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

而至于用色塊畫個溫度計、用色塊畫個模擬時鐘什么的,要我說那本質依然是擬物。而不是所謂共存的形式。

再退一步,就算擬物化和扁平不是對立的也沒關系,這兩者放在一起談一談也是有必要的。

擬物化的沒落

我們先來看一下為什么有擬物化這個東西:

Jobs對界面設計的一個理想是,任何年齡的人,任何經歷的人,都可以在拿到設備后的幾分鐘內輕松的掌握它的用法。于是apple通過利用人們的日常經驗,做出擬物化的界面,從而降低用戶的學習成本以及理解難度,正如《iOS Human Interface Guidelines》里提到,

「當你應用中的可視化對象和操作按照現(xiàn)實世界中的對象與操作仿造,用戶就能快速領會如何使用它?!?/p>

最早最常見的擬物化,或許就是按鈕了,突起的表示可以按的,凹陷的表示已經被按了。確實易懂。擬物化在當時那個數(shù)碼設備尚未十分普及的時代,毫無疑問是效果是不錯的。

但是,數(shù)碼設備的普及+一個萬能的手機,成了擬物化沒落的起始點。

不再需要降低學習成本

前面也說了,在數(shù)碼設備普及度不高的時代,擬物化是有效果的,我相信對于從未接觸過數(shù)碼設備的老人/小孩應該是尤其效果拔群的。

但是在人人有電腦,人人有智能機,日常和學習/辦公都離不開計算機,不會用計算機就像美國人沒駕照一樣奇怪的信息時代,我們還有必要去那么刻意地降低學習成本生怕用戶不會用么?何況大多數(shù)軟件的市場本身就不把老人/小孩考慮在內。

一個先進的設備得通過模仿古老的東西讓用戶快速理解,是時代過渡中的一個不得已。在未來人眼中,一個溫度計的app要特地設計成實體溫度計的樣子,一定傻/蛋疼透了。

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

失效

當一個數(shù)碼設備可以完成聽音樂、寫東西、看地圖、打電話等一切任務的時候,傳統(tǒng)的東西必然會失去競爭力而逐漸退出歷史舞臺。那時候,就算想擬物也沒東西可以給你擬了。

圖標就是個很好的例子:代表「保存」的3.5英寸軟盤、代表「留言」的磁帶、書簽……有些人年輕人甚至連話筒也不認識,認為所謂電話,就是iphone這樣的一塊金屬。在這樣的趨勢下,擬物化就算依然奏效,也得謹慎選擇了。

擬物化的濫用

事實上很多擬物化設計并沒有遵從擬物化設計的初衷。不給記事軟件加封皮會影響用戶理解嗎?日歷程序有個翻頁動畫幫助了用戶理解程序用法嗎?……

「所以一個使用玻璃溫度計圖片的天氣app就是擬物化:玻璃在原來(現(xiàn)實中的溫度計)是必要的,而在新設計中變?yōu)橥耆难b飾?!?br /> ~ Sacha Greif

「在現(xiàn)實世界中,當一個按鈕按下,你能感受到它的彈性和彈力,但是在手機或者屏幕上,有物理上反饋的先天不足。你的意識知道物理性的存在而擬物化沒有。所以至少對我來說,它事實上沒有達到預期和讓我失望的時刻。」
~ Allan Yu (svpply / eBay)

連Wikipedia也說:

「一個產品的設計元素模仿其在原始產品設計中是必要功能,但是在新的設計中變?yōu)檠b飾的設計元素

數(shù)碼滲入生活

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

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

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

再想一下近未來的數(shù)碼社會會是怎么樣的吧。康寧和微軟都向我們展示過了他們的近期展望——不管是AR還是屏幕,總之是一個充滿了UI的生活。不僅僅是使用情景碎片化了,連界面也碎片化了。(感謝Woeh的意見)在隨便望一眼都是很多UI的時代,你能想象充滿了高光、陰影的GUI的話會是怎么樣的場景嗎?

GUI的目標會從沉浸式轉向碎片化,慢慢向平面設計、工業(yè)設計靠攏,而形成設計圈的大統(tǒng)一、生活「材質」的大統(tǒng)一。

在更遙遠的未來,或許按鈕不叫鈕了,叫觸發(fā)器之類更抽象的名字了,或者,干脆沒有按鈕這類東西了,因為操縱電腦不再需要手了,也許連GUI都不需要了,一切將會是信息流而已。

審美疲勞

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

那個時代,GUI圈有著普遍的設計美學。Layervault的Allen Grinshtein在一篇發(fā)表于HackerNews的文章中,他說:

「網頁中廣受歡迎的產品通常都有一些類似的設計美學,比如一些立體、內陰影、外陰影等。對設計師來說,他們會以實現(xiàn)這種“媚俗”的界面而感到自豪?!?/p>

論天下設計,簡久必繁,繁久必簡。 GUI也不例外,不管是制作方還是用戶,都會審美疲勞。就算不疲勞,有些產品需要標新立異,與眾不同。

最後

綜上,隨著時代的變遷,擬物化的「設計」屬性越來越少,從而慢慢變成為一種「(視覺裝飾)風格」。
作為一種設計,擬物化的好處會越來越少,而隨之帶來的開發(fā)成本增加、審美疲勞等問題,使得用它的理由越來越少了。
當然,擬物化不會在就此馬上消失,一方面風格這東西不存在好壞,總會有一部分人喜歡,另一方面?zhèn)€別程序需要趣味和親和力,也確實有必要用到擬物化。而極簡的設計,也會被人看膩而適當加入一些裝飾元素。

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

來源:http://www.godling-studio.com

日歷

鏈接

個人資料

藍藍設計的小編 http://yvirxh.cn

存檔