智能手機圖形界面的扁平化視覺設計

【摘 要】 文章分析了智能手機圖形界面平面化視覺設計的現狀、特性與扁平化視覺設計的優勢，認為智能手機圖形界面的扁平化視覺設計原則是極簡化、抽象化和愉悅感，并從文字、色彩及圖形三個方面探索了智能手機扁平化設計的視覺元素，以期為業界提供一些參考。

【關 鍵 詞】智能手機；圖形界面；扁平化設計

【作者單位】王青嵩，聊城大學美術學院。

扁平化視覺設計最初的概念是由Google提出的，英文名為“flat design”。扁平化概念是去除冗余、厚重和繁雜的裝飾效果，在圖形界面設計中，以符號化、抽象化和極簡化的圖形為主，去除如陰影、漸變及紋理等用于裝飾作用的部分，使視覺效果更直觀，更干凈利落，同時能夠快速傳達信息。目前，扁平化視覺設計運用得最成熟、最系統的是微軟公司的windows8界面與蘋果公司ios7.0以上的系統界面。除此之外，網頁設計、多媒體電子書、手機及其他的界面設計也大多開始采用扁平化視覺設計。現階段，扁平化視覺設計的理念在智能手機圖形界面中的使用還沒有得到充分的開發，本文針對智能手機圖形界面中扁平化視覺設計進行探討應該具有一定的創新意義。

一、當代智能手機圖形界面中扁平化視覺設計的發展狀況

日常生活中我們經常會聽到“扁平化設計”這個詞。在電腦網頁和移動設備終端中常會采用扁平化設計風格，如網頁設計、板式設計和logo設計等。在智能手機圖形界面中，扁平化視覺設計相對成熟的是Aandroid系統和蘋果公司的ios7.0以上系統界面，其整潔有序、風格統一的界面設計得到了用戶的一致好評。不過，在智能手機圖形界面設計中也出現了大量濫用扁平化設計的狀況，為了達到扁平化的視覺美觀而忽略了用戶體驗的現象屢見不鮮，因此導致智能手機操作不便與交互困難的情況時有出現。針對扁平化視覺設計的認識和理解，無論是學術界還是設計界都存在很大的爭議，網絡上對于扁平化視覺設計的討論也非常激烈，但觀點都是從自身體驗或是單一的角度去理解，缺乏系統論述。擺脫對扁平化視覺設計的偏見，理解扁平化視覺設計的精髓，靈活運用扁平化視覺設計的元素語言，是當今設計實踐與學術理論十分重要的一個問題。

二、智能手機圖形界面的特性與扁平化視覺設計的優勢分析

智能手機圖形界面設計相對于其他用戶界面的形式而言更具有自己的獨特性，設計者必須熟知智能手機圖形界面的特性，才能更快地去研究和開發。通常而言，智能手機圖形界面有以下幾種特性。（1）數字技術化。智能手機圖形界面是利用二進制進行編碼從而實現數字技術化的，它將聲音、文字和動畫等轉換為數字，由此進行手機終端的信息傳輸。（2）信息圖形化。智能手機圖形界面將圖形、影像和聲音等視聽元素以信息的方式反饋給用戶，圖形不受限制，多種形式的圖形信息交流使得人與人之間的交流更加便捷。（3）交流互動性。《數字化生存》一書中將電子移動設備稱為“互動的多媒體”，用戶通過單指或者多指操作而獲得智能手機圖形界面的反饋，還可以通過其他的命令按鈕去操作，達到一種良好的人機交互的效果。（4）直觀操作性。智能手機已經擺脫了鍵盤而采用手指觸碰的設計，電容觸摸屏幕已經成為智能手機的必備配置，用戶可以直接用手點擊屏幕操作，達到發布命令和接收信息的目的。

在網絡時代背景下，大眾對智能手機、平板界面的視覺設計提出了新的需求，對圖形的概括和識別的能力也在不斷提高，大眾對于圖形界面抽象化的審美需求也更加強烈。從這一點來說，扁平化視覺設計在極簡主義的模式下就很符合人的需求，能夠在短時間內完成視覺體驗與人機交互，更適合當今快節奏的生活，同時也滿足了用戶準確有效地瀏覽自己所需資源的要求。扁平化視覺設計在智能手機圖形界面中的運用，呈現出自己獨特的優勢。（1）良好的隱喻性。這里的隱喻性是指用一種物體來代替另一種物體的修飾方式。良好的隱喻性使得智能手機圖形界面在設計中得以簡化一些流程，使其具有易于識別、易于記憶、易于跨文化理解、易于提升程序的運行效率等作用。（2）方便用戶使用。扁平化視覺設計以方便客戶為主，設計時采用高強度的對比度方法與加大選項顏色或者字體的方法，給用戶更好的視覺體驗。（3）符合用戶的心理需求。用戶可以通過界面提示的信息進行操作，扁平化視覺設計師常在界面設計中構造符合用戶的心理模型，加強了信息傳達的準確性。（4）整體一致性。設計的整體性與一致性讓智能手機圖形界面設計中不同的圖形、模塊與文字等最大可能地保持了與外觀的一致性和整體的風格，同時讓功能性與操作本身達成一致。

