淺析UI設(shè)計中擬物化和扁平化的發(fā)展

錢瑜（常州幼兒師范學(xué)校 江蘇常州 3000；蘇州大學(xué) 江蘇蘇州 53）

?

淺析UI設(shè)計中擬物化和扁平化的發(fā)展

錢瑜（1常州幼兒師范學(xué)校 江蘇常州 213000；2蘇州大學(xué) 江蘇蘇州 215123）

摘 要：在注重實物體驗的時代，平易近人的擬物化設(shè)計是UI設(shè)計的必經(jīng)趨勢。隨著實物體驗的弱化，到了注重交互體驗的現(xiàn)在，扁平化設(shè)計被推至UI設(shè)計的風(fēng)口浪尖，成為飽受爭議的設(shè)計形式，成為了UI設(shè)計發(fā)展的必然趨勢。

關(guān)鍵詞：扁平化；擬物化；交互體驗；界面設(shè)計；ISO

【DOI】10.19312/j.cnki.61-1499/c.2016.05.103

扁平化設(shè)計是自2013年以來最為流行的設(shè)計風(fēng)格，自擬物化設(shè)計的引領(lǐng)者——蘋果公司新扁平界面面世以來，更成為了關(guān)注焦點，越來越多的設(shè)計被拍“扁”，同時也出現(xiàn)了大篇幅的爭論與批判。為此UI設(shè)計趨勢是繼續(xù)“擬物”還是轉(zhuǎn)變“扁平”，有待考證與思索。

數(shù)字媒體時代，隨著智能手機的普及，手機應(yīng)用被迅速推廣，用戶體驗要求日益增漲，UI設(shè)計便顯得任重道遠：它并不是單純的平面設(shè)計，它需要整合使用者的心理、地理位置、使用環(huán)境、使用方式，是純粹科學(xué)性的設(shè)計形式。使用者和評價者是實際的、具體的正在體驗的用戶。所以UI設(shè)計必須與用戶需求緊密結(jié)合，并且不斷更新滿足用戶操作體驗和視覺感受。

一、擬物化設(shè)計、扁平化設(shè)計概念

1.擬物化設(shè)計

維基百科上對擬物化設(shè)計的定義：借用已有的實體，即使新設(shè)計中并不需要原來的功能，但使得新設(shè)計滿足一定的親和度需要。

ibook是ios擬物化設(shè)計時代交互界面的典型代表。從界面逼真的視覺效果到細膩的感官手勢，連翻書的“唰唰”的聲音都模擬得惟妙惟肖，體驗的過程更具趣味性和親和力。不得不說ios系統(tǒng)開創(chuàng)了擬物化設(shè)計形式，并將其發(fā)展到了極致。

由此得出擬物化設(shè)計在界面上強調(diào)模擬實物的材質(zhì)、質(zhì)感、細節(jié)、明暗等，在交互上做到了模擬現(xiàn)實中的操作形式。這種設(shè)計學(xué)習(xí)成本低，帶有豐富的感性化色彩的交互設(shè)計，即使是老年人也能根據(jù)實際生活經(jīng)驗較快的學(xué)會操作。正如《iOS Human Interface Guidelines》里提到：“當(dāng)你應(yīng)用中的可視化對象和操作按照現(xiàn)實世界中的對象與操作仿造，用戶就能快速領(lǐng)會如何使用”。誠然，擬物化引領(lǐng)了設(shè)計趨勢，但其本身存在一定的約束，所以發(fā)展前景并不樂觀。

2.扁平化設(shè)計

百度百科對扁平化的定義：屬于二次元，用更加簡單直接的方法將信息和事物的工作方式展現(xiàn)，減少認知障礙的產(chǎn)生，其核心是摒棄一切裝飾效果。

扁平化后的圖標的各個元素不添加修飾，如陰影、斜面、浮雕、漸變、羽化等特效。ios7的系統(tǒng)圖標采用簡單到極致的色塊組合，附以歡快明亮的純色，配上粗重醒目的字體，簡化了諸如按鈕、圖標一類的界面元素。在交互體驗上取其核心價值，注重對功能本身的使用，去掉了冗余的界面和交互。界面和交互簡約，信息更直觀。

例如ios7系統(tǒng)中所有的通訊APP都采用統(tǒng)一的綠色和白色組合，對于使用者來說在長期的交互過程中會形成固定思維模式，綠色和白色的組合即通訊，只需簡單條件反射便可迅速找到圖標。這種讓過度的設(shè)計沉下去，讓便易的交互浮出來，一目了然的方式受到了年輕人的喜愛與追捧。與此同時卻提升了學(xué)習(xí)成本，顯得過于陌生、冰冷。

二、擬物化設(shè)計與扁平化設(shè)計優(yōu)劣對比

擬物化的核心是模擬逼真，扁平化的核心是去除裝飾，注重功能。

