IOS7界面能否再次引領(lǐng)風(fēng)潮

隨著智能手機(jī)的普及，各類(lèi)手機(jī)應(yīng)用軟件也在加大更新?lián)Q代的速度和力度。安卓系統(tǒng)和蘋(píng)果IOS系統(tǒng)的廣泛開(kāi)發(fā)普及，使得現(xiàn)代人早已真正進(jìn)入了一個(gè)移動(dòng)信息時(shí)代。淘汰了傳統(tǒng)意義上以諾基亞手機(jī)為代表的用于常規(guī)通訊的手機(jī)應(yīng)用系統(tǒng)，蘋(píng)果IOS系統(tǒng)引領(lǐng)了移動(dòng)信息時(shí)代的變革，它徹底的顛覆了現(xiàn)代人的生活方式。走極簡(jiǎn)主義路線(xiàn)的IPhone，外觀簡(jiǎn)潔到只有一個(gè)按鍵，它將極簡(jiǎn)主義風(fēng)格發(fā)揮到了極致，而內(nèi)部系統(tǒng)擬物化設(shè)計(jì)卻讓這部小小的白色矩形物，簡(jiǎn)潔不簡(jiǎn)單，它利用擬物化的逼真二維圖像將我們帶入一個(gè)三維的感官世界。各大網(wǎng)絡(luò)平臺(tái)一時(shí)間均采用了這種逼真的界面設(shè)計(jì)手法，擬物化設(shè)計(jì)風(fēng)格風(fēng)靡一時(shí)，而隨著2011年10月蘋(píng)果公司前首席執(zhí)行官喬布斯的離世，新任執(zhí)行官蒂姆.庫(kù)克上任后，設(shè)計(jì)風(fēng)格從擬物化逐漸轉(zhuǎn)向與扁平化，設(shè)計(jì)風(fēng)潮逐漸顛覆。一時(shí)間，各大設(shè)計(jì)網(wǎng)站針對(duì)擬物化設(shè)計(jì)好，還是扁平化設(shè)計(jì)佳的議論不絕于口，而這兩種完全對(duì)立的風(fēng)格，在今天我們的界面設(shè)計(jì)運(yùn)用中，都存在著哪些可取舍之處呢，這正是筆者想要探討的問(wèn)題。

擬物化設(shè)計(jì)及其優(yōu)劣勢(shì)

首先我們來(lái)了解下，什么是擬物化設(shè)計(jì)？擬物化設(shè)計(jì)是“一種產(chǎn)品設(shè)計(jì)的元素或者風(fēng)格，是指原有物件中某些必需的形式在新的設(shè)計(jì)中已不再必要，但新設(shè)計(jì)仍模仿舊的形式，以使新的外觀讓人感覺(jué)熟悉和親切”，這不僅僅是Web和多媒體界面設(shè)計(jì)領(lǐng)域設(shè)計(jì)風(fēng)格的親民路線(xiàn)，更可以看作是技術(shù)領(lǐng)域的路徑依賴(lài)。

蘋(píng)果公司扁平化設(shè)計(jì)的提倡者是推崇極簡(jiǎn)主義風(fēng)格的Jony Ive和Tim.Cook，他們?cè)贗OS7系統(tǒng)中徹底顛覆了曾讓擬物化設(shè)計(jì)無(wú)處不在的Scott Forstall路線(xiàn)。

那么，擬物化設(shè)計(jì)曾雄踞一時(shí)的優(yōu)勢(shì)在哪里呢？

1.感知性

擬物化設(shè)計(jì)廣泛引用了用戶(hù)在現(xiàn)實(shí)世界中熟悉的對(duì)象作為用戶(hù)界面控制元素，從而減少了用戶(hù)對(duì)計(jì)算機(jī)或移動(dòng)終端的心理恐懼感和認(rèn)知障礙感，它直接引導(dǎo)了正確快速控制界面的使用方式。如 ibooks的界面設(shè)計(jì)就完全模擬了一個(gè)木質(zhì)紋理的書(shū)架，當(dāng)用戶(hù)購(gòu)買(mǎi)完書(shū)籍時(shí)，它會(huì)像真實(shí)的書(shū)架一樣，將書(shū)整齊的擺放，同時(shí)，閱讀時(shí)的體驗(yàn)也是完全模擬真書(shū)閱覽時(shí)的感覺(jué)，讓用戶(hù)不會(huì)產(chǎn)生陌生感，減少了學(xué)習(xí)成本和心理障礙。

