“類扁平化設(shè)計”時代到來了

0 評論 1829 瀏覽 0 收藏 9 分鐘
? ? ? ?飽受爭議的iOS 7正式版發(fā)布數(shù)日,但用戶對其扁平化的設(shè)計風(fēng)格仍然褒貶不一。關(guān)于蘋果的這次大膽的嘗試,業(yè)界一直對于“擬物化設(shè)計”和“扁平化設(shè)計”的評論眾說紛紜,褒貶不一,有些則比較偏頗;所謂偏頗,也就是片面表達某種風(fēng)格一定比某種風(fēng)格更好,以及好在哪里。

我先闡述幾個概念,方便大家了解一下蘋果為什么這么做?我們?yōu)槭裁催@么做!而筆者認(rèn)為二者并無非陰即陽,非黑即白,非瘦即胖的對立關(guān)系,因為設(shè)計并無好壞之分,存在即合理。拖離開產(chǎn)品以及用戶,那些誰對誰錯的判斷都是顯得毫無底氣。況且蘋果根本就沒有否定并且取消“擬物化設(shè)計”,而且之前老喬時代,iOS界面里同樣有扁平化的影子。

何為“擬物化設(shè)計”?

擬物化設(shè)計的概念就不再這里闡述了,簡單的理解就是“模擬現(xiàn)實對象”。按照蘋果的說法,應(yīng)用程序的外觀看起來與現(xiàn)實生活中的對應(yīng)物越接近,使用起來就越簡單,相應(yīng)的也有利于改善應(yīng)用程序的用戶體驗。

而筆者要說的是,人類最早的語言“象形文字”便是擬物化,人類幾乎所有的文字一開始都是象形文字,用擬物的方式來描繪現(xiàn)實世界中的東西,學(xué)習(xí)成本低,易記。老喬對界面設(shè)計的一個理想是,任何年齡的人,任何經(jīng)歷的人,都可以在拿到設(shè)備后的幾分鐘內(nèi)輕松的掌握它的用法。于是Apple通過利用人們的日常經(jīng)驗,做出擬物化的界面,從而降低用戶的學(xué)習(xí)成本以及理解難度。

想像一下,當(dāng)你應(yīng)用中的可視化對象和操作按照現(xiàn)實世界中的對象與操作仿造,用戶就能快速領(lǐng)會如何使用它。模擬實物的視覺設(shè)計和交互體驗,讓用戶完全不用去抽象的理解就可以直觀的認(rèn)知和使用。當(dāng)你到三里屯的Apple Store里面,你會發(fā)現(xiàn)很多的小孩,兒童,老人在操作iPhone、iPad的時候,根本不需要別人去教,自己玩幾分鐘即可以流暢的使用他們。

蘋果之所以形成了如今的界面風(fēng)格,是因為老喬對低學(xué)習(xí)成本的極大的重視,因而才會在界面中大量使用隱喻和模仿;而如今的扁平化設(shè)計也沒有從本質(zhì)上脫離這個根本的軌道。

何為“扁平化設(shè)計”?

扁平化設(shè)計(Flat design)完全屬于二次元,這個概念最核心的地方就是放棄一切裝飾效果,諸如陰影,透視,紋理,漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈利落,沒有任何羽化,漸變,或者陰影。

扁平化設(shè)計其實是一門古老的UI設(shè)計,早在windows 95時代開始,我們在PC上看到的BIOS設(shè)置界面就是非常典型的扁平化設(shè)計,他當(dāng)時不美觀,但是并不難學(xué),而且扁平化界面很是清晰明了!

“扁平化設(shè)計”有著鮮明的視覺效果,整個界面的配色平均會采用到6-8種顏色(這個對于開發(fā)團隊的挑戰(zhàn)極大),頁面效果更加絢麗、明亮。它所使用的元素之間有著清晰的層次和布局,這使得用戶能直觀的了解每個元素的作用以及交互方式。在需要展現(xiàn)強大信息流的界面內(nèi),它讓用戶最大程度地減少學(xué)習(xí)使用成本。僅僅憑借用戶的直覺就大概能夠明白每個對象、按鈕的作用。

“類扁平化設(shè)計”時代到來了