三、智能手機圖形界面的扁平化視覺設計原則

1.極簡化

在扁平化視覺設計中最容易提起的就是“極簡”一詞，指的是智能手機圖形界面設計中應該采用最簡潔的設計來表達出最多的信息，并且讓使用者在最短的時間內尋找到自己所需要的目標和資源。蘋果公司首席設計師很早就提出智能手機應該使用極簡的設計方法，而所謂的極簡是拋棄冗余與繁雜的裝飾品，將復雜變成簡單，將無序變成有序。設計師要清楚而明白地理解用戶的需求，能夠恰到好處地將不同的元素安排到合適的位置，突出信息的明確性，如此有助于加強用戶的體驗性，讓用戶加快獲得所需的信息資源。

2.抽象化

扁平化視覺設計是以方便客戶的使用為主的，因此智能手機界面設計中應該注重提高客戶的使用體驗。扁平化視覺設計要求設計師不僅具有高度概括的能力，同時也應當具有處理圖形、色彩及文字之間關系的能力。優秀的扁平化視覺設計作品即使在沒有裝飾效果的情況下依舊能達到良好的直覺導引作用和效果。在智能手機界面設計的過程中，應該使界面設計上的質感變得更抽象化，能夠將光線、三維等基礎元素放在一邊，把客戶使用過程中所獲得的涉及虛擬與現實的體驗進行區分。可以采用集合圖形，如圓形、正方形和三角形等，經過加工變形后形成高度概括的抽象化圖形，給人一種扁平的視覺感受，而不是凸凹感與可觸感。也可以采用字體的抽象化，這種方法可以提高界面的趣味性和視覺辨識度，也可以增加界面的整體性和節奏感，同時通過字體的排版還能減少視覺疲勞感。

3.愉悅感

智能手機界面是機器與用戶之間交互的最直接的層面，界面設計的好壞直接影響了用戶對手機的第一印象，而且良好的扁平化視覺設計的界面能夠給予用戶一定的指引作用，引導用戶完成相應的操作。可以說界面如同人的面孔一樣，具有吸引用戶的直接優勢。設計合理的界面能夠給使用者帶來愉悅的心情和成功的喜悅，反之則會令使用者產生厭煩感，甚至會產生挫敗感。康納德·諾曼在《情感化設計》中說：“美麗、樂趣和快樂共同作用會產生愉悅的感覺，愉悅是一種積極的情感狀態。”這說明在智能手機圖形界面中，扁平化視覺設計不能僅將功能設計作為焦點，還要考慮到用戶在使用過程中的心理體驗，因為優秀的設計能夠使用戶產生愉悅的感受。人性化的交互設計在于人在使用機器時能夠產生愉悅、輕松的感覺，并且能夠直觀與有效地獲得信息。如今客戶越來越重視個性化與自我風格，故而智能手機界面設計應主要體現出圖形界面設計的細膩性和豐富性。

四、智能手機圖形界面中扁平化視覺設計的視覺元素

隨著智能手機圖形界面設計越來越復雜多變，設計者也會根據產品定位與市場需要推出不同的設計風格。扁平化視覺設計在智能手機圖形界面中可謂是大行其道，越來越多的設計者也開始使用這種設計方法。智能手機的視覺效果可以通過文字、色彩及圖形的設計來決定，這些元素的組合搭配又可以稱之為“版式設計”。優秀的版式設計是扁平化視覺設計的前提，同時也是展示智能手機信息的重要表現形式。優秀的扁平化視覺設計不僅具有視覺的指導性，而且也能有效地傳達信息。在智能手機圖形界面設計中只有將文字、色彩及圖形合理地搭配起來，才能實現功能美與形式美的統一，才能生產出令人舒適而愉悅的產品。

1.扁平化視覺設計中的文字元素

（1）文字符號化

文字不僅是人類在生活中用于信息傳達和交流的最普遍的視覺識別符號，而且也是智能手機圖形界面設計中實現視覺傳播的最直觀最有力的手段。作為一種信息傳達的符號，文字所傳達的語義信息非常直觀而且容易被人認識和理解。文字元素在設計中的首要功能就是表達，即將信息內容傳遞給使用者。不過，由于使用者對文字信息十分熟悉，因而如果是單純的文字形式，會讓使用者降低對文字的注意力，從而影響了文字信息的傳達。因此，文字元素作為造型設計中的一個極其重要的組成部分，尤其是在智能手機圖形界面中扁平化的視覺設計中，除了讓文字表達字本身的意義和輔助說明，更多的應當是將不同文字的個體和文字的組合形式作為視覺形象設計傳達出來。文字在技術層面和語義層面具有相輔相成的關系，在智能手機界面設計中，文字的字體及排版，相當于文字的輔助信息傳達方式，這能夠使得信息更加有效地傳達給客戶。

