關(guān)于手機(jī)界面設(shè)計(jì)趨于扁平化的一些思考

易敏哲 （福州大學(xué)廈門工藝美術(shù)學(xué)院 福建廈門 361000）

關(guān)于手機(jī)界面設(shè)計(jì)趨于扁平化的一些思考

易敏哲 （福州大學(xué)廈門工藝美術(shù)學(xué)院 福建廈門 361000）

伴隨著新款iphone的推出，扁平化界面作為一種新的設(shè)計(jì)潮流被越來(lái)越多的手機(jī)廠商所借鑒。不可否認(rèn)，扁平化有其獨(dú)到的美感和優(yōu)勢(shì)，但是作為一種全新的手機(jī)界面風(fēng)格，其仍然有一些不足之處急需改進(jìn)。筆者根據(jù)自己的實(shí)際使用經(jīng)驗(yàn)，針對(duì)扁平化的界面設(shè)計(jì)提出了自己的一些觀點(diǎn)，并就擬物化設(shè)計(jì)和扁平化的優(yōu)缺點(diǎn)做了大致的歸納,力圖為未來(lái)的手機(jī)界面設(shè)計(jì)提出可供參考的意見(jiàn)。

扁平化設(shè)計(jì)；擬物化設(shè)計(jì)；手機(jī)界面設(shè)計(jì)；系統(tǒng)可移植性

伴隨著蘋(píng)果公司的IOS7和微軟Windows Phone8的推出，全新的扁平化手機(jī)操作系統(tǒng)逐漸被大眾所熟知，即便這種操作系統(tǒng)自發(fā)布以來(lái)就飽受爭(zhēng)議，但在蘋(píng)果和微軟強(qiáng)大的影響力下，各個(gè)手機(jī)廠商在新推出的手機(jī)上都搭載了具有扁平化風(fēng)格的操作系統(tǒng)。筆者憑借對(duì)蘋(píng)果設(shè)計(jì)語(yǔ)言的一貫崇拜，亦購(gòu)入了搭載新款系統(tǒng)的蘋(píng)果手機(jī)，然而在使用一段時(shí)間后，卻發(fā)現(xiàn)用戶體驗(yàn)并不像我想象的那樣美好。

為何要設(shè)計(jì)扁平化風(fēng)格的系統(tǒng)，蘋(píng)果的設(shè)計(jì)主管Jony Ive的解釋是，人們已經(jīng)習(xí)慣了通過(guò)觸摸屏來(lái)操縱手機(jī)，不需要老款手機(jī)的物理按鍵，因此蘋(píng)果也就不需要一個(gè)模仿真實(shí)世界的界面。蘋(píng)果意圖創(chuàng)造一種自由的設(shè)計(jì)風(fēng)格，使用戶淡化界面對(duì)人的影響，只要關(guān)注內(nèi)容就好。簡(jiǎn)單來(lái)說(shuō)，舊系統(tǒng)是對(duì)真實(shí)世界的模擬，新系統(tǒng)則是對(duì)信息本身的關(guān)注。

聽(tīng)起來(lái)這確實(shí)是一個(gè)不錯(cuò)的設(shè)計(jì)思維，用戶可以更加專注獲取信息而不被其他因素所干擾，筆者本身對(duì)于擬物化設(shè)計(jì)和扁平化設(shè)計(jì)并不持特定立場(chǎng)。我始終認(rèn)為擬物化設(shè)計(jì)和扁平化設(shè)計(jì)都有各自的設(shè)計(jì)風(fēng)格和應(yīng)用場(chǎng)合。扁平化的好處在于色彩的選擇可以脫離現(xiàn)實(shí)世界的約束，用色更加大膽，并且字體的運(yùn)用可以更加靈活。但我認(rèn)為手機(jī)界面的設(shè)計(jì)仍然應(yīng)該保持?jǐn)M物化的設(shè)計(jì)。

一、從用戶體驗(yàn)的角度

