朱婷

摘要：

隨著智能手機(jī)的普及，不斷促進(jìn)著手機(jī)界面設(shè)計(jì)的更新，手機(jī)的界面設(shè)計(jì)也在從擬物化向扁平化發(fā)展。設(shè)計(jì)師意識(shí)到良好的交互體驗(yàn)才是界面設(shè)計(jì)的根本，以人為本的設(shè)計(jì)理念是建立在實(shí)用性之上的。

關(guān)鍵詞：手機(jī)UI設(shè)計(jì)；扁平化；擬物化；人性化

一、手機(jī)UI的現(xiàn)狀分析及其所存在的問題

蘋果在IOS7的發(fā)布中，放棄了過去充滿擬物化修飾元素的界面而采用了扁平明亮、色彩豐富的簡(jiǎn)潔界面。IOS7拋棄蘋果一向堅(jiān)持的擬物化風(fēng)格，走向扁平化，盡管褒貶不一，

但是仍然掀起了一場(chǎng)扁平化的浪潮。

Iphone一直是時(shí)尚的引領(lǐng)者，從一代的擬物化界面設(shè)計(jì)，注重界面的細(xì)節(jié)，每個(gè)圖標(biāo)和按鈕做到極致。到如今IOS7的出現(xiàn)，設(shè)計(jì)風(fēng)格與以往的截然不同，但依然吸引著很大一批用戶。視覺輕盈，色彩豐富，更顯時(shí)尚氣息，深得年輕消費(fèi)者的喜愛，扁平化的設(shè)計(jì)能在某種程度上減輕跨平臺(tái)的應(yīng)用設(shè)計(jì)壓力。

雖然蘋果公司的產(chǎn)品得到用戶的喜愛，但仍然存在一些問題。比如：桌面圖標(biāo)組的背景框取消了，存在對(duì)比度的問題，尤其是白色字體顯示的應(yīng)用名，很多時(shí)候會(huì)看不清。下拉手勢(shì)的困惑，從屏幕頂端向下滑動(dòng)手指，可以調(diào)出IOS系統(tǒng)中的通知菜單。

提到扁平化界面設(shè)計(jì)，不得不說下擬物化設(shè)計(jì)。擬物化設(shè)計(jì)會(huì)讓你第一眼就認(rèn)出這個(gè)對(duì)象是什么，模擬現(xiàn)實(shí)物品的造型和質(zhì)感，通過疊加高光、紋理、材質(zhì)、陰影等效果對(duì)實(shí)物進(jìn)行再現(xiàn)，也可適當(dāng)程度變形和夸張，界面模擬真實(shí)物體， 交互方式也模擬現(xiàn)實(shí)生活的交互方式。擬物設(shè)計(jì)的優(yōu)點(diǎn)是顯而易見的，認(rèn)識(shí)和學(xué)習(xí)成本低，小孩老人也能看懂IOS里面幾乎所有原生應(yīng)用的圖標(biāo)。擬物化按鈕的視覺質(zhì)感和按下去之后的交互效果，養(yǎng)成用戶對(duì)這類按鈕的統(tǒng)一認(rèn)識(shí)和使用習(xí)慣，先入為主。值得一提的是，ibook的用戶體驗(yàn)，模擬現(xiàn)實(shí)生活的交互方式，是非常人性化的。這些都是扁平化界面設(shè)計(jì)一時(shí)所不能及的。

二、扁平化界面設(shè)計(jì)的表現(xiàn)手法

Layervault的Allen Grinshtein最初定義了“扁平化設(shè)計(jì)”。這個(gè)概念最核心的地方就是放棄一切裝飾效果，諸如陰影、高光、紋理、漸變等能造成透視感的效果，通過抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來表現(xiàn)。界面上極簡(jiǎn)抽象、矩形色塊、大字體、光滑、現(xiàn)代感十足。其交互核心在于功能本身的使用，去掉了冗余的界面和交互。所有的元素的邊界都干凈利落，尤其在手機(jī)上，更少的按鈕和選項(xiàng)使得界面干凈整齊，使用起來格外簡(jiǎn)潔。

設(shè)計(jì)應(yīng)該圍繞內(nèi)容展開，內(nèi)容重于形式，它是整個(gè)體驗(yàn)的精髓。扁平化設(shè)計(jì)將舞臺(tái)重還于內(nèi)容，這就是用戶所關(guān)系需要的。扁平化設(shè)計(jì)帶來的是解決額外因素的干擾，而不僅僅是追求視覺上的效果，在屏幕上僅留下用戶當(dāng)前最關(guān)注的東西，讓用戶沉浸在他們喜歡的內(nèi)容中，減少概念與界面層級(jí)的視覺裝飾，更多地使用用戶已經(jīng)掌握的交互行為，這樣才能把精力集中到內(nèi)容上。好的設(shè)計(jì)能成功地引導(dǎo)用戶的視線，有序的區(qū)分界面層級(jí)與操作，讓用戶專注于目的本身，這是扁平化在內(nèi)容體現(xiàn)上所展現(xiàn)出的優(yōu)勢(shì)。