（2）文字圖形化

智能手機圖形界面扁平化視覺設計的主要目的是為了傳達信息，文字則是傳達信息的主要媒介。從文字的發展史中我們可以知道，文字發展的原始形態就是為了傳達信息的圖形符號，其本身就具有構成和編排的特點，同時也可以將其看作圖形組成的一部分。《中國文字學》中指出：“文字本是自然地產生，古代的象形文字就是直接根據物體的外形加工而成的文字符號。”科技的發展改變了文字的書寫與字體的規格，打破了文字原有的版式布局，從而使文字所具有的圖形化表現得更加多樣和突出。隨著讀圖時代的來臨， “讀”走向了“看”，文字傳遞信息已經遠遠超過了原有的閱讀性，也遠遠超出了“信息”的范疇，文字被注入了新技術與新概念。因此，通過新的編排與構造，可以使文字的內涵和形式更加突出，最終實現信息的交流與傳遞。

2.扁平化視覺設計中的色彩元素

（1）色彩符號化

馬克思曾說：“色彩是最大眾化的審美因素。”人的視覺器官對于色彩是最為敏感的，在界面設計中更是如此。色彩是圖形外形最為明顯的外部特征，它暗喻著某一手機、網站及軟件的內容與性質。在智能手機界面的設計過程中，色彩不僅能夠對使用者產生引導作用，而且也會影響用戶的心情和心理，因此，色彩運用的好壞直接關系到界面設計的成與敗。色彩具有美化性和裝飾性，同時也積淀了感性與理性等多方面的因素。色彩的設計效果會引起用戶的聯想和記憶，也能引起他們情感上的共鳴。一般來說，界面設計普遍傾向于純潔與優雅的視覺效果，在色彩選擇上常常偏向于明度與飽和度較高的色彩，而在扁平化視覺設計中，設計師則更加趨于大膽，會利用不同的色彩撞擊給設計帶來無限可能，使界面設計更加具有愉悅性和趣味性。扁平化視覺設計中的色彩所具有的視覺敏感度，能夠引起用戶的注意，同時誘導智能手機用戶對其進行選擇和使用。

（2）色彩構成化

色彩的三個基本元素是明度、純度和色相。扁平化視覺設計中通常采用色彩的明度來呈現出信息的層析關系，用色相來表達信息的差別性，用純度來區別應用程序與前后臺。色彩作為視覺設計中的基本元素，在扁平化視覺設計中更加強調的是通過色塊的面積大小及數量的多少來表現不同信息的主次關系。目前，扁平化視覺設計中以色彩明快、色調豐富為流行元素，而且并不局限于色調的固定化，它可以使用不同的色彩，但為了引導和吸引用戶對于界面的交互作用，設計師更加傾向于鮮艷的顏色。純色在智能手機界面設計中也是首選，因為純色能夠與明亮或者灰暗的背景形成鮮明的對比，可以提高視覺沖擊力。在扁平化視覺設計中，同類色也成為當下的流行趨勢，比如可以用一單一色搭配黑白來創造視覺層次的效果。

3.扁平化視覺設計中的圖形元素

（1）圖形指向性

在智能手機圖形界面扁平化視覺設計中，圖形具有非常強的指向性。在日常生活中經常有這樣的經驗：高速公路上的指示牌基本上都采用扁平化視覺設計，當視線落在設計上會使司機在短時間內辨識指示牌所表達的內容與信息。同樣，處于網絡信息的環境中，用戶也需要快速獲取和反饋信息。智能手機作為移動網絡的端口，其圖形界面需要指向性的功能，而扁平化視覺設計則剛好具備了這一特性。

（2）圖形抽象化

圖形的抽象化能使信息表達得更清晰明了，讓用戶在較短的時間更加容易去識記和辨別。扁平化視覺設計中的抽象化是對事物外形輪廓的高度提煉與概括，抽象化并不是代表感性化，因為在智能手機圖形界面扁平化設計中還通常利用文字和數字的結合來傳遞信息。這里的抽象化對設計師的觀察和提煉的能力提出了新的要求——設計師既要了解對象外形的本質，又要巧妙地利用線條進行取舍，在外部輪廓與界線的強烈對比下，表現出物體本身的美感與對象傳達的信息。圖形的抽象化促使了圖形符號化的產生，漢字的發展史同樣經過了從抽象化到符號化的過程。圖形符號本身是人類的共同視覺語言，一個圖形符號能夠解決不同語言、不同國家的信息交流。如今，智能手機界面圖形已經呈現出符號化的發展趨勢，相信通過優秀的扁平化視覺設計，能讓圖形符號化獲得進一步的統一和完善。

|參考文獻|

[1]伍凡凡. 以用戶體驗為導向的智能手機應用軟件界面設計研究[D].鄭州：河南大學，2007.

[2]胡明. 淺析電子雜志的界面設計[J]. 湖北美術學院學報，2008（2）.

[3]孫瑞. 智能設備中電子閱讀APP界面設計研究[J].出版廣角，2016（3）.