淺析扁平化圖標在界面設(shè)計中的應(yīng)用

梁宏昌

【摘要】我們正在走向真正的移動信息時代，智能移動終端迅速發(fā)展，手機、平板電腦這些新興數(shù)碼設(shè)備帶來了多元化的傳播方式，個人的日常生活和工作學(xué)習(xí)，都漸漸離不開這些移動設(shè)備所提供的的各種資訊和應(yīng)用。移動設(shè)備的軟硬件在不斷地開發(fā)新功能新版本，視覺體驗日漸豐富，與此同時，扁平化的視覺設(shè)計正在成為一種新的潮流。

【關(guān)鍵詞】交互界面 視覺傳達設(shè)計 扁平化

媒介是社會發(fā)展的基本動力， 每一種新媒介的產(chǎn)生， 都開創(chuàng)了人類感知和認知世界的方式， 創(chuàng)造出新的社會行為類型。[1]隨著移動通信技術(shù)和電子科技的飛速發(fā)展，用戶獲取信息逐漸從個人PC轉(zhuǎn)向便攜的移動設(shè)備，設(shè)備的顯示屏幕越來越細膩和微型化，這就鞭策著操作界面中的視覺設(shè)計不斷地更新變化，須具備簡潔、直觀、統(tǒng)一、識別性強等美感特征。

1. 交互性界面設(shè)計的友好性和美觀性

應(yīng)用界面的友好性在很大程度上決定了其能否能被廣泛接受，移動應(yīng)用的開發(fā)者都很重視交互效果的友好性，考慮用戶操作是否易用、指示是否清晰可靠、功能是否完善等。傳統(tǒng)的PC操作基本依靠鼠標和鍵盤來完成交互操作。而現(xiàn)在隨著便攜設(shè)備的智能化發(fā)展，大量的交互操作都是基于觸摸、手勢甚至非接觸式的感應(yīng)來進行。所以，一個應(yīng)用界面應(yīng)如何設(shè)計從而能方便適應(yīng)手勢控制成為移動界面設(shè)計的一個關(guān)鍵。另外，應(yīng)用程序隨著時間、速率、彈性、圖像和色彩的變換、滾動等種種設(shè)置，在設(shè)計者的精心微調(diào)之下，能帶給用戶多少驚奇和享受，這種效果的呈現(xiàn)也是交互性設(shè)計的重點。

只考慮功能的設(shè)計界面是難以獲取受眾的，注重友好性的界面設(shè)計還要求我們重視美感，美的界面設(shè)計可以幫助人們保持在一個合適的心理負荷下，從而更適合日益發(fā)展的技術(shù)給人們帶來的挑戰(zhàn)。[2]由于用戶體驗和可用性的關(guān)系密切，所以用戶操作界面時候的心理體驗也是決定其友好性的重要因素。美使人心情愉悅，這種愉悅感反過來又使受眾的思維更具進取性，從而更容易找到所面對問題的答案。

2. 界面設(shè)計中視覺元素的扁平化設(shè)計

現(xiàn)在越來越多的操作界面采用扁平化的視覺設(shè)計。扁平化設(shè)計給人的感覺通常都很簡潔，簡潔、友好的特性也使得它廣受移動界面和時尚網(wǎng)站設(shè)計的青睞。扁平化設(shè)計的通俗理解是：使用簡單特效，或者無特效來創(chuàng)建的設(shè)計方案，它不包含三維屬性。這一設(shè)計趨勢極力避免任何擬物化設(shè)計的元素，最核心的地方就是放棄一切裝飾效果，諸如投影、斜面、浮雕、漸變等特效都不會在設(shè)計中出現(xiàn)。扁平化設(shè)計有其獨特的觀感，它依賴于一個清晰的層次感，所有的元素的邊界都干凈利落，這種設(shè)計有著鮮明的視覺效果，它所使用的元素之間有清晰的層次和布局，這使得用戶能直觀的了解每個元素的作用以及交互方式。[3]扁平化的設(shè)計風(fēng)格如今在網(wǎng)頁和手機上的應(yīng)用無所不在，尤其在便攜設(shè)備上，因為屏幕的限制，使得這一風(fēng)格在用戶體驗上更有優(yōu)勢，更簡潔的圖標使得界面的視覺效果干凈整齊，使用起來便捷而順暢，可以更加簡單直接的將信息和事物的工作方式展示出來，減少認知障礙的產(chǎn)生。