例如，當(dāng)我們在看房屋戶型圖時，若3D效果圖形式展現(xiàn)，在表達結(jié)構(gòu)的同時呈現(xiàn)安排與設(shè)置，但是由于透視，空間發(fā)生了透視扭曲，對于具體數(shù)值和比例大小并不明確。它就像擬物化系統(tǒng)，僅僅只是模擬，缺少內(nèi)容的延展性和想象的空間。受眾在看圖時比較容易接受，但延伸拓展的范圍為零。所以擬物化設(shè)計天然就是一條狹窄的道路，設(shè)計師經(jīng)過實踐的磨練，都可以畫出極為逼真的圖標和界面，這也同時意味著走上了末路。刻意的在交互上擬物，有時候反而降低了效率。隨著數(shù)碼的普及，人們對產(chǎn)品的要求也在隨之發(fā)生變化，擬物化設(shè)計在審美上追求太過單一，對于人的認知和感受，并不僅僅只是美。

但當(dāng)以結(jié)構(gòu)圖形式展現(xiàn)，在房屋格局、比例大小、具體參數(shù)上都有了清晰的呈現(xiàn)，沒有其他過多的綴飾。當(dāng)然看圖的人需要經(jīng)過一定的學(xué)習(xí)訓(xùn)練，在大腦中建立起基于二維布局對應(yīng)的三維空間。對于受眾而言，可以根據(jù)自己的想象塞進無數(shù)種布置方案，承載數(shù)種效果圖。

當(dāng)然它有了無限的可能性，也同時存有問題。擬真的東西會讓人覺得更可親一些。從孩提時代起，我們都是通過觀望、觸摸具體實物來認識這個世界，并且在這種實物的影像和觸感的基礎(chǔ)上建立自身與世界的聯(lián)系。但扁平化設(shè)計不然，它無疑是當(dāng)前爭論最多的設(shè)計形式，自擬物化設(shè)計的引領(lǐng)者——蘋果公司ios7系統(tǒng)面世以來更是將扁平化的討論推向風(fēng)口浪尖。更新后大量設(shè)計師對此表現(xiàn)出了極度的不滿與批判，甚至使用“丑陋”、“粗糙”和“瑣碎”等貶義詞形容其界面，但最終用戶選擇了緊“更”潮流。對此不能對說擬物化與扁平化孰褒孰貶，只能說扁平化設(shè)計是時代發(fā)展的必然產(chǎn)物。

三、UI設(shè)計的發(fā)展

萬物發(fā)展有其規(guī)律。文字是最早的符號語言，也是最初的設(shè)計形態(tài)。人用繪圖形式畫出看到的物體，以此作為符號紀錄，這是一種最原始的造字方法，把想要表達的物體的外形特征描繪出來，整合、概括、演化，從象形字到繁體直至今日的簡體，這是遵循自然發(fā)展規(guī)律的必然產(chǎn)物。

UI設(shè)計的發(fā)展規(guī)律亦如此。人對未知的世界總是抱有陌生與恐懼，通過逼真的描摹可以記錄、考察并掌控未知。當(dāng)智能手機的出現(xiàn)，人的認知返回兒童時代，面對全新的未知物體，如何能引導(dǎo)人較快地建立起人機聯(lián)系、主動學(xué)習(xí)、引導(dǎo)體驗，這就需要注重交互界面仿真的設(shè)計。

在最初的階段，為驅(qū)逐受眾用戶恐懼，擬物化設(shè)計宛若救世主。最早最常見的擬物化或許就是按鈕，突起表示可以下按，凹陷的表示已經(jīng)被下按，通過彈性的反饋直觀且易懂。所以只有賦予其逼真的實物形態(tài)與交互體驗，用戶才能在嘗試體驗中較快學(xué)會并操控。這也是擬物化設(shè)計存在的必然價值。

但是隨著數(shù)碼設(shè)備的普及和手機功能的不斷開發(fā)，手機既可以是計算器、播放器、閱讀器，也可以是相機、地圖，甚至是錢包，這便成了擬物化沒落的起始點。也許若干年后的不會出現(xiàn)電話座機，但是人們?nèi)阅芾斫鈭D標的涵義，完成對話過程。所以當(dāng)數(shù)碼滲入生活，不再需要降低學(xué)習(xí)成本時，擬物化設(shè)計便開始產(chǎn)生視覺累贅變成審美失效。UI設(shè)計也必然會慢慢會拋棄華麗的外皮，而更專注于信息和功能本身。

四、結(jié)論

擬物化設(shè)計在審美上是非常初級的一種形態(tài)，扁平化設(shè)計的出現(xiàn)是一種必然。雖然說扁平化的今天還有很多不盡如人意的地方，但是它的發(fā)展方向是正確的。我們不可能在手機的方寸天地里模擬世界上的每一種事物。扁平化設(shè)計打開了一個新的世界，用新的設(shè)計元素和方案去表達更為豐富的內(nèi)涵。