手機功能性界面的扁平化風格研究

【摘要】：隨著近些年來科技的快速發展，加快了手機這一類典型的移動終端電子設備的普及。為了使用戶在使用手機產品時更便捷、更加節省讀取信息的時間，扁平化設計也就成為了當今手機界面設計的主要趨勢。本文首先探討了扁平化設計的含義，并指出扁平化設計在手機功能性界面中圖形、色調、文字這三大元素中的運用，總結出其在手機功能性界面的優勢以及其在當代界面設計中的價值。

【關鍵詞】：扁平化;手機;功能;界面

一、扁平化的含義

扁平化設計，是指簡化一切裝飾效果，所有元素的邊緣界面都干凈利落，沒有羽化，沒有陰影，沒有漸變等的一種設計風格。相比上一代的擬物化設計，扁平化設計摒棄了一切仿真設計元素，將用戶的注意力集中在信息本身，而不是在一些輔助裝飾性的元素中。同時，扁平化設計鼓勵“少即是多”的美學原理，通過一些簡潔的圖形、文字、色彩的搭配，將用戶的注意力集中在信息本身，而不是輔助產品的元素裝飾美上。扁平化設計風格界面簡約，條理清楚，能夠幫助用戶快速地找到目標信息。同時，扁平化也是一種將復雜事物簡單化的思維方式。圖一為擬物化與扁平化在手機界面中的區別比較。

圖一 "擬物化與扁平化在手機界面中的區別比較

二、扁平化風格在手機功能性界面中的運用

在圖形中扁平化風格常采用圖片去底法，也就是說去除界面元素的裝飾性輔助元素，如陰影，漸變等來突出其主要功能元素。通過圖片去底法，可以在手機界面中快速抓住用戶眼球，吸引用戶注意力。同時，畫面空間感加強，使主要突出的信息更加明確。如圖一。

在色彩上，主要運用情感色彩導向法和顏色層級搭配法。運用不同的情感顏色產生共鳴，讓消費者通過顏色來識別內容。如在手機接打電話所指示的顏色中，紅色代表拒接，綠色代表撥通或接收，故在手機的功能性界面上“電話”的顏色為綠色識別。手機中的“設置”元素界面，是一個很理性的功能性按鍵，故在“設置”的顏色選用上，采用中性的灰色來指示。而顏色的層級搭配法，則利用顏色飽和度的高低進行搭配，來突顯其信息。如圖一右側，手機中“照片”元素界面這一功能鍵，利用其五彩的立體旋轉與白色進行搭配，來突出其色彩的魅力。而在早期擬物化的界面設計中，則利用向日葵作高低圖片純度對比來突顯，但并不明顯，導致其傳遞信息緩慢。當然，在顏色層級搭配中，不僅可以利用高低純色對比來突出物體，還可以利用高純度顏色對比來突出其功能特效。如“信息”功能鍵，利用綠色和白色兩個飽和度極高的顏色差異化的比較，來突顯其界面的不同。

在文字上，可通過字體、字號、字體色調以及排版方式等產生視覺空間感，達到區分主次信息、引導視覺流程的作用。字體是扁平化設計中非常重要的元素，不同風格的字體會產生不同的視覺情感，在選擇字體時要保持文字的視覺感受與表述內容的統一，從而創建出期望的風格。例如，宋體給人的感覺是端莊典雅，它占據的版面較小，字體秀麗，適合大面積的文字編排，通常在正文中使用，也是使用最廣泛的字體。而黑體，字形嚴肅莊重，醒目大方，傳達出來的氣質干凈利落，不拖泥帶水，因此多用黑體作標題或標識重點，展現主要信息。

三、 扁平化設計風格在界面設計中的價值

1. 扁平化設計使信息傳遞更清晰

扁平化風格在手機功能性界面中，主要是為了突出中心內容、強化信息、給用戶提供更好的瀏覽環境體驗。與傳統的手機界面設計相比，用戶更容易將注意力集中在所關注的內容上。至于扁平化設計所使用的圖形元素，則多為抽象圖形或二維圖形，這種表達方式弱化了視覺上的復雜性，讓用戶不會過多地關注圖形，強化了需要傳遞的信息內容，而使得其信息更容易識別。

圖二 "為手機界面扁平化設計

2. 符合用戶心理模型的界面設計

產品的界面是人與“物”交流的媒介載體，而扁平化設計正是把“以物為本”回歸到“以人為本”上的重要體現。與之前的手機功能性界面設計相比，扁平化的界面設計建立在用戶認知心理的基礎上，追求著極簡功能主義的界面風格，減少用戶的認知負擔。

3. 有利于避免信息迷航

扁平化手機界面設計的優勢還體現在其向用戶提供開放性、透明化的信息訪問路徑。因此，扁平化的界面設計可以避免用戶出現信息迷航。

扁平化設計開創了手機功能性界面設計的新形式，它用一種引人注目卻又十分簡單的方式，讓用戶準確地把握手機界面的信息內容。

參考文獻：

[1]李道芳.扁平化管理與管理的變革[J].合肥學院學報 （社會科學版）， 2005， 22 （4）： 104—106 .

[2]COLBRNE Giles.簡約至上：交互式設計四策略[M].李松峰，

[3]趙玉航，李世國.圖形用戶界面設計中的功能可見性[J].包裝工程，2010，31（20）：44—47.

[4]WARE Colin.設計中的視覺思維[M].陳媛嫄， 譯.北京： 機械工業出版社， 2009.