2.藝術(shù)審美性

相信欣賞過(guò)西方古典繪畫(huà)藝術(shù)與現(xiàn)代抽象繪畫(huà)藝術(shù)的人第一眼看畫(huà)時(shí)，總是傾向于前者的寫(xiě)實(shí)美感，的確，不是所有審美都是要經(jīng)過(guò)高度的抽象和深刻提煉的，只要不妨礙用戶(hù)對(duì)功能的使用，讓普通大眾賞心悅目的界面設(shè)計(jì)也是美學(xué)設(shè)計(jì)的責(zé)任所在。讓普通用戶(hù)像欣賞大眾藝術(shù)品一樣欣賞悅目的界面外觀，又何嘗不是以IOS6為代表的擬物化設(shè)計(jì)成功的原因之一呢？

3.邏輯性

有人認(rèn)為擬物化設(shè)計(jì)是單純用炫目外觀吸引用戶(hù)眼球的一種手段，實(shí)則不然，其本質(zhì)不在于好看的外觀，而在于組織和交流信息的邏輯形式，比如紙張的設(shè)計(jì)，不單純僅模擬紙張的模式，材質(zhì)，而是模擬紙張的疊加、覆蓋、抽拉等空間關(guān)系，如此，紙張的裂口和陰影是必要的擬物設(shè)計(jì)，它產(chǎn)生的虛擬邏輯更能有效果地區(qū)別和組織信息。

早先蘋(píng)果公司的喬布斯是極力提倡擬物化設(shè)計(jì)的，因?yàn)樗局愿幼匀坏恼J(rèn)知體驗(yàn)方式讓用戶(hù)減少對(duì)電腦操作產(chǎn)生的恐懼感，在用戶(hù)與界面的交互場(chǎng)景中，擬物化設(shè)計(jì)可以最大化的類(lèi)比效果，通過(guò)材質(zhì)等三維方式更加真實(shí)的呈現(xiàn)問(wèn)題，解決問(wèn)題，更加友好的引導(dǎo)用戶(hù)，使操作過(guò)程變得簡(jiǎn)單而又親切。

歸結(jié)到底，擬物化設(shè)計(jì)代表了一派有趣，熟悉，友善，親切的設(shè)計(jì)哲學(xué)。但是否擬物化設(shè)計(jì)就是全然的“好的設(shè)計(jì)”呢？不盡然，過(guò)度、強(qiáng)行的擬物化也是增加用戶(hù)認(rèn)知負(fù)擔(dān)的包袱。如podcast是擬物化設(shè)計(jì)中的失敗案例，設(shè)計(jì)師竭力想表現(xiàn)出老式復(fù)古的舊式磁帶盒界面，但卻犧牲了界面功能的便捷性，界面中的按鈕難以被利用，更多時(shí)候，新一代的用戶(hù)根本不知道老式磁帶盒是如何操作和使用的，這樣無(wú)形中使得新的使用者被迫去適應(yīng)老的習(xí)慣，反而使得擬物化設(shè)計(jì)的初衷——親民的設(shè)計(jì)，相行漸遠(yuǎn)。

扁平化設(shè)計(jì)及其優(yōu)劣勢(shì)

所謂扁平化設(shè)計(jì)，即Flat Design 也被稱(chēng)為Minimal Design，Honest Design，微軟公司稱(chēng)Authentically Digital，指的是放棄一切裝飾效果，如陰影、斜面、透視、紋理、漸變、所有的3D元素梯度一概不用，所有元素邊界都干凈利落，沒(méi)有任何羽化，更簡(jiǎn)潔的界面風(fēng)格，可以更加直接的將信息和系統(tǒng)的工作方式展示出來(lái)，減少認(rèn)知障礙，其缺點(diǎn)是需要增加一定的學(xué)習(xí)成本，畢竟高度精煉的圖形圖像不如擬物化設(shè)計(jì)來(lái)的直觀。

