扁平化理念在APP界面設計中的應用研究

周 鑫

（南京交通職業技術學院 江蘇 南京 210000）

1 引言

隨著信息技術和移動互聯網高速發展，智能設備的普及，移動應用和服務更加廣泛。截至2017年12月，中國網民規模達7.72億，互聯網普及率為55.8%，移動網民規模為7.53億，移動網民在網民中的占比已高達97.5%。從數據可見手機上網成為主流，移動終端的第三方應用程序APP的開發行業亦盛行發展。APP指的是應用程序，簡單來說就是手機軟件，運用于智能手機與平板電腦領域，以智能設備系統為載體的，滿足一定功能或精神需要的第三方應用程序。如微信、手機淘寶、手機支付寶等，如今我們已經習慣拿起移動設備點開APP為我們解決日常生活所需，為了滿足客戶需求，市場上開發了不同種類不同領域的APP應用程序，人們也對APP產品需求不斷提高，對APP的界面設計、用戶體驗有著更高的要求。

2 APP界面設計原則

決定用戶在APP操作中感受到舒適、簡單、自由最直接影響因素就是界面。即用戶界面，是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的界面設計不僅能充分體現軟件的定位和特點，還能讓軟件變得有個性有品味，操作變得簡單直觀。 APP的界面設計主要受到感官、行為影響。感官上，APP從圖標點開到里面每一個頁面，都是通過版式布局、文字色彩，視覺傳達的方式展現在用戶的面前。不一樣的視覺效果帶給用戶不一樣的感官體驗。好的印象，決定著用戶是否繼續使用。

APP操作過程中，用戶產生行為體驗，APP界面設計是否符合用戶的行為習慣，是否符合用戶需求，使用戶產生共鳴。是決定APP不被用戶拋棄的關鍵，也是設計師在做界面設計時重點考慮的問題。用戶行為是用戶群體受生活環境影響形成的一種固定行為思維模式，是一種無心的人類自然的本能反應行為模式，其中用戶無意識下的操作行為是設計師進行界面設計研究的主要方向，在APP界面設計過程中要遵循這種習慣性操作模式，提高界面操作的可用性，易用性，和愉悅度來提高用戶的滿意度，滿足用戶與APP之間的互動，達到功能性的需要。

3 扁平化設計的界定

扁平化設計是近幾年視覺傳達設計領域一種新的設計風格，整體效果趨向于平面化、無立體感，在設計中簡化漸變、陰影、高光、紋理、透視等擬真視覺效果，通過簡潔符號化圖形，強烈的色彩，無修飾性字體，去除一切表面裝飾元素，精心選擇本質性元素，從而打造出一種看上去更簡單的“扁平”的視覺界面，其本質是將一切干擾信息弱化，突出需要表達的重要內容與信息。

微軟公司的Metro界面，蘋果公司的IOS 7系統，沒有了精美逼真的視覺表現手法，取而代之的是簡單純色、簡約圖形和統一文字，突出界面的功能點，給用戶直觀的信息傳達。在設計領域開啟了顛覆性的界面視覺風格，并迅速得到設計師和用戶的追捧。扁平化設計的出現讓界面設計風格和交互形式變得輕巧，使形式服務于功能，更注重用戶體驗，讓界面設計的視覺效果和用戶體驗都得到了完美的結合。

4 扁平化設計在APP界面中的運用

當前信息快速發展，生活節奏的加速，碎片式時間獲取信息方式，需要一種簡潔明了、更加直觀表達信息的設計，讓人們花少量的時間就能學會一種交互方式，將交互過程精簡、優化，讓用戶獲得更好的體驗感，獲取到盡量多的信息，提高使用效率。扁平化設計正好符合現在的潮流發展，所以被廣泛運用到APP界面設計中。

扁平化設計在APP界面設計中的運用主要歸為兩點：表現形式的扁平化和信息結構的扁平化。視覺效果的扁平是它的外在表現形式，信息架構的扁平化是它的內在展開形式。

