論手機(jī)UI的扁平化發(fā)展趨勢

朱婷

摘要：

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

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

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

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

但是仍然掀起了一場扁平化的浪潮。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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