大多數(shù)扁平化設(shè)計(jì)具有六個(gè)特征-不添加效果、實(shí)用性、簡(jiǎn)單元素設(shè)計(jì)和注重排版、注重色彩和奉行極簡(jiǎn)主義。

1.不添加效果

與擬物化設(shè)計(jì)相反，扁平化設(shè)計(jì)真正的將設(shè)計(jì)拍“扁”，拒絕一切特殊效果，它依賴(lài)于清晰明確的層次結(jié)構(gòu)和元素布局。

2.實(shí)用性

簡(jiǎn)潔的設(shè)計(jì)語(yǔ)言，精準(zhǔn)的感知定位，可以使用戶(hù)的深度操作變得明確而有序，從而在效率上獲得平衡，對(duì)于設(shè)計(jì)人員來(lái)說(shuō)，擺脫繁瑣而又費(fèi)時(shí)的擬物化設(shè)計(jì)，則可以大大降低人力成本，適用性更佳。

3.簡(jiǎn)單元素設(shè)計(jì)

不規(guī)則形狀在扁平化設(shè)計(jì)中幾乎見(jiàn)不到，方、圓、圓角等這類(lèi)簡(jiǎn)單元素十分的常見(jiàn)，減弱繁復(fù)形狀帶來(lái)的視覺(jué)干擾。

4.注重排版

排版的目的在于幫助用戶(hù)理解設(shè)計(jì)，避免錯(cuò)綜混淆的視覺(jué)引導(dǎo)，最終使得易用性和交互性得到統(tǒng)一。由于扁平化設(shè)計(jì)要求元素更加簡(jiǎn)單，排版的重要性就更為突出，字體的大小應(yīng)匹配整體設(shè)計(jì)。且往往用字的大小與比重來(lái)區(qū)分元素。

5.關(guān)注色彩

色彩搭配對(duì)于扁平化設(shè)計(jì)十分重要，由于擬物化設(shè)計(jì)為了實(shí)現(xiàn)逼真的視覺(jué)效果，所以用色十分豐富，而扁平化設(shè)計(jì)的色彩使用方式要符合設(shè)計(jì)形式，盡量使用較少的色調(diào)，來(lái)以大塊面的形式去表現(xiàn)界面的層次與結(jié)構(gòu)。

6.奉行極簡(jiǎn)主義

Less is more，扁平化設(shè)計(jì)師們所奉行的也是此信念，初衷是在有限的空間里完成復(fù)雜的交互，扁平化設(shè)計(jì)可以在復(fù)雜的交互中保持設(shè)計(jì)的一致性，減少噪音和干擾，從而達(dá)到化繁為簡(jiǎn)的效果。

總之，扁平化設(shè)計(jì)優(yōu)點(diǎn)是的適用性，使得設(shè)計(jì)人力成本大為節(jié)約，缺點(diǎn)是增加一些學(xué)習(xí)成本，由于物相不直接，沒(méi)有擬物化設(shè)計(jì)的優(yōu)勢(shì)，需要擬物化設(shè)計(jì)做前期的鋪墊，且傳達(dá)的感情過(guò)于冷冰。

擬物化設(shè)計(jì)與扁平化設(shè)計(jì)的比較

由于擬物化設(shè)計(jì)的制作成本高，耗費(fèi)時(shí)間長(zhǎng)，繁復(fù)的高光、投影、漸變、斜面讓整個(gè)設(shè)計(jì)從時(shí)間和人力成本上大為增加，而扁平化設(shè)計(jì)成本相對(duì)較低，創(chuàng)建多個(gè)屏幕尺寸和分辨率的擬物化設(shè)計(jì)是繁瑣而又費(fèi)時(shí)的，一次性解決當(dāng)下問(wèn)題是扁平化設(shè)計(jì)之所以成為當(dāng)下流行趨勢(shì)的一種重要的物質(zhì)因素。

