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

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

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

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

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

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

1.感知性

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

2.藝術(shù)審美性

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

3.邏輯性

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

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

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

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

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

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

1.不添加效果

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

2.實(shí)用性

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

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

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

4.注重排版

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

5.關(guān)注色彩

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

6.奉行極簡主義

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

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

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

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

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

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

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

一個(gè)恰當(dāng)?shù)谋扔鳎缰袊笮挝淖值膬艋畛醯奈淖郑悄M自然界動(dòng)植物的形態(tài)而發(fā)明的，讓人直觀，后期簡化的文字也是建立在長期人們付出了學(xué)習(xí)成本的即對對象形文字的學(xué)習(xí)認(rèn)知中得來的更高一層次的抽象感知能力。

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

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

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

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