淺談界面設(shè)計(jì)中的扁平化設(shè)計(jì)風(fēng)格

摘 要：移動(dòng)互聯(lián)網(wǎng)技術(shù)飛速發(fā)展的今天，移動(dòng)終端界面設(shè)計(jì)的重要性也逐漸顯現(xiàn)出來，以往的擬物化設(shè)計(jì)已經(jīng)慢慢被高度統(tǒng)一、簡潔的扁平化設(shè)計(jì)風(fēng)格所替代。本文旨在研究扁平化設(shè)計(jì)風(fēng)格在界面設(shè)計(jì)領(lǐng)域的突出優(yōu)勢(shì)，進(jìn)而分析其形成原因以及發(fā)展的必然趨勢(shì)。

關(guān)鍵詞：扁平化;界面設(shè)計(jì);擬物化

1 背景

在智能化、信息化的大背景下，科學(xué)技術(shù)迅速發(fā)展，移動(dòng)智能終端已經(jīng)成為大家不可或缺的一部分，界面設(shè)計(jì)受到了廣泛的關(guān)注。從早期蘋果手機(jī)IOS系統(tǒng)的問世，將擬物化設(shè)計(jì)廣泛地運(yùn)用到界面設(shè)計(jì)中，到后來蘋果IOS7.0系統(tǒng)的發(fā)布，扁平化設(shè)計(jì)越來越被大眾吹捧與喜愛，一時(shí)之間風(fēng)靡起來。扁平化設(shè)計(jì)或許是一些設(shè)計(jì)師們對(duì)之前界面設(shè)計(jì)風(fēng)格擬物化、煩瑣裝飾盲目追求的一種反抗，它給手機(jī)網(wǎng)頁等移動(dòng)終端帶來了簡潔之美。

2 何謂扁平化設(shè)計(jì)

扁平化設(shè)計(jì)，即Flat Design，也被稱為Minimal Design或Honest Design，微軟公司稱Authentically Digital，指的是放棄一切裝飾效果，如陰影、斜面、透視、紋理、漸變、所有的3D元素梯度，所有元素邊界都干凈利落，沒有任何羽化，更簡潔的界面風(fēng)格。[1]特別是在手機(jī)界面上，按鈕和選項(xiàng)的減少使得界面更加精煉整潔，使用者不容易被繁復(fù)的裝飾干擾，能夠把需要傳達(dá)的信息和事物更加簡單直接地顯示出來，減少使用者在信息獲取上的障礙。

與扁平化設(shè)計(jì)不同，擬物化設(shè)計(jì)，是通過高光、紋理、材質(zhì)、陰影或漸變等方式模擬現(xiàn)實(shí)物品的造型和質(zhì)感，在二維界面上再現(xiàn)實(shí)物，讓使用者看到圖像以后能夠快速聯(lián)想到實(shí)物，進(jìn)而反映出圖像的功能和操作方式;擬物化設(shè)計(jì)也盡可能模擬真實(shí)生活中實(shí)體的交互方式，以最大限度地減少使用者的認(rèn)知障礙。[2]

極簡主義作為一種被現(xiàn)代許多設(shè)計(jì)師所追求的設(shè)計(jì)風(fēng)格，其內(nèi)涵是盡量以最原始的設(shè)計(jì)語言滿足功能需求，而扁平化設(shè)計(jì)也在極簡主義的范疇中。設(shè)計(jì)師通過提煉、精簡設(shè)計(jì)要素，突出最為重要的視覺信息，刪除多余的、冗雜的設(shè)計(jì)語匯，這就意味著它的界面會(huì)更加清晰和整潔，只將最重要和最相關(guān)的內(nèi)容呈現(xiàn)給用戶。以往設(shè)計(jì)師過分依賴圖片和圖示來表達(dá)信息，而扁平化設(shè)計(jì)是將各類信息提煉、精簡于圖像之中，這樣更利于使產(chǎn)品傳遞更具功能性的信息給用戶，并減少視覺干擾。