扁平化設(shè)計(jì)并不一定適合于所有項(xiàng)目，所以不能強(qiáng)求所有設(shè)計(jì)一概遵從。目標(biāo)客戶(hù)群的定位和希望傳達(dá)信息點(diǎn)的定位決定了虛擬平臺(tái)中是否使用扁平化設(shè)計(jì)，而不僅僅是由于風(fēng)向潮流盲目一概跟隨。比如，對(duì)于形象視覺(jué)高度依賴(lài)的兒童學(xué)習(xí)、娛樂(lè)網(wǎng)站的設(shè)計(jì)若采用扁平化設(shè)計(jì)，就達(dá)不到擬物化設(shè)計(jì)可以達(dá)到的效果，高度簡(jiǎn)化與提煉的扁平化信息會(huì)使得網(wǎng)絡(luò)經(jīng)驗(yàn)匱乏的兒童失去關(guān)注重心，面對(duì)理性化的界面時(shí)，變得無(wú)所適從。而擬物化設(shè)計(jì)亮麗、醒目的按鈕則可以更加直接的引導(dǎo)經(jīng)驗(yàn)匱乏的用戶(hù)，更方便的按照指示熟悉界面和跟隨功能。總之，過(guò)度的極簡(jiǎn)主義并非形式服從功能的典范。正如Wells Kiley所說(shuō)的一樣，設(shè)計(jì)是解決問(wèn)題的一種形式。

扁平化設(shè)計(jì)只能說(shuō)是當(dāng)下界面設(shè)計(jì)的一個(gè)流行趨勢(shì)，由于它減少了界面設(shè)計(jì)中的裝飾元素，將信息提取出來(lái)，以更加簡(jiǎn)單，直觀的方式展示給用戶(hù)，從而減少了炫目的視覺(jué)裝飾元素同時(shí)幫助成熟用戶(hù)提高了認(rèn)知度，減少認(rèn)知干擾；由于現(xiàn)在的移動(dòng)終端設(shè)備越來(lái)越多元化，為了能夠更好的在不同設(shè)備中顯示相同的效果，操作上簡(jiǎn)單方便，扁平化設(shè)計(jì)較之?dāng)M物化設(shè)計(jì)，能夠更好的凸顯這樣的效果。

追源本質(zhì)，它們?nèi)缤瑫r(shí)裝界的潮流更迭一般，擬物化設(shè)計(jì)和扁平化設(shè)計(jì)是兩種設(shè)計(jì)風(fēng)格的更迭，本質(zhì)上并沒(méi)有好壞之分，只有在實(shí)際界面中應(yīng)用到哪里適合之分，是否恰當(dāng)，而在追究深度一些，扁平化設(shè)計(jì)在擬物化設(shè)計(jì)之后出現(xiàn)，也是有一定的必然性的，擬物化設(shè)計(jì)又何嘗不是為扁平化設(shè)計(jì)做了嫁衣，長(zhǎng)期以來(lái)喬布斯為了讓用戶(hù)減少對(duì)電腦操作的恐懼感，從而使用的直觀易用的擬物化設(shè)計(jì)，拉近人機(jī)的距離，而正是由于擬物化設(shè)計(jì)做了鋪墊，人們熟悉了界面，而后從擬物化設(shè)計(jì)中抽離出更為抽象直觀的扁平化設(shè)計(jì)。

一個(gè)恰當(dāng)?shù)谋扔鳎缰袊?guó)象形文字的凈化，最初的文字，是模擬自然界動(dòng)植物的形態(tài)而發(fā)明的，讓人直觀，后期簡(jiǎn)化的文字也是建立在長(zhǎng)期人們付出了學(xué)習(xí)成本的即對(duì)對(duì)象形文字的學(xué)習(xí)認(rèn)知中得來(lái)的更高一層次的抽象感知能力。

所以，我們不能因?yàn)橐粫r(shí)間的潮流流向扁平化設(shè)計(jì)，就否定擬物化，也不能因?yàn)閿M物化設(shè)計(jì)的長(zhǎng)期根植而拒絕接受新的事物。

在界面設(shè)計(jì)中，兩者沒(méi)有對(duì)錯(cuò)之分，只有最適合場(chǎng)合運(yùn)用最適合的設(shè)計(jì)。

（作者單位：廣東信息工程職業(yè)學(xué)院設(shè)計(jì)藝術(shù)學(xué)）

作者簡(jiǎn)介：周婷婷（1985-），女，漢，廣東佛山，碩士研究生，助教，主要研究方向：設(shè)計(jì)藝術(shù)學(xué)。