其實生活中處處可見扁平化設(shè)計作品，比如蘋果手機，采用棱角分明的線條，加上蘋果的IOS系統(tǒng)界面，單色鮮明的對比，非常漂亮。扁平化設(shè)計與當下最常見擬物化計形成鮮明對比，Andorid系統(tǒng)界面均采用擬物化，作為手機領(lǐng)域的風(fēng)向標品牌蘋果手機最新推出的IOS8使用了扁平化設(shè)計，鮮明的個性與特點，讓人記憶深刻，是一種非常新穎及簡便的設(shè)計美學(xué)原則在手機網(wǎng)頁界面設(shè)計中運用的典型案例。

3.扁平化設(shè)計在交互性界面中運用的優(yōu)勢

一種設(shè)計方式的創(chuàng)新，有好的一面，也有不好一面，不是所有的人都能完全的接受新的創(chuàng)新方式。有人會認為感覺扁平化風(fēng)格過于冰冷。但是一種全新的設(shè)計方式的出現(xiàn)，并被大部分人所接受甚至追捧，并能引領(lǐng)新的設(shè)計潮流，那么它的優(yōu)點必定大于缺點。

早期具有代表性的界面是微軟在Windows Phone 7中引入的Metro界面設(shè)計，簡潔的圖形、明亮的色彩搭配網(wǎng)格分割，給用戶一種清爽、清新、明朗的體驗，為以后扁平化風(fēng)格創(chuàng)作做出了重大啟示。而將扁平化的風(fēng)格推向頂峰并迅速普及的是蘋果的于2013年發(fā)布的IOS7操作系統(tǒng)。

扁平化風(fēng)格更加注重圖標在美觀之外的功能性意義，對色彩種類的運用相對較少，所占存儲空間比較小，因而相比擬物化風(fēng)格，它在有限的時間中加載速度更快；更容易突出主題，減少對用戶的視覺干擾和記憶負擔；便于識別，扁平化的圖標設(shè)計更加簡潔加上醒目的色彩，即使在較遠的距離，也能夠清楚地被用戶識別；設(shè)計也相對容易，無需考慮多余的裝飾，只需注意圖形的直觀性、界面網(wǎng)格布局，色彩的運用等方面，使圖標保持易用性、一致性。[4]

4.結(jié)語

在Win8 metro界面中和蘋果產(chǎn)品及IOS系統(tǒng)中，均可以看到很多扁平化設(shè)計影子，在安卓系統(tǒng)中，也同樣可以看到準扁平化設(shè)計元素且體驗良好。越來越多的網(wǎng)站設(shè)計也在走扁平式設(shè)計的路線，扁平化的簡約風(fēng)格的設(shè)計正在成為一個深受歡迎的潮流，人們正在遠離一直很受歡迎的擬物化設(shè)計。任何一個新生事物都有其生命周期，海量的信息和創(chuàng)新讓人應(yīng)接不暇，設(shè)計師只有根據(jù)內(nèi)容要求有尺度的使用扁平化設(shè)計的美學(xué)原則，把精力集中到每一處細節(jié)上，將一切元素合理整合，才能設(shè)計出人性化的操作界面，正如美國著名信息建筑家理查德·沃爾曼所說， “現(xiàn)在我們開始理解到新技術(shù)的出現(xiàn)并非是為了取代那些 ”舊“ 的， 而是“舊” 的要容納 “新” 的。[5]所以，一味地為了扁平化而設(shè)計則會顯得庸俗。

【參考文獻】

[1]馬歇爾·麥克盧漢，理解媒介———論人的延伸 [M]. 何道寬， 譯. 北京： 商務(wù)印書館， 2000

[2]任婕. 騰訊網(wǎng)UED體驗設(shè)計之旅[M]. 電子工業(yè)出版社. 2015.（04）

[3]Art Eyes設(shè)計工作室. 創(chuàng)意UI photoshop玩轉(zhuǎn)圖標設(shè)計[M]. 人民郵電出版社. 2015（01）

[4]郗鑒. 界與面一本寫給青春設(shè)計師的書[M].電子工業(yè)出版社.2015.（05）

[5]原研哉，設(shè)計中的設(shè)計 [M]. 濟南： 山東人民美術(shù)出版社， 2006.