轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( www.miumiuwan.com )是一家專注而深入的設(shè)計機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源:http://www.woshipm.com/design/24542.html
實際上是這一兩年,我們可以發(fā)現(xiàn)越來越多的程序的GUI變得平面化了:google、Microsoft、facebook、甚至apple的首席設(shè)計師Jony Ive也說過蘋果會開始適當(dāng)扁平化一點,WWDC2013的新logo也能看出這個暗示了。 于是很多人都問,為什么會有這樣的趨勢了?
我認(rèn)為扁平化是一個必然趨勢。并不是單純的因為審美疲勞導(dǎo)致的為了變化而變化,而主要是因為數(shù)碼化程度越來越高的日常生活中導(dǎo)致的。隨著時代的變化,一方面是擬物化作用越來越少而退出主流,另一方面是扁平化更適應(yīng)新時代的需求。
我先推薦讀者看一下知乎上的兩篇討論:
首先要明確的是:
扁平化設(shè)計并不是為了拍扁而拍扁,它是一種設(shè)計理念,色塊是它的外在表現(xiàn)形式。
同樣的,擬物化也是不應(yīng)該是為了擬物而擬物,立體是它的外在表現(xiàn)形式。
這個應(yīng)該爭論不多。
本文將主要從擬物/扁平設(shè)的出發(fā)點討論他們的時代特點,而不是外在形式,請讀者們牢記在心以免不必要的誤解。
其次要明確的,也是很有爭論的是:
擬物和扁平到底是不是對立的?
如果說扁平是一種極端,那另一個極端是什么?雖然這兩者的出發(fā)點是不同但不完全相反,但似乎除了擬物沒有更適合當(dāng)扁平化的假想敵了。說道風(fēng)格,除了flat和擬物,我也不太想得到其他詞,至少從實際流行度變化來看也確實是這樣的。
有人說計算器的例子,win8的計算器拍扁了,但也是依然是擬物化,布局和實體計算器一個樣,所以擬物和扁平是可以共存。初看是有道理的,但細(xì)想的話我覺得這個例子沒有說服力。其實數(shù)字計算機(jī)本身就是個扁平化的計算器。就算不去想實體計算器,按照信息構(gòu)架從0開始設(shè)計一個計算器,很有可能也會是那么類似的結(jié)果。更不用說數(shù)字計算器光字面上就是個有UI的計算機(jī)了,只不過這個UI很簡單略復(fù)古和現(xiàn)在的UI的概念略有差別而不一定能被我們馬上意識到是UI而已。有沒有人記得算盤?一個珠子代表一或五的算盤,那估計算是擬物化設(shè)計的計算器了。
而至于用色塊畫個溫度計、用色塊畫個模擬時鐘什么的,要我說那本質(zhì)依然是擬物。而不是所謂共存的形式。
再退一步,就算擬物化和扁平不是對立的也沒關(guān)系,這兩者放在一起談一談也是有必要的。
我們先來看一下為什么有擬物化這個東西:
Jobs對界面設(shè)計的一個理想是,任何年齡的人,任何經(jīng)歷的人,都可以在拿到設(shè)備后的幾分鐘內(nèi)輕松的掌握它的用法。于是apple通過利用人們的日常經(jīng)驗,做出擬物化的界面,從而降低用戶的學(xué)習(xí)成本以及理解難度,正如《iOS Human Interface Guidelines》里提到,
「當(dāng)你應(yīng)用中的可視化對象和操作按照現(xiàn)實世界中的對象與操作仿造,用戶就能快速領(lǐng)會如何使用它?!?/p>
最早最常見的擬物化,或許就是按鈕了,突起的表示可以按的,凹陷的表示已經(jīng)被按了。確實易懂。擬物化在當(dāng)時那個數(shù)碼設(shè)備尚未十分普及的時代,毫無疑問是效果是不錯的。
但是,數(shù)碼設(shè)備的普及+一個萬能的手機(jī),成了擬物化沒落的起始點。
前面也說了,在數(shù)碼設(shè)備普及度不高的時代,擬物化是有效果的,我相信對于從未接觸過數(shù)碼設(shè)備的老人/小孩應(yīng)該是尤其效果拔群的。
但是在人人有電腦,人人有智能機(jī),日常和學(xué)習(xí)/辦公都離不開計算機(jī),不會用計算機(jī)就像美國人沒駕照一樣奇怪的信息時代,我們還有必要去那么刻意地降低學(xué)習(xí)成本生怕用戶不會用么?何況大多數(shù)軟件的市場本身就不把老人/小孩考慮在內(nèi)。
一個先進(jìn)的設(shè)備得通過模仿古老的東西讓用戶快速理解,是時代過渡中的一個不得已。在未來人眼中,一個溫度計的app要特地設(shè)計成實體溫度計的樣子,一定傻/蛋疼透了。
更進(jìn)一步的,擬物≠,刻意的在交互上擬物,有時候反而降低了效率。隨著數(shù)碼的普及,人們對產(chǎn)品的要求也是在變的,后面的「數(shù)碼滲入生活」章節(jié)會提到。
當(dāng)一個數(shù)碼設(shè)備可以完成聽音樂、寫東西、看地圖、打電話等一切任務(wù)的時候,傳統(tǒng)的東西必然會失去競爭力而逐漸退出歷史舞臺。那時候,就算想擬物也沒東西可以給你擬了。
圖標(biāo)就是個很好的例子:代表「保存」的3.5英寸軟盤、代表「留言」的磁帶、書簽……有些人年輕人甚至連話筒也不認(rèn)識,認(rèn)為所謂電話,就是iphone這樣的一塊金屬。在這樣的趨勢下,擬物化就算依然奏效,也得謹(jǐn)慎選擇了。
事實上很多擬物化設(shè)計并沒有遵從擬物化設(shè)計的初衷。不給記事軟件加封皮會影響用戶理解嗎?日歷程序有個翻頁動畫幫助了用戶理解程序用法嗎?……
「所以一個使用玻璃溫度計圖片的天氣app就是擬物化:玻璃在原來(現(xiàn)實中的溫度計)是必要的,而在新設(shè)計中變?yōu)橥耆难b飾?!?br /> ~ Sacha Greif
「在現(xiàn)實世界中,當(dāng)一個按鈕按下,你能感受到它的彈性和彈力,但是在手機(jī)或者屏幕上,有物理上反饋的先天不足。你的意識知道物理性的存在而擬物化沒有。所以至少對我來說,它事實上沒有達(dá)到預(yù)期和讓我失望的時刻?!?br /> ~ Allan Yu (svpply / eBay)
連Wikipedia也說:
「一個產(chǎn)品的設(shè)計元素模仿其在原始產(chǎn)品設(shè)計中是必要功能,但是在新的設(shè)計中變?yōu)檠b飾的設(shè)計元素」
人們對數(shù)碼產(chǎn)品的印象是隨著普及度變化的。
在計算機(jī)還是個普及度有限的東西,數(shù)碼產(chǎn)品在一些人眼中是有點神秘的——「炫」「酷」「時尚」。記得十幾年前看到一個逼真的金屬外殼的播放器皮膚,真是覺得屌爆了!覺得計算機(jī)好帥氣!于是也出現(xiàn)了很多向我一樣的界面愛好者,著迷于華麗炫酷的界面;能畫一手華麗的圖標(biāo)的,進(jìn)一個IT大企業(yè)當(dāng)個設(shè)計師也是十拿九穩(wěn)的;也沒人會去說一個畫簡潔圖標(biāo)的人好厲害。很多GUI設(shè)計在可以傳遞一種意識「這是計算機(jī),與眾不同」。
那個時代,我們是「享受計算機(jī)」,精美的GUI也是享受的其中一環(huán)。
但是現(xiàn)在數(shù)碼產(chǎn)品廣泛地滲入到大家的生活中后、成為日常生活不可分離的一部分后,數(shù)碼產(chǎn)品對我們不再有神秘感。聽歌得靠它、找資料得靠它、報名得靠它、找路得靠它、制定計劃得靠它……計算機(jī)的使用頻率如此之高,使得人們對計算機(jī)的印象慢慢轉(zhuǎn)向效率、靠譜、萬能。對于一個這樣的生活必需品,我們需要很精致甚至華麗的外觀嗎?
我相信隨著普適計算的滲入,計算機(jī)對人們來說會變得越來越純粹——執(zhí)行必須的任務(wù)——執(zhí)行完就關(guān)掉。計算機(jī)是個熟悉的不能再熟悉的東西了,一個記事程序?qū)ξ磥砣藗儊碚f,或許就像一個(真)筆記本對于現(xiàn)在的我們:它的作用就應(yīng)該是那么純粹、簡單。越來越多的人會覺得「一個打字程序而已為什么要做的那么復(fù)雜?」,就像現(xiàn)在的我們看到一個花里花俏的鉛筆會覺得「為什么一個鉛筆還要做的那么復(fù)雜?」
未來的時代,人們的重心將會從「享受計算機(jī)」轉(zhuǎn)變到「隨心使用計算機(jī)」。GUI的設(shè)計也必然會慢慢會拋棄華麗的外皮,而專注于信息和任務(wù)本身。扁平化設(shè)計是非常適合這種需求的,當(dāng)然也可以換過來說,擬物化設(shè)計在這種場景下是有點畫蛇添足的。
再想一下近未來的數(shù)碼社會會是怎么樣的吧??祵幒臀④浂枷蛭覀冋故具^了他們的近期展望——不管是AR還是屏幕,總之是一個充滿了UI的生活。不僅僅是使用情景碎片化了,連界面也碎片化了。(感謝Woeh的意見)在隨便望一眼都是很多UI的時代,你能想象充滿了高光、陰影的GUI的話會是怎么樣的場景嗎?
GUI的目標(biāo)會從沉浸式轉(zhuǎn)向碎片化,慢慢向平面設(shè)計、工業(yè)設(shè)計靠攏,而形成設(shè)計圈的大統(tǒng)一、生活「材質(zhì)」的大統(tǒng)一。
在更遙遠(yuǎn)的未來,或許按鈕不叫按鈕了,叫觸發(fā)器之類更抽象的名字了,或者,干脆沒有按鈕這類東西了,因為操縱電腦不再需要手了,也許連GUI都不需要了,一切將會是信息流而已。
審美疲勞雖然是次要因素,但也不可忽略。
那個時代,GUI圈有著普遍的設(shè)計美學(xué)。Layervault的Allen Grinshtein在一篇發(fā)表于HackerNews的文章中,他說:
「網(wǎng)頁中廣受歡迎的產(chǎn)品通常都有一些類似的設(shè)計美學(xué),比如一些立體、內(nèi)陰影、外陰影等。對設(shè)計師來說,他們會以實現(xiàn)這種“媚俗”的界面而感到自豪?!?/p>
論天下設(shè)計,簡久必繁,繁久必簡。 GUI也不例外,不管是制作方還是用戶,都會審美疲勞。就算不疲勞,有些產(chǎn)品需要標(biāo)新立異,與眾不同。
綜上,隨著時代的變遷,擬物化的「設(shè)計」屬性越來越少,從而慢慢變成為一種「(視覺裝飾)風(fēng)格」。
作為一種設(shè)計,擬物化的好處會越來越少,而隨之帶來的開發(fā)成本增加、審美疲勞等問題,使得用它的理由越來越少了。
當(dāng)然,擬物化不會在就此馬上消失,一方面風(fēng)格這東西不存在好壞,總會有一部分人喜歡,另一方面?zhèn)€別程序需要趣味和親和力,也確實有必要用到擬物化。而極簡的設(shè)計,也會被人看膩而適當(dāng)加入一些裝飾元素。
最后最后,未來科技發(fā)展的實際情況也沒人知道,或許遠(yuǎn)遠(yuǎn)慢于我們的預(yù)期,也有可能遠(yuǎn)遠(yuǎn)快于我們的預(yù)期以至于UI設(shè)計還沒第二個輪回就直接進(jìn)入意識控制而不需要UI了。我也只是發(fā)表下自己觀點。觀點對或不對,現(xiàn)在沒人能下定論,也不是本文的重點。希望本文中的一些觀點對讀者有所啟發(fā)、刺激更進(jìn)一步的思考。
來源:http://www.godling-studio.com
藍(lán)藍(lán)設(shè)計的小編 http://www.miumiuwan.com