扁平化是一種內(nèi)在的設(shè)計(jì)思想，是一種讓設(shè)計(jì)者在界面設(shè)計(jì)過程中減少信息層級(jí)的思想。直接把天氣、時(shí)間、日期、電量等信息直接顯示在圖標(biāo)上就是一種減少信息層級(jí)的方式，這樣我們可以不用點(diǎn)進(jìn)去就可以看到一些重要信息。表面上這種做法是減輕用戶的工作量，實(shí)際上是對(duì)用戶的一種關(guān)懷，用戶在產(chǎn)品的體驗(yàn)中是可以感受到的。

扁平化設(shè)計(jì)是一種設(shè)計(jì)理念，色塊是它的的外在表現(xiàn)形式，從而打造出一種看上去更 “平”的界面。正因?yàn)闃O力避免任何擬物化設(shè)計(jì)元素，而人們又多年經(jīng)受擬物化設(shè)計(jì)的熏陶鋪墊在先，所以導(dǎo)致了扁平化的設(shè)計(jì)風(fēng)格在手機(jī)客戶端上顯示得有些突兀，以至于各種元素與整體都格格不入。

如果界面設(shè)計(jì)使用了擬物化的風(fēng)格，那么人們對(duì)產(chǎn)品使用的學(xué)習(xí)成本就會(huì)大大降低?？吹浇缑嬷袛M物風(fēng)格的按鈕，你潛意識(shí)就會(huì)有按下去的想法。那么，如果是扁平化的按鈕了？經(jīng)常會(huì)被忽略掉，原來這個(gè)也是按鈕，也可以點(diǎn)擊的。正如很多設(shè)計(jì)一樣，扁平化設(shè)計(jì)也有缺點(diǎn)，比如需要一定的學(xué)習(xí)成本，傳達(dá)的感情不豐富，甚至過于冰冷。

其實(shí)早在蘋果發(fā)布IOS7之前，Google就開始大力推行扁平化設(shè)計(jì)，以Google Now為例，Android用戶體驗(yàn)的高管Matias Duarte說：“大量的運(yùn)用白色空白，而不是大量人工的、表面的東西。我們使用大膽的排版設(shè)計(jì)，使用留白、大圖給出重點(diǎn)，做出特殊性及層次性?！边@就是留白的藝術(shù)。

三、界面設(shè)計(jì)的人性化

正如20世紀(jì)建筑界當(dāng)中的極簡(jiǎn)主義運(yùn)動(dòng)，扁平化設(shè)計(jì)風(fēng)格的逐漸興起也可以被看作是對(duì)多年以來過度設(shè)計(jì)、過度雕琢的界面風(fēng)格的逆襲。

扁平化設(shè)計(jì)有著鮮明的視覺效果，它所使用的元素之間有著清晰的層次和布局，這就使得用戶能直觀的感受每個(gè)元素的作用以及交互方式。扁平化設(shè)計(jì)只是一個(gè)目的，它把繁瑣細(xì)微的圖標(biāo)變得簡(jiǎn)單直接，以便減少用戶的認(rèn)知障礙。憑借簡(jiǎn)約的設(shè)計(jì)和清晰的條理使其擁有了更好的適應(yīng)性，這點(diǎn)是極為重要的，尤其是在屏幕尺寸和分辨率繁多的數(shù)碼產(chǎn)品的時(shí)代，擬物化設(shè)計(jì)似乎就會(huì)給人繁瑣和費(fèi)時(shí)的感覺。

之前看到過一句話，大意是，Metro風(fēng)格讓人看到未來，而擬物化則讓人感覺像是回到家里一樣。人不可能一直呆在家里，也無法始終飄逸灑脫的在外面尋求新鮮與未來感。我喜歡聽真人使用真實(shí)樂器演奏的音樂，但這不妨礙我偶爾聽聽電子的東西。

我認(rèn)為扁平化是一個(gè)當(dāng)下的發(fā)展趨勢(shì)，它并不是因?yàn)榧兇獾膶徝榔诙鴮?dǎo)致的，為了變化而做出的選擇，而是因?yàn)閿?shù)碼時(shí)代的到來，人們?nèi)粘Ｉ钪袛?shù)碼化程度越來越高而漸漸產(chǎn)生的。從視覺效果角度而言，無論是去繁從簡(jiǎn)的扁平化還是精心裝飾的擬物化，都只是眾多設(shè)計(jì)風(fēng)格中的一種而已，任何一種事物走向極端都未必是好事。設(shè)計(jì)師最關(guān)鍵的是要充分了解用戶需要什么，幾乎所有用戶都會(huì)毫無疑問的要求界面設(shè)計(jì)應(yīng)該提供良好的交互操作體驗(yàn)。以人為本的設(shè)計(jì)才是用戶所需要的，精確的信息表達(dá)，良好的交互體驗(yàn)才是界面設(shè)計(jì)的根本。endprint