扁平化設(shè)計手法在APP界面中的優(yōu)勢探究

趙丹青

江漢大學(xué)設(shè)計學(xué)院

隨著科學(xué)技術(shù)的快速發(fā)展和社會生活水平的急劇提升，互聯(lián)網(wǎng)和手持移動設(shè)備已經(jīng)成為人手必備的產(chǎn)品，人們的生活習(xí)慣和生活方式也隨之發(fā)生了改變，不再需要守著電腦去獲取或者發(fā)布信息，人們隨時隨地可以實(shí)現(xiàn)娛樂、消費(fèi)、導(dǎo)航等功能需求，于是移動終端上致力于滿足時代需求的APP（即第三方應(yīng)用程序，或簡稱移動應(yīng)用）便應(yīng)運(yùn)而生，且這些移動應(yīng)用的呈現(xiàn)內(nèi)容和交互方式越來越豐富和復(fù)雜，尤其近幾年來扁平化的設(shè)計手法在用戶界面甚是流行，因其簡潔有序的極簡設(shè)計受到了市場的喜愛，現(xiàn)針對這種趨勢總結(jié)其優(yōu)勢主要體現(xiàn)在三個方面。

一、緩解審美疲勞，吸引眼球

APP以驚人的速度每時每刻充斥著我們的生活，在如此龐大的信息量中，沒有特色的APP會被人完全忽視，幾乎每個開發(fā)者或設(shè)計者目的都是要做出讓人眼前一亮、被其吸引、產(chǎn)生共鳴并很想下載使用的APP。這種吸引力正是通過核心的圖文或色彩得以實(shí)現(xiàn)。這樣的設(shè)計并不是標(biāo)新立異，而是要讓受眾以直觀的方式理解和參與其中。

或許在數(shù)碼設(shè)備普及度不高的若干年前，擬物化有著不可磨滅的功效，尤其對于孩子和老人來說擬物化的設(shè)計更加直觀有趣。例如，一個仿真溫度計或照相機(jī)的icon很容易讓用戶識別并預(yù)知其功能，但當(dāng)人們對數(shù)字化的依賴程度大大增加的同時，原本的擬物化或產(chǎn)品化的APP界面設(shè)計日漸暴露其局限性，一方面源于對真實(shí)世界的經(jīng)驗(yàn)和認(rèn)知，使得可供擬物化設(shè)計選擇的具有明顯識別標(biāo)記的代表性物品數(shù)量有限，導(dǎo)致擬物化設(shè)計趨于形象的同質(zhì)化。另一方面，很多被選設(shè)計物品本身就是工業(yè)時代的舊產(chǎn)品，因?yàn)闀r代的發(fā)展而不具備連續(xù)性和傳承性，導(dǎo)致設(shè)計的新鮮感不足。并且在熟悉各種APP的使用規(guī)則和移動設(shè)備的系統(tǒng)后，人們不再需要依賴寫實(shí)的視覺成像去引導(dǎo)操作。于是扁平化這種摒棄高光、陰影及透視感效果的設(shè)計迎合了當(dāng)代人的口味，通過抽象、簡單、符號化的設(shè)計元素來呈現(xiàn)視覺效果。那些一目了然的矩形色塊、非襯線大字體，搭配一流色彩的設(shè)計被應(yīng)用在功能簡單的APP界面上，光滑且現(xiàn)代感十足，簡約且易讀，讓看久了擬物化的用戶感覺煥然一新。

二、傳達(dá)視覺信息，優(yōu)化設(shè)計

