扁平化理念在APP界面設(shè)計(jì)中的應(yīng)用研究

周 鑫

（南京交通職業(yè)技術(shù)學(xué)院 江蘇 南京 210000）

1 引言

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

2 APP界面設(shè)計(jì)原則

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

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

3 扁平化設(shè)計(jì)的界定

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

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

4 扁平化設(shè)計(jì)在APP界面中的運(yùn)用

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

扁平化設(shè)計(jì)在APP界面設(shè)計(jì)中的運(yùn)用主要?dú)w為兩點(diǎn)：表現(xiàn)形式的扁平化和信息結(jié)構(gòu)的扁平化。視覺效果的扁平是它的外在表現(xiàn)形式，信息架構(gòu)的扁平化是它的內(nèi)在展開形式。

4.1 表現(xiàn)形式的扁平化

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

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

4.2 信息結(jié)構(gòu)的扁平化

信息結(jié)構(gòu)的扁平化，是指手機(jī)程序的扁平化，是交互體驗(yàn)的扁平化，在界面設(shè)計(jì)過程中減少信息結(jié)構(gòu)層級(jí)，信息層級(jí)結(jié)構(gòu)簡單，交互方式快捷。

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

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