4.1 表現形式的扁平化

扁平化設計拋棄過多圖形的深入刻畫，去掉繁瑣的裝飾，減少繁重的工作量，表現形式上對界面設計效果更加簡潔，圖形呈現更加直觀，每一個圖形都具有廣泛的認知性，都有存在的必然性，使用戶對應用程序功能一目了然，操作加載十分快速，同時也使得扁平化界面設計可以很好的適應各個尺寸的屏幕，更有利于在不同大小的設備上顯示干凈利落的排版。

扁平化設計風格將有用的信息直接提取到用戶的眼前，利用圖形組合，圖形標識不添加復雜元素，確保用戶在使用過程中保持良好的視覺流暢，便于用戶便捷的尋找到自己所需內容，讓用戶一眼就能準確找到自己想要的信息。設計師在設計界面時通過不同色彩、圖形大小、文字布局、功能圖標增加若干對用戶感知器官的刺激因素，達到信息突出，合理的對信息進行梳理，突出主要內容，使得用戶可以更好的集中注意了。APP設計中過于繁瑣的圖標設計和過多的圖形元素，容易擾亂用戶的識別性，喪失了交互的有效性。也造成設計師在界面制作時耗費大量時間，扁平化界面設計焦點正好放在創作設計上，設計師遵循“形式服從功能”、“少即是多”的現代主義設計風格，將一切用戶想知道的信息，通過對元素信息的歸納總結，用簡潔的圖形符號將其準確表達出來，直接放置界面上。如音樂圖標多數都會用到音符、天氣圖標用到云朵、美食圖標用到食物現狀物體，圖標具有很強的功能性。在顏色形態上，扁平化設計采用色塊，通過色彩的純度、明度、對比度、配色方案創造出多種配色手法，營造出與眾不同的視覺感受與視覺沖擊力，從而做到主體信息凸出。整潔干凈的界面，簡潔的符號化按鈕和排列整齊的各類選項，幫助界面更加清晰的傳達信息，減少用戶認知障礙的產生，提高用戶的瀏覽體驗。

4.2 信息結構的扁平化

信息結構的扁平化，是指手機程序的扁平化，是交互體驗的扁平化，在界面設計過程中減少信息結構層級，信息層級結構簡單，交互方式快捷。

傳統的層級結構大多是縱向的單線路經，用戶點擊進入一個層級才能進入下一個層級，層級過多，操作性較差，影響用戶的使用效率，扁平化界面設計風格是一種開放式的界面層級結構，交互層級結構是橫向式、透明式，是一種整合信息的方法，簡化了結構層級，強調信息本身，設計者在界面設計過程中減少信息層級的思想， 利用最少的頁面來展現最多的信息，通過界面的導航設定和信息排布設計，簡化了信息的中間層級，用戶就可以在不用進行界面的切換下了解和掌握其他子界面的信息。層級間的切換方式更加快捷，層級結構更加清晰，可以幫助用戶快速、有效的完成信息的查找，縮短信息訪問的路徑，從而獲得更多信息。以支付寶APP為例，當用戶選擇并進入了支付寶首頁，界面上方有很多圖標快捷方式，我們可以快速進入想要的層級，輕松找到所要的信息。這樣的層級結構用戶易于理解，用戶可以一目了然的知道產品的主要功能和各個功能模塊之間的組織關系，學習使用更加簡單，對軟件的好感、友善度更高。

扁平化設計簡潔的布局頁面，易懂的圖標按鈕、色彩豐富的組合設計元素，用戶操作時更直觀的、更簡單的，認知交互更容易，所以扁平化風格在短時間內被大家接受，推崇，其獨特之處就是操作的靈活性和方便性，更加注重功能的本身，較好的展現了產品效果，做到了一切設計都為功能服務，真正做到了形式服務于功能。