扁平化設(shè)計(jì)移除了許多沒有關(guān)聯(lián)和無意義的視覺要素，使得界面上只呈現(xiàn)最重要的視覺信息。在字體、色彩和排版方面，扁平化設(shè)計(jì)的特征十分突出：三角形、正方形或圓形，大多圖標(biāo)和按鈕的形狀都以這些簡單幾何圖形呈現(xiàn)，這些簡單的形狀，沒有陰影效果、斜角、浮雕、漸變等來幫助元素形成相對(duì)于屏幕的凹凸效果;同時(shí)其非常注重對(duì)色彩的運(yùn)用，通常使用鮮艷、明亮的顏色，色彩總的應(yīng)用原則是“總體協(xié)調(diào)，局部對(duì)比”，色塊界限明顯，功能更為突出;因?yàn)楸馄交O(shè)計(jì)使用更為簡潔的元素，所以排版的好壞更加重要了。不僅字體的大小間距應(yīng)匹配整體的設(shè)計(jì)，字形可以使用粗體，對(duì)文案的要求更為精簡、干練，保證產(chǎn)品在視覺上和措辭上的一致。[3]

3 扁平化設(shè)計(jì)的優(yōu)勢(shì)與劣勢(shì)

自從蘋果公司、微軟公司與索尼公司在界面設(shè)計(jì)中采用扁平化風(fēng)格以來，我們?nèi)粘Ｊ褂玫臄?shù)碼產(chǎn)品以及界面設(shè)計(jì)正在發(fā)生變化，而最初產(chǎn)生的有關(guān)扁平化的爭(zhēng)議也逐漸平息，但是對(duì)扁平化設(shè)計(jì)的優(yōu)勢(shì)與劣勢(shì)的探討并沒有隨著這一設(shè)計(jì)趨勢(shì)范圍的擴(kuò)大而消失。任何一個(gè)變革必然是褒貶并存的，例如景觀設(shè)計(jì)中彼得·沃克所倡導(dǎo)的極簡主義，主張“物即其本身”，并拋棄無目的的、多余的裝飾，首先滿足功能需求，其次考慮形式。其最初也引起了爭(zhēng)議，甚至被許多人反感。然而，極簡主義現(xiàn)在已經(jīng)被大多數(shù)人接受、贊同，這也是因?yàn)闃O簡主義在當(dāng)代的設(shè)計(jì)環(huán)境下有足夠的需求和發(fā)展空間。

扁平化設(shè)計(jì)的優(yōu)勢(shì)：第一，扁平化設(shè)計(jì)滿足了當(dāng)代網(wǎng)絡(luò)及數(shù)碼產(chǎn)品使用群體的功能需求。扁平化設(shè)計(jì)的初衷是滿足使用者的需求，利于交互對(duì)象認(rèn)知。[4]扁平化設(shè)計(jì)拋棄了多余的設(shè)計(jì)要素，力求精簡、美觀。將復(fù)雜的信息分層后分等級(jí)隱藏在虛擬按鍵中，移動(dòng)終端用戶在了解特定的手勢(shì)和順序之后便能夠快速順利地進(jìn)入想要的設(shè)計(jì)界面。在互聯(lián)網(wǎng)時(shí)代的今天，數(shù)碼產(chǎn)品普及率高，人們普遍使用智能數(shù)碼終端，也具備快速習(xí)得新型智能設(shè)備使用方法的能力，以往的擬物化設(shè)計(jì)稍顯繁雜與多余，而扁平化設(shè)計(jì)在保證信息豐富化和最大化的同時(shí)，提高了使用者的使用效率。同時(shí)，扁平化設(shè)計(jì)思路更能滿足用戶對(duì)同時(shí)使用多種軟件和APP的需求。例如安卓公司發(fā)行的多應(yīng)用分屏使用功能，用戶在使用特定的手勢(shì)之后便能夠同時(shí)使用多種軟件，例如用戶可以在使用聊天工具進(jìn)行語言輸入的同時(shí)使用視頻軟件查看資料。而對(duì)于制造商來說，運(yùn)用扁平化設(shè)計(jì)，能夠在有限的屏幕空間中將信息表達(dá)最大化。例如蘋果公司將通知欄菜單隱藏至屏幕最上端，將控制中心隱藏至最下端，同時(shí)以極其概括并且辨識(shí)度高的圖標(biāo)表示控制按鍵。第二，扁平化設(shè)計(jì)滿足了審美需求。對(duì)于用戶來說，扁平化設(shè)計(jì)相對(duì)于擬物化設(shè)計(jì)更顯格調(diào)，簡單大氣的色塊、鮮明的抽象圖案可以吸引使用者的注意力，被年輕一代的使用者提倡吹捧。第三，扁平化設(shè)計(jì)順應(yīng)了當(dāng)代的設(shè)計(jì)思潮。研究表明，人類具備辨別、分類和處理圖像的能力，擬物化設(shè)計(jì)高度仿真的設(shè)計(jì)風(fēng)格僅僅適用于智能設(shè)備剛剛普及的階段，能夠滿足少數(shù)人的需求，同時(shí)，在大數(shù)據(jù)時(shí)代和人工智能日益普及的今天，少量且單一的信息已經(jīng)不能滿足時(shí)代要求。扁平化設(shè)計(jì)不僅具有高度概括性的特點(diǎn)，同時(shí)具有一定的審美趣味。扁平化設(shè)計(jì)的創(chuàng)新也逐漸成為各大數(shù)碼產(chǎn)品公司和設(shè)計(jì)師的追求。設(shè)計(jì)師們更加關(guān)注對(duì)色彩的把握、色塊的不同組合所表現(xiàn)的情感內(nèi)涵、字體變化以及版式的多樣組合所帶來的視覺感受。簡而言之，設(shè)計(jì)師擁有更多的發(fā)揮空間，也更加關(guān)注設(shè)計(jì)本身。比如說Involvio，該APP給美國學(xué)生提供最及時(shí)的新聞、事件報(bào)道，同時(shí)提供各大校園招生信息、娛樂資訊。此APP頁面設(shè)計(jì)極為簡潔，是扁平化設(shè)計(jì)的代表，將信息分類、分層級(jí)儲(chǔ)存，將各大事件的圖片按照一定順序展示，輔以簡要的文字說明，實(shí)用性強(qiáng)。