早在1971年，經(jīng)濟(jì)學(xué)家赫伯特·西蒙就對現(xiàn)代人的注意力匱乏癥做出了最好的診斷：信息消耗的是接收者的注意力，因此，信息的聚斂必然意味著注意力匱乏。如今全新的社會形態(tài)造就了新的商業(yè)環(huán)境，人們通過快餐式媒體觀察世事，通過消費(fèi)撫慰心靈，通過無所不在的娛樂釋放壓力，通過虛擬網(wǎng)絡(luò)建立與真實(shí)世界的聯(lián)系，每天通過各種即時通信從生活的間隙獲取信息。這些來自于傳統(tǒng)與現(xiàn)代、全球與本土、虛擬與現(xiàn)實(shí)的種種碰撞交融，使一切都變得那么零碎。人們雖然獲得非常多的信息，但卻沒有深刻的理解和記憶，人們的生活更加“碎片化”、注意力更加分散，這些信息瞬間成為過眼云煙。每當(dāng)有新設(shè)備和技術(shù)進(jìn)入市場之時，其功能和推動交互發(fā)展的程度總會引起用戶的注意。不論是文字、音頻還是視頻，對媒體內(nèi)容的攝入大概是用戶使用設(shè)備時的最主要活動，而在這種情況下，需要確保的是界面不會影響界面內(nèi)容的攝入過程。

扁平化的界面設(shè)計更具規(guī)則性，柵格式的布局讓頁面更有層次感，利落清爽，無需過度的裝飾和過炫的設(shè)計。基于以上這些，扁平化設(shè)計與響應(yīng)式需求相遇了，并有極高的契合度，兩者聯(lián)手引領(lǐng)了一個時期的潮流。扁平化的界面設(shè)計正是將這種碎片式的信息愈合在一起供用戶閱讀和了解，能急速激發(fā)情緒，提高用戶主動參與APP活動的熱情。就好像信息技術(shù)推進(jìn)了信息的碎片化，再由技術(shù)推進(jìn)信息的整合。更強(qiáng)的信息整合是未來社會所需要的，而設(shè)計本身需要做的，則是適應(yīng)信息碎片化時代，從碎片信息中系統(tǒng)地獲取有效信息，而不是被太多碎片轉(zhuǎn)移注意力。

此外，各種移動設(shè)備受到屏幕大小、程序和系統(tǒng)的限制，如iOS系統(tǒng)、Android系統(tǒng)等，使得設(shè)計師和開發(fā)者發(fā)現(xiàn)，當(dāng)APP界面設(shè)計過分依賴紋理、投影時，畫面一旦收縮為更小的尺寸，效果便達(dá)不到理想狀態(tài)。且不同系統(tǒng)的界面風(fēng)格和界面交互習(xí)慣不同、不同款式的智能手機(jī)持有不同的分辨率，而一款A(yù)PP的設(shè)計是需要其在不同系統(tǒng)或不同分辨率下都能適用，這就要求在進(jìn)行移動應(yīng)用的界面設(shè)計時，要充分考慮移動端的多分辨率，以及界面中要表達(dá)的信息重點(diǎn)是否在任意分辨率下都能完整清晰地展示出來、設(shè)計的界面視覺風(fēng)格是否與相應(yīng)系統(tǒng)風(fēng)格相符合，所以需要顯示更加簡潔明快的圖案和字體。而扁平化設(shè)計沒有太多的構(gòu)成要素，能讓頁面加載速度更快、收縮彈性更強(qiáng)，無需為不同的屏幕設(shè)計不用的圖案，從而使得APP運(yùn)行和使用起來更加簡便。尤其在手機(jī)上，因?yàn)槠聊幌鄬^小，使得這一設(shè)計手法在用戶體驗(yàn)上更有優(yōu)勢，更少的按鈕和選項(xiàng)使得界面干凈整齊，使用起來格外簡單。

三、構(gòu)筑產(chǎn)品框架，提高效率

完成一整套清晰的APP界面圖，首先要明確這一產(chǎn)品的目的和需求，意圖明確之后，經(jīng)過再三斟酌，設(shè)計框架才得以形成。縱觀市面上已有的APP，產(chǎn)品項(xiàng)目的落地基本包含戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層五個層面，從市場分析到邏輯框架的搭建再到設(shè)計的展示，扁平化設(shè)計手法都在一定程度上功不可沒。

