在界面設(shè)計(jì)中，扁平化設(shè)計(jì)與之前盛行的擬物化設(shè)計(jì)，有著較強(qiáng)的視覺對比和設(shè)計(jì)理念上的差異。因?yàn)樗艞壛肆餍卸嗄甑臐u變、陰影、高光、透視等諸多擬真視覺效果，在推崇極簡、平面化表達(dá)方式的同時(shí)，實(shí)現(xiàn)信息有條理、準(zhǔn)確無誤的呈現(xiàn)，從而也更適合輕應(yīng)用程序使用量激增的趨勢。本文通過分析扁平化風(fēng)格的特征和趨勢，比較與擬物化界面風(fēng)格的區(qū)別及優(yōu)勢，探討其在移動端界面設(shè)計(jì)中的更好應(yīng)用。

隨著用戶體驗(yàn)需求提升和互聯(lián)網(wǎng)移動終端產(chǎn)品普及，界面設(shè)計(jì)越來越顯示出其在產(chǎn)品交互過程中的重要作用。用戶對互聯(lián)網(wǎng)產(chǎn)品交互體驗(yàn)的滿意度，在很大程度上取決于界面設(shè)計(jì)的優(yōu)劣；扁平化設(shè)計(jì)（Flat Design）是2013年起始流的一種界面設(shè)計(jì)風(fēng)格，與之前流行且現(xiàn)今也有一定影響的擬物化設(shè)計(jì)形成了強(qiáng)烈的對比。扁平化設(shè)計(jì)以簡明的視覺表現(xiàn)方式快速、準(zhǔn)確地傳遞信息，減少認(rèn)知障礙。從設(shè)計(jì)理念上看，它不僅僅是“極簡主義”的推廣，也是“內(nèi)容至上”的體現(xiàn)。

擬物化、扁平化設(shè)計(jì)的含義

擬物化設(shè)計(jì)：通過高光、材質(zhì)、陰影等效果，對實(shí)物進(jìn)行模擬，達(dá)到造型、質(zhì)感向?qū)嵨锟待R的初衷；也可以源于實(shí)物而高于實(shí)物，進(jìn)行適度的變形和夸張。在界面設(shè)計(jì)中，擬物設(shè)計(jì)會讓用戶通過辨認(rèn)外形，識別指代對象或功能選擇，甚至憑借經(jīng)驗(yàn)推斷出它的交互方式。

扁平化設(shè)計(jì)：一種簡明的設(shè)計(jì)，摒棄透視感、立體感，通過提煉、符號化、抽象化的設(shè)計(jì)元素來表現(xiàn)實(shí)質(zhì)內(nèi)容。在界面設(shè)計(jì)中，扁平化設(shè)計(jì)視覺體驗(yàn)簡潔明快，更具現(xiàn)代感。顏色、字體、排版在扁平化設(shè)計(jì)中有著舉足輕重的作用，有機(jī)地將標(biāo)題、內(nèi)容和適度的裝飾融為一體，讓用戶心領(lǐng)神會的明白功能目標(biāo)和使用方式。

扁平化的設(shè)計(jì)優(yōu)勢

1.移動終端帶來的轉(zhuǎn)變

歷經(jīng)傳統(tǒng)軟件、互聯(lián)網(wǎng)軟件和移動互聯(lián)網(wǎng)這三個時(shí)代，最直接的結(jié)果就是使用終端的改變。前兩者，都是以臺式電腦為中心。而后者則是以“手機(jī)+平板電腦+筆記本電腦”為中心；網(wǎng)絡(luò)接入方式也由固定的Internet變?yōu)椤?G+4G+Wifi”。就這意味著使用終端的尺寸越來越小，過去整齊劃一的局面也被打破。移動終端的屬性與規(guī)格變化，帶來了與之前不同的設(shè)計(jì)理念和需求。由于設(shè)備更便于隨身攜帶，用戶通過頻繁使用移動終端，逐漸形成了一種嶄新的“生活習(xí)慣”。受限于移動終端屏幕尺寸，通常用戶希望屏幕中的信息及內(nèi)容結(jié)構(gòu)更加簡單、明了，扁平化風(fēng)格的界面設(shè)計(jì)，可以更加輕松、自由的適于各種移動終端和電腦屏幕。此外，因去除了物質(zhì)塑造的紋理、高光等立體效果，可以應(yīng)對各種分辨率，扁平化設(shè)計(jì)風(fēng)格更易通用于各類終端，形成產(chǎn)品視覺一致性（如下圖1、2）。