我的鄰居是一個(gè)非?？蓯?ài)的小男孩，才剛上幼兒園不久，當(dāng)他的家人外出時(shí)有時(shí)會(huì)委托我照看小男孩幾個(gè)小時(shí)，而他非常喜歡玩我的舊款I(lǐng)PAD（采用擬物化界面），他可以很順利地進(jìn)入各種他想使用的APP（注：application的簡(jiǎn)寫(xiě)，因此被稱為應(yīng)用），并且不會(huì)弄錯(cuò)。擬物化的界面完全模擬了孩子所能看見(jiàn)的真實(shí)世界，從陰影、漸變到高光都盡力做到物體的本來(lái)面目，因此在學(xué)習(xí)成本上具備的優(yōu)勢(shì)。當(dāng)男孩擺弄我的新款I(lǐng)phone（采用扁平化設(shè)計(jì)），情況就不是那么樂(lè)觀了，開(kāi)始的時(shí)候他只會(huì)在屏幕上亂點(diǎn)一氣，因?yàn)閷?duì)孩子來(lái)講單純的文字加色塊的組合并不能讓其產(chǎn)生對(duì)現(xiàn)實(shí)世界的聯(lián)想，因此也就無(wú)法分清APP的真實(shí)功能。男孩經(jīng)過(guò)一段時(shí)間的摸索和學(xué)習(xí)后，好不容易掌握了一些APP的用途，若此時(shí)加入新的APP，男孩不得不花費(fèi)新的時(shí)間來(lái)掌握，增加了學(xué)習(xí)的時(shí)間。

那些擁護(hù)扁平化設(shè)計(jì)理念的人可能會(huì)說(shuō)，智能手機(jī)針對(duì)的用戶群體主要是對(duì)新鮮事物接受能力強(qiáng)的并且是高學(xué)歷的年輕人，他們可以更容易認(rèn)可新的手機(jī)界面。我不否認(rèn)年輕人相對(duì)孩子和老人的學(xué)習(xí)能力更強(qiáng)，但是如果和自身比較，扁平化界面仍然會(huì)增加年輕人的學(xué)習(xí)時(shí)間。我們可以做一個(gè)實(shí)驗(yàn)，選取兩組相同功能的APP，每組包含一定數(shù)量的APP，一組為扁平化設(shè)計(jì)，一組為擬物化設(shè)計(jì)，讓兩隊(duì)年輕人分別為按功能歸類APP，結(jié)果可想而知，采用擬物化設(shè)計(jì)的一組APP肯定能更快速地被歸類。

二、從設(shè)計(jì)語(yǔ)言的角度

扁平化設(shè)計(jì)是二維的，擬物化設(shè)計(jì)是三維的。通過(guò)三維立體的設(shè)計(jì)，圖標(biāo)可以加入陰影、紋理和高光，營(yíng)造出立于手機(jī)桌面的凹凸感，讓設(shè)計(jì)師盡情發(fā)揮想要表達(dá)的細(xì)節(jié)，就像是在桌面上擺放了一個(gè)真實(shí)的小物件。扁平化設(shè)計(jì)完全存在于二維界面，拋棄了對(duì)真實(shí)物品的模仿，用戶要揣測(cè)設(shè)計(jì)師的心思，靠“猜”來(lái)嘗試對(duì)圖標(biāo)的理解。打個(gè)比方，扁平化就像是沒(méi)有放調(diào)味料的菜肴一樣無(wú)味。不可否認(rèn)，一部分具備高超能力的設(shè)計(jì)師能做到在有限的二維空間內(nèi)一樣能表達(dá)出豐富的視覺(jué)元素，縮小和擬物化界面在視覺(jué)傳達(dá)效果上的差距，但對(duì)于公司來(lái)說(shuō)，聘請(qǐng)?jiān)O(shè)計(jì)人員的成本又會(huì)增高不少。

在繪畫(huà)領(lǐng)域，抽象繪畫(huà)自成一派，以想象力和直覺(jué)作為創(chuàng)作的源動(dòng)力，排斥象征性和說(shuō)明性的作畫(huà)手法，作為藝術(shù)的一種表現(xiàn)形式，有其存在的價(jià)值。抽象繪畫(huà)的評(píng)判標(biāo)準(zhǔn)并不是畫(huà)得像就是畫(huà)得好，沒(méi)有人知道你畫(huà)的是一朵花、一條狗，這沒(méi)有問(wèn)題。但是在手機(jī)界面，用戶不知道你設(shè)計(jì)的是一朵花，這就有很大的隱患。手機(jī)界面設(shè)計(jì)不是畫(huà)抽象畫(huà)，應(yīng)該從普通的用戶角度出發(fā)，拋棄設(shè)計(jì)師的高姿態(tài)，多做一些接地氣設(shè)計(jì)。