首先，隨著各種尺寸的可聯(lián)網(wǎng)設(shè)備的普及，APP界面受大勢所趨而務(wù)求更加流暢，而與之相應(yīng)的，就是扁平化設(shè)計風(fēng)潮。盡管不需要特別的美學(xué)，但也可以說扁平化設(shè)計相比其他風(fēng)格來說能夠更易于輔助響應(yīng)式設(shè)計的美觀。簡化設(shè)計的優(yōu)勢在于能夠降低頁面重量從而減少加載時間，同時它也能在不同的屏幕上切換自如。小的模塊對于用戶來說更能吸引注意力，能應(yīng)用于各個領(lǐng)域，使用起來更加高效。扁平化的設(shè)計能夠讓用戶在不同的移動端設(shè)備上有一致性的體驗(yàn)，能夠自己擴(kuò)展或者收縮從而適應(yīng)任何屏幕的尺寸，設(shè)計師可以很靈活地控制界面分割塊的比例并且適應(yīng)彼此。例如，在觸屏上，操作它就像按動一個按鈕一樣不需要花費(fèi)多少精力，不會被多余的裝飾迷惑。另一方面，在與程序員和工程師合作的時候，簡化的界面更容易溝通，使開發(fā)變得更加簡單。同時，扁平化的界面設(shè)計可以減少加載圖片時對服務(wù)器的請求次數(shù)，因?yàn)橛脝我坏纳珘K取代了復(fù)雜的背景圖片，其尺寸明顯小于內(nèi)容豐富的圖片，便于在任何位置使用而不耗費(fèi)太多內(nèi)存，降低了服務(wù)器的壓力，同時提高了頁面的加載速度，節(jié)約了用戶的流量。當(dāng)用戶收到“磁盤空間不夠”的提示時，會馬上查看手機(jī)上已經(jīng)安裝的應(yīng)用并開始選擇刪除的對象。如果一個移動應(yīng)用體積很大，占用了移動設(shè)備上過多的容量卻并未提供等同的價值，那么只能后會有期。而采用扁平化手法設(shè)計的界面能夠保持應(yīng)用在體積上足夠輕量，能夠使產(chǎn)品在APP市場占有一席之地。

其次，APP界面中涉及行動或者任務(wù)導(dǎo)向的觸控目標(biāo)，應(yīng)盡可能地使它簡單且容易點(diǎn)擊。例如，為老人設(shè)計時要考慮觸控時的抖動因素，同樣為兒童設(shè)計時需要考慮點(diǎn)擊的不準(zhǔn)確性，因而運(yùn)用簡化的扁平式設(shè)計手法能夠在圖形資源周圍增加留白區(qū)域，以便本質(zhì)上提升觸控面積，幫助提升完成任務(wù)的速度。這樣對比之下便暴露了一些擬物化界面設(shè)計并沒有著重實(shí)現(xiàn)功能化而花費(fèi)大量的時間在視覺陰影和質(zhì)感塑造上的缺陷。

此外更重要的一點(diǎn)在于刪繁就簡更能呈現(xiàn)產(chǎn)品本質(zhì)。APP界面的扁平化設(shè)計能夠從用戶的心理層面出發(fā)，簡化圖片乃至在一些細(xì)節(jié)上做出改善性的設(shè)計，使用戶更專注于界面內(nèi)容而不是令人目眩的設(shè)計元素，提升移動應(yīng)用的使用連貫性。

扁平化設(shè)計簡潔、清新的風(fēng)格較之以前的擬物設(shè)計給人耳目一新的視覺新感受，猶如饕餮盛宴后清爽的風(fēng)味小菜，有心曠神怡之感。但如果深入探究扁平化設(shè)計深受喜愛并受到廣泛追捧的原因，就不能簡單地歸結(jié)于大眾對前期設(shè)計的審美疲勞。扁平化界面設(shè)計成為一種流行趨勢源于它自身的優(yōu)勢，但APP界面中視覺表現(xiàn)手法的選擇既不能一味地跟風(fēng)，也不能片面追求視覺沖擊力，必須要以良好的信息架構(gòu)及交互模式為基礎(chǔ)，否則，也將會被其他設(shè)計手法所替代。