朱婷

摘要：

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

關鍵詞：手機UI設計；扁平化；擬物化；人性化

一、手機UI的現狀分析及其所存在的問題

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

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

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

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

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

二、扁平化界面設計的表現手法

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

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

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

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

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

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

三、界面設計的人性化

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

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

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

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