UI設計中的扁平化設計研究

周仁杰

（西南交通大學藝術與傳播學院，四川 成都 610400）

UI設計中的扁平化設計研究

周仁杰

（西南交通大學藝術與傳播學院，四川 成都 610400）

扁平化設計（flat design）是現(xiàn)代設計中不加任何裝飾，單純直白的表現(xiàn)效果，是目前較流行的設計表達方式，并廣泛運用于User Interface（用戶界面）中，減少了裝飾得復雜多樣的閱讀障礙，給用戶提供了更便利的操作，具有直觀易懂、簡約時尚等特點。

UI設計；扁平化；界面設計；簡約化；交互

UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。隨著社會的進步，新媒體以及APP的急速發(fā)展，UI設計在人類社會發(fā)展中已經占據了重要的地位，人們無時不刻在接觸著這些東西，手機、電腦、電視這些與人們形影不離的物品更離不開UI設計。簡單來說UI設計就是界面設計，它不僅要有美觀性又要具有合理操作性，UI設計可以有很多風格，可以是傳統(tǒng)古典風格、現(xiàn)代簡約風格、多彩的炫酷風格，復雜繁瑣的擬物風格……而占據UI設計中主導的則是擬物和簡約風格，這里的簡約風格實際上指的就是扁平化設計風格，為何它能夠存在并且占據主導地位，這就得詳細分析了。

一、趨向視覺簡約化的UI設計

作為現(xiàn)代生活的必需品，UI設計是面向大眾的，不需要有多么高端大氣上檔次的格調，更不需要狂拽酷炫叼炸天效果，它所需要的是在擁有良好操作實用性下并擁有美觀性，所以說簡便是前提，美觀在后。太高端可能用戶找不到按鈕，太酷炫可能導致軟件卡頓不順暢，太多的裝飾在手機一類的小屏幕上不見得放的進去，即便擠進去了也不見得看得見，綜合選擇，結果扁平化被接受了，它同時滿足了界面設計的11個設計原則：簡易性、用戶語言、記憶負擔最小化、一致性、清楚、用戶熟悉程度、用戶習慣、排列、安全性、靈活性、人性化。

那么憑什么扁平化就能深受UI設計師們幸寵？首先，扁平化的概念最核心的地方就是放棄一切裝飾效果，諸如透視，紋理，漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈利落，沒有任何羽化，漸變。尤其在手機上，更少的按鈕和選項使得界面干凈整齊，使用起來格外簡潔?？梢愿雍唵沃苯拥膶⑿畔⒑褪挛锏墓ぷ鞣绞秸故境鰜?，減少認知障礙的產生。簡單來說，扁平化設計風格不見得是最美的，但一定是最適合的，就像結婚一樣，老婆不見得要最美，適合自己的才是真道。

二、應用于UI設計中的扁平化設計

最早使用扁平化風格的是微軟的Windows 8以及Windows phone和Windows RT的metro界面，這種風格的出現(xiàn)確實顛覆了我們眼中的界面設計，開始有人喜歡也有人反對，但最終到底誰對誰錯，時間會告訴我們一切……

在智能手機和移動網絡的快速發(fā)展下，人們大家可以便捷的通過手機關注自己感興趣的新聞、圖片和喜歡的APP（應用程序），手機基本上成為人們與世界連接的首選工具。在這種數字智能化的社會環(huán)境下，新媒體的出現(xiàn)，電商模式的蓬勃發(fā)展，帶動了越來越多的手機客戶端建立并通過APP吸引消費者的關注，扁平化的UI設計在該市場下迅速蔓延。生活中處處可見扁平化設計作品，比如蘋果手機，采用棱角分明的線條，加上蘋果的部分應用設計界面，單色鮮明的對比，非常漂亮。

扁平化設計能否長期發(fā)展下去主要取決于用戶體驗，用戶在使用扁平化風格界面時基本都能很快的入手，信息也比較明確不像有些其他風格的界面找了半天還是沒找到在哪，軟件界面運行的流暢性也是用戶比較頭疼的問題，而扁平化特別的編碼方式大大縮小了容量的占用，界面刷新速度快優(yōu)化了閱讀，給用戶提供了流暢舒服的界面體驗，因此，這是普遍用戶們的選擇。

一般來說扁平化三大要素是去過渡式高光、過渡式漸變、過渡式陰影。圖形之間棱角分明，清晰可辨。扁平化主要以色塊為主，幾乎我們看到的所有扁平化設計都離不開色塊，這些色塊可能由不同的圓形，三角形，菱形，矩形，不規(guī)則形等等構成，圖形的選擇也是很講究的，過多棱角的形狀會影響文字的閱讀性。扁平化的界面給人呈現(xiàn)的感覺是清爽，快捷。看起來這種設計風格很簡單，事實越干凈簡單的設計才越難，不像天花亂墜的繁華風格可以加各種元素進去，扁平化設計中的每一個細微的元素，文字與圖形的距離關系，文字大小與圖形的關系，字體與圖形的關系，圖形色塊之間的搭配關系等等都是要充分考慮好的，最后

設計出來的成果并不僅僅是看起來清爽那么簡單，其難度及花費精力不亞于其他風格設計。它是全面考慮的結果，這是簡約并非簡單，簡約實用成就好的設計。

三、結語

目前網站和應用程序在許多平臺涵蓋了越來越多不同的屏幕尺寸，創(chuàng)建多個屏幕尺寸和分辨率的skeuomorphic設計既繁瑣又費時。設計正朝著更加扁平化的設計，可以一次保證在所有的屏幕尺寸上它會很好看。扁平化設計更簡約，條理清晰，最重要的一點是，更好的適應性。但正如很多設計一樣，扁平化設計也有缺點，比如需要一定的學習成本，傳達的感情不豐富，甚至過于冰冷。

事實顯示，扁平化正被應用于UI界面及各大設計中，去掉所有瑣碎、復雜的立體化的裝飾，用簡潔的元素去表達更深刻的內在，摒棄浮華繁瑣，追求簡單時尚舒適的生活方式，將快速、易懂可視化的感官體驗上真正傳達至用戶的內心，讓更多的用戶有興趣去下載使用，這就是扁平化應用于UI設計中產生的價值。

TP316

A

1005-5312（2015）11-0057-01