微軟在Win8 metro界面中,使用了完全的扁平化設(shè)計;在蘋果產(chǎn)品及iOS系統(tǒng)中,看到了部分扁平化設(shè)計影子,在Google中,我們也同樣看到了準(zhǔn)扁平化設(shè)計模式。

蘋果這一次徹底否定了什么?

筆者拋出“類扁平化設(shè)計”概念,就是因為從邏輯上講,蘋果并未拋棄“擬物化設(shè)計”,同樣也并未完全追求所謂的“扁平化設(shè)計”,而是擬物化的扁平化設(shè)計這種兼容并包的嘗試。蘋果這次徹底拋棄了“浮雕化設(shè)計”。所以,蘋果的這種“類扁平化設(shè)計”的邏輯出發(fā)點是“ 為觸摸優(yōu)化”。

何為浮雕化設(shè)計?

鼠標(biāo)時代的開始,“富有智慧”的“浮雕化設(shè)計”作為新生事物便開始躍躍欲試,記得從Mac OS 6和Windows 3.1開始,PC的界面開始大膽使用浮雕效果?!髽?biāo)的光標(biāo)點擊動作在屏幕上得到確認(rèn),設(shè)計者使用了“浮雕效果”讓按鈕能夠清晰地展現(xiàn)“選中、按下、彈起“狀態(tài),整個鼠標(biāo)主導(dǎo)下的GUI的風(fēng)格都是以此為出發(fā)點,并且沿用至今。

記得08年底,我剛剛籌劃博看文思的那個時候,連我自己都沒有相信,移動互聯(lián)網(wǎng)僅僅用了4、5年的時間幾乎把互聯(lián)網(wǎng)10多年發(fā)展的內(nèi)容全部做了一遍,而且移動智能終端的SoLoMO的特性又開始把互聯(lián)網(wǎng)做不到的內(nèi)容和服務(wù)又做了一遍。

鼠標(biāo)的興起成就了“浮雕化設(shè)計”的輝煌?,F(xiàn)在,千元智能手機也都已經(jīng)成為了各家手機廠商喊殺價格戰(zhàn)的“紅海”,蘋果這次大膽的取消了浮雕效果,基本就是觸摸操控興起和鼠標(biāo)沒落的結(jié)果,因為摸操控的時代已經(jīng)開始了。

類扁平化設(shè)計時代到來

“類扁平化設(shè)計”并未徹底拋棄擬物化的優(yōu)勢,但是,從另一個維度,它在 “扁平化設(shè)計”方面進行了大膽的嘗試:如取消了浮雕效果。

在觸摸的時代,浮雕效果的必要性大大減弱了,它變成了一種偏重裝飾性的多余的設(shè)計。

“類扁平化設(shè)計”成為一種必然的趨勢,并不是單純的因為審美疲勞導(dǎo)致的為了變化而變化:

1、“類扁平化設(shè)計”具備非常好的兼容性,而單純的擬物化設(shè)計既繁瑣又費時。現(xiàn)在是一個多屏的時代,不同尺寸和分辨率的的智能終端,PC顯示器、智能電視、以及所謂的智能手表等等,你會發(fā)現(xiàn),類扁平化設(shè)計都能很好的適配到不同的終端上。

2、“類扁平化設(shè)計“具備優(yōu)秀的組織和展現(xiàn)信息的能力?,F(xiàn)在是一個信息紛雜的時代,扁平化設(shè)計可以把紛繁復(fù)雜的內(nèi)容和功能有效的組織起來,以簡單但合理的方式排列,使得最終的用戶界面變得如此的簡單易用。

3、“類扁平化設(shè)計”更適合屏幕較小的智能終端,它有更少的按鈕和選項,使整個界面干凈整潔、條理清晰,讓用戶減少認(rèn)知障礙,降低用戶的學(xué)習(xí)成本。

沒有任何公司能夠把所有的生意都做完,也沒有任何的商人能夠把全世界所有的錢都能賺完。同樣,也沒有任何的設(shè)計風(fēng)格能夠包打天下。但是筆者認(rèn)為,泛濫的數(shù)據(jù)、紛雜交叉的信息流、PC時代網(wǎng)頁當(dāng)在前多屏?xí)r代就要憑借 “類扁平化設(shè)計”呈現(xiàn)給用戶。

“類扁平化設(shè)計”才剛剛開始。

(作者系可穿戴智能設(shè)備應(yīng)用picooc創(chuàng)始人)

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!