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

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

?

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

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

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

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

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

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

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

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

1.擬物化設(shè)計(jì)

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

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

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

2.扁平化設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)論

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