扁平化設(shè)計(jì)的劣勢(shì)：扁平化設(shè)計(jì)從出現(xiàn)到流行不過十年時(shí)間，智能設(shè)備更新?lián)Q代的速率遠(yuǎn)遠(yuǎn)超出我們的想象，扁平化設(shè)計(jì)的風(fēng)格和作品形式也在不斷發(fā)生變化。第一，對(duì)于學(xué)習(xí)能力較弱的老年人和部分中年使用者來說，扁平化設(shè)計(jì)仍然有它的弊端，部分使用者需要仔細(xì)學(xué)習(xí)才能夠了解如何使用扁平化設(shè)計(jì)的軟件和智能終端。扁平化設(shè)計(jì)在帶來快捷處理信息能力的同時(shí)，也帶來了誤操作的問題，許多用戶困擾于帶有設(shè)計(jì)缺陷的扁平化智能終端。同時(shí)，由于扁平化設(shè)計(jì)風(fēng)格，許多軟件圖標(biāo)類似，容易引起使用者錯(cuò)覺，進(jìn)入錯(cuò)誤的界面。第二，在高度信息化、智能化的將來，扁平化設(shè)計(jì)風(fēng)格能不能繼續(xù)成為網(wǎng)頁設(shè)計(jì)與智能終端設(shè)計(jì)風(fēng)格的主流，仍然值得觀察。

參考文獻(xiàn)：

[1] 朱宇婷，錢琳.淺談扁平化設(shè)計(jì)的構(gòu)成要素[J].文藝生活（文藝?yán)碚摚?014（11）：262.

[2] 滿超.手機(jī)界面的扁平化設(shè)計(jì)研究[D].北京印刷學(xué)院，2014.

[3] 任冬巧，楊春燕.扁平化設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的運(yùn)用研究[J].大眾科技，2014（06）：2.

[4] 方心怡.扁平化設(shè)計(jì)風(fēng)格下平面視覺元素的應(yīng)用研究[D].蘇州大學(xué)，2015.

作者簡介：胡艷雯（1994—），女，湖南長沙人，本科，2016年畢業(yè)于西安美術(shù)學(xué)院，湖南師范大學(xué)美術(shù)學(xué)院2017級(jí)研究生，主修數(shù)字媒體藝術(shù)設(shè)計(jì)。