三、從市場(chǎng)營(yíng)銷的角度

其實(shí)擬物化的設(shè)計(jì)和電腦游戲的設(shè)計(jì)有異曲同工之妙，這就對(duì)現(xiàn)實(shí)世界的模擬。在游戲設(shè)計(jì)中，只有為玩家營(yíng)造出一種身臨其境的感受，才能激發(fā)玩家的興趣。玩家在游戲中可以組建自己的團(tuán)隊(duì)，共同為完成某個(gè)任務(wù)而努力，這和現(xiàn)實(shí)生活中的工作本質(zhì)上是一樣的，這也是擬物化界面設(shè)計(jì)希望帶給用戶的體驗(yàn)，即設(shè)計(jì)是源于現(xiàn)實(shí)生活的。

讓我們?cè)倩氐奖馄交氖謾C(jī)界面中，原本細(xì)致入微的設(shè)計(jì)沒(méi)有了，取而代之的是大膽的對(duì)比色和簡(jiǎn)單的線條勾勒，這讓我想起了T臺(tái)走秀的那些模特，他們的穿著永遠(yuǎn)站在時(shí)尚的前沿，可是我們卻并不會(huì)穿著那些衣服上班。有這么一種趨勢(shì)，那就是每一個(gè)的APP圖標(biāo)越來(lái)越像一個(gè)Logo，而Logo代表的是一個(gè)品牌的精神，這種精神可以是非常抽象的，甚至是一個(gè)小圓點(diǎn)也可以作為一個(gè)Logo，你也可以給它賦予很多的意義。APP的圖標(biāo)不應(yīng)該是一個(gè)Logo，它應(yīng)該是一本產(chǎn)品說(shuō)明書(shū)，它應(yīng)該是具體的、功能性的。我們使用App的過(guò)程是按照既定順序的，就像是我們進(jìn)入房間前要開(kāi)門一樣，試想有一天房門突然變得不像房門了，我們還能熟練地打開(kāi)門進(jìn)入房間嗎。其實(shí)，App圖標(biāo)應(yīng)該是程序的一部分，是程序的外在形象，要讓App脫穎而出，只有把界面設(shè)計(jì)的更加具體和現(xiàn)實(shí)。

四、扁平化設(shè)計(jì)成為市場(chǎng)主流的原因

既然扁平化的手機(jī)界面會(huì)帶來(lái)這樣或那樣的問(wèn)題，為何微軟和蘋(píng)果仍然會(huì)力推扁平化的界面設(shè)計(jì)？關(guān)鍵點(diǎn)就是未來(lái)系統(tǒng)的可移植性。

在不遠(yuǎn)的將來(lái)，蘋(píng)果公司不僅打算讓手機(jī)和平板使用IOS系統(tǒng)，未來(lái)的IWatch、Itv、ICar等設(shè)備亦會(huì)使用這一系統(tǒng)，這意味著將來(lái)的手表、電視和汽車都將邁入智能化，而它們的操作系統(tǒng)平臺(tái)都將是IOS。問(wèn)題隨之而來(lái)，小到手表上兩英寸的方形屏幕，大到八寸的汽車中央控制顯示頻都是基于不同的屏幕分辨率和長(zhǎng)寬比，如何使得IOS系統(tǒng)在這些設(shè)備上均可正常使用且保持美觀，這就要求系統(tǒng)必須具備很好的可移植性。要做到良好的可移植性，界面圖標(biāo)必須適應(yīng)各種屏幕的比例，這個(gè)時(shí)候扁平化界面的優(yōu)勢(shì)就得以體現(xiàn)。設(shè)計(jì)師只需要調(diào)整App外部的色塊形狀即可，內(nèi)部的圖標(biāo)仍然可以保持不變，如圖所示。而擬物化的界面由于沒(méi)有外圍邊框，會(huì)造成圖標(biāo)的拉伸變形。

一個(gè)能適應(yīng)不同屏幕形狀的撥號(hào)按鈕

目前看來(lái)，若要解決系統(tǒng)的可移植性，似乎扁平化設(shè)計(jì)是唯一可行的方法，然而我相信未來(lái)會(huì)有新的界面設(shè)計(jì)風(fēng)格能集扁平化設(shè)計(jì)和擬物化設(shè)計(jì)之所長(zhǎng)，為未來(lái)的界面設(shè)計(jì)做出貢獻(xiàn)。