2.信息的過載

移動互聯(lián)網(wǎng)用戶可以極為便捷的接受大量信息，這需要他們快速評估其價(jià)值，過濾掉不重要的，同時(shí)也需要進(jìn)行一定量的信息反饋。這些都會給用戶造成大量負(fù)荷，尤其小屏幕終端產(chǎn)品的流行，更讓充斥了諸多繁雜元素的交互界面顯得不合時(shí)宜。如何在高效進(jìn)行信息交互的同時(shí)，除去界面中不必要視覺元素帶來的干擾就顯得尤為重要。Geckoboard的設(shè)計(jì)讓關(guān)鍵數(shù)據(jù)一目了然（如圖3），減少視覺認(rèn)知上的障礙和高效信息交互，對于扁平化的交互界面來說，并不是個難題。面對信息的過載和需要解決事物的壓力，人們更傾向于追求簡單、明快，釋放存在內(nèi)心里的壓力，諸多輕應(yīng)用的流行也可以印證這一點(diǎn)。（如圖4）。

圖3 圖4

擬物化、扁平化的選擇

在數(shù)字移動終端普及不高的時(shí)代，界面設(shè)計(jì)中的擬物化是有效果的，尤其對于老人和孩子來講是更加直觀、更具吸引力。但隨著用戶群體經(jīng)歷了智能手機(jī)、平板電腦終端之后，具備了一定的數(shù)碼產(chǎn)品操控能力，擬物化設(shè)計(jì)也許會漸漸的淡去身影?，F(xiàn)在的人們，多數(shù)不會認(rèn)為這個圖標(biāo)更像實(shí)物而欣喜，他們會因?yàn)轭I(lǐng)會抽象化、簡約圖標(biāo)的用意而有心理上的愉悅和認(rèn)同。更重要的是，用戶可能在地鐵、公交等復(fù)雜多變的環(huán)境下，聽音樂、查資料、看視頻的時(shí)候，不希望被外界無關(guān)因素打擾，因?yàn)橛脩裘鎸Φ囊苿咏K端界面才是注意力集中的地方。如果界面有太多無關(guān)視覺元素，就會被強(qiáng)制忽略掉，就像在網(wǎng)頁瀏覽時(shí)關(guān)掉彈出廣告一樣。擬物化設(shè)計(jì)帶來的沉重感，用久了會讓人產(chǎn)生審美疲勞，隨著Win10依舊延用Win8中的扁平化風(fēng)格，簡約至上、內(nèi)容第一的理念會更深入人心。蘋果公司以IOS移動平臺作為載體，在IOS7的交互和用戶體驗(yàn)上做出了顛覆性的改變---從擬物到扁平，也印證了這一趨勢。

結(jié)語

在移動、互聯(lián)網(wǎng)產(chǎn)品的飛速發(fā)展之下，產(chǎn)品類型的增多，用戶需求不斷的個性化令擬物化設(shè)計(jì)顯得不太符合要求，扁平化設(shè)計(jì)適應(yīng)性更強(qiáng)。與此同時(shí)，界面簡潔和條理清晰的信息架構(gòu)會贏得更多用戶的青睞。在擬物化設(shè)計(jì)淡出同時(shí)，扁平化設(shè)計(jì)注重產(chǎn)品的功能、內(nèi)容、全新用戶體驗(yàn)和交互模式，將在一定時(shí)間內(nèi)使其保持蓬勃的生命力。但隨著時(shí)間的推移，扁平化風(fēng)格的主流勢頭也會轉(zhuǎn)變，或許會是其衍生風(fēng)格以及與其他風(fēng)格融合的結(jié)果。

（作者單位：北方工業(yè)大學(xué)）