移動交互界面的扁平化設(shè)計探討

陳嵐

摘 要：隨著安卓、蘋果等系統(tǒng)應(yīng)用的普及，扁平化設(shè)計成為時下流行的新界面設(shè)計風(fēng)格，其追求以最簡潔的視覺語言，向用戶傳遞更真誠、直觀的信息，在提高訪問信息效率、增加用戶滿意度方面有著較大作用。本文簡單概述扁平化交互界面設(shè)計的基礎(chǔ)上，分析了其扁平化設(shè)計的優(yōu)勢與特點，并探討了其在移動端app中的具體應(yīng)用。

關(guān)鍵詞：移動交互界面；扁平化設(shè)計；應(yīng)用

1 扁平化交互界面設(shè)計概述

扁平化設(shè)計是一種別具一格的設(shè)計風(fēng)格，強(qiáng)調(diào)在視覺效果設(shè)計上，摒棄原有的高光、紋理、陰影、透視、漸變等復(fù)雜多樣的擬物效果，僅運(yùn)用一些簡單、大氣的純色塊來設(shè)計界面，給人一種“扁平”的視覺效果，讓用戶能通過更為直觀、簡單的界面，了解具體的信息內(nèi)容。就交互層面而言，其扁平化設(shè)計實質(zhì)上是指交互體驗上的扁平化設(shè)計，通過最精簡的信息結(jié)構(gòu)層，最大限度減少用戶交互次數(shù)，以結(jié)構(gòu)層級向二維平面化方向轉(zhuǎn)變，來避免用戶信息訪問時不必要的時間耗費(fèi)，進(jìn)而提升訪問效率，增加用戶體驗的滿意度。

2 交互界面扁平化設(shè)計的優(yōu)勢及意義

2.1 開發(fā)成本較低

隨著信息技術(shù)的快速發(fā)展，市場上涌現(xiàn)出大量分辨率與觸摸屏各異的產(chǎn)品，這些產(chǎn)品的應(yīng)用與推廣，對應(yīng)用系統(tǒng)界面開發(fā)與設(shè)計的適應(yīng)性有了更高層次的要求。在此情況下，扁平化界面因其設(shè)計風(fēng)格統(tǒng)一、結(jié)構(gòu)層簡單，在各類產(chǎn)品中的應(yīng)用，能有效解決界面開發(fā)者關(guān)于產(chǎn)品兼容方面的困擾，實現(xiàn)與多種型號產(chǎn)品的高度契合。因此，扁平化設(shè)計在系統(tǒng)設(shè)備交互界面的設(shè)計中的應(yīng)用，具有較大的實用價值。

2.2 設(shè)計耗費(fèi)精力較少

在移動設(shè)備界面設(shè)計上，關(guān)于扁平化交互界面的開發(fā)與設(shè)計，相比與其他傳統(tǒng)交互界面設(shè)計，要更為簡單，不需要考慮高光、影響、紋理等各種的視覺效果及整體搭配。相關(guān)設(shè)計人員在其開發(fā)設(shè)計中，需要考慮的因素較少，因而設(shè)計環(huán)節(jié)及所耗費(fèi)時間也較少，因而從整體上看，扁平化交互界面設(shè)計成本相對較低。此外，由于扁平化交互界面較為簡單，且風(fēng)格統(tǒng)一，設(shè)計師在設(shè)計過程中，極少會出現(xiàn)設(shè)計視覺效果糟糕或設(shè)計失誤的狀況。

2.3 符合界面、終端碎片化發(fā)展趨勢

當(dāng)前，越來越多的穿戴式移動設(shè)備被研發(fā)與推廣，交互界面的終端碎片化趨勢不斷顯著，而交互的過程也隨之進(jìn)一步簡化。用戶在使用這些移動設(shè)備時，不會過多關(guān)注其交互界面的細(xì)節(jié)，而是關(guān)注設(shè)備所顯示的信息本身。因此，交互界面的扁平化設(shè)計符合新時期用戶的心理特征及應(yīng)用需求，具備非常廣闊的應(yīng)用前景。

2.4 增加交互界面的真實感

移動交互界面的扁平化設(shè)計，并不是一味的簡單化設(shè)計，而是對設(shè)計中本真的追求，強(qiáng)調(diào)摒棄以往設(shè)計中沒有實用價值的裝飾元素，明確設(shè)計的意圖與價值，更有針對性地進(jìn)行設(shè)計，以更多地展示設(shè)計的實用功能，將實用性能及效率作為衡量設(shè)計水平的重要依據(jù)。扁平化設(shè)計在移動交互界面中的應(yīng)用，能讓設(shè)計變得真實。

3 移動交互界面扁平化設(shè)計的特點

相較于傳統(tǒng)移動交互界面設(shè)計，扁平化設(shè)計在信息結(jié)構(gòu)層上表現(xiàn)出寬、扁、快、全的特點與優(yōu)勢，其簡單化的設(shè)計，讓用戶在信息訪問過程中，不再需要經(jīng)歷較多的訪問層，信息訪問過程變得更加便捷且操作較為簡單。用戶在扁平化移動交互界面使用過程中，只需要通過簡單的點擊、觸碰，便可完成相關(guān)操作，使得認(rèn)知水平不同的用戶都能隨心所欲地應(yīng)用其功能。本文在扁平化交互界面設(shè)計特點的分析上，主要通過與傳統(tǒng)交互界面的對比進(jìn)行（見表1）

3.1 信息架構(gòu)扁平化特點

現(xiàn)階段，用戶在移動設(shè)備信息檢索及閱讀上，表現(xiàn)出較強(qiáng)的碎片化特征。用戶在使用過程中，更加注重信息獲取的效率，要求通過交互界面能快速打來應(yīng)用程序，盡可能省去中間的切換與交互層。因此，在信息需求上，對結(jié)構(gòu)層級設(shè)計相比于縱向?qū)?，更傾向于淺層級的橫向設(shè)計。在交互界面扁平化設(shè)計中，層級結(jié)構(gòu)為寬扁型。用戶在進(jìn)行信息訪問時，只需通過頂層界面便可實現(xiàn)對具體應(yīng)用程序的獨(dú)立控制與直接訪問，避免因封閉式單線路徑而造成的操作不便，為用戶的及時、快速訪問提供了便捷，信息的訪問率也有了較大的提升。

3.2 界面設(shè)計扁平化特點

在移動交互界面扁平化設(shè)計中，信息層級結(jié)構(gòu)也相應(yīng)扁平化，使得移動設(shè)備交互界面中可呈現(xiàn)信息數(shù)量也越來越多。在此情況下，如何在簡單布局界面的同時突顯重點，成為扁平化設(shè)計所考慮的主要因素。因此，扁平化設(shè)計的主旨便是最大限度的簡潔、干凈，摒除所有不必要的裝飾效果。

4 扁平化設(shè)計在移動端中的具體應(yīng)用

4.1 信息層級結(jié)構(gòu)扁平化

為了方便用戶的操作及對信息的獲取，在移動交互界面扁平化設(shè)計中，需要盡可能簡化交互步驟，達(dá)到信息層結(jié)構(gòu)的扁平化。移動設(shè)備由于自身規(guī)格限制，其內(nèi)部安裝的移動客戶端不可能擁有更多的空間來展示過于復(fù)雜化的路徑。一旦信息層級結(jié)構(gòu)變得復(fù)雜化，則極有可能影響到用戶的使用效率，進(jìn)而降低對設(shè)備的滿意度。在信息層級結(jié)構(gòu)扁平化設(shè)計上，需要降低信息的深度，由縱向轉(zhuǎn)變?yōu)闄M向，力求在同一級中呈現(xiàn)出更豐富的信息量，并進(jìn)行各層間切換渠道的升級，為用戶的信息快速瀏覽與深層次閱讀提供便利。

4.2 界面布局扁平化

由于信息層級結(jié)構(gòu)的扁平化，使得同一層級中包含的信息量更大，雖然能方便用戶的快速閱讀，但也存在大量的干擾信息，不利于用戶的信息辨別與類目區(qū)分。因此，在交互界面扁平化設(shè)計中，還需進(jìn)行信息的整理分類，根據(jù)用戶的信息檢索習(xí)慣及分類偏好，通過科學(xué)的界面布局來有效區(qū)分不同信息類目。例如，新聞app設(shè)計上，可通過不同規(guī)模的區(qū)塊來直觀展示新聞的熱度，關(guān)注度較高的熱點新聞則可用大面積板塊顯示，并選用大的字號，而普通新聞則可用普通模塊及字體顯示，以這種簡單、直觀地方式來向用戶傳遞不同類別及熱度的信息，使用戶一目了然。

4.3 信息表達(dá)情感化

交互界面的扁平化設(shè)計不僅需要實現(xiàn)信息層級結(jié)構(gòu)的扁平化，還要注重信息情感的表達(dá)，以更好地提升信息訪問效率，增加用戶滿意度。在其交互界面設(shè)計中，色彩搭配是表達(dá)情感的主要途徑，不同色系及搭配代表著不同的情感，用戶可在界面上直接通過色彩差異區(qū)分信息，進(jìn)而快速找到自身需要的信息。在扁平化設(shè)計風(fēng)格中，通常采用一些較為鮮艷靚麗的色彩，特別是飽和度、純度較高的色系，如純黃或純紅等，通過對其合理搭配，來讓交互界面顯得更加富有層次感，并構(gòu)成一定的空間關(guān)系。

參考文獻(xiàn)

[1] 毛昕. 淺析移動終端設(shè)備的扁平化設(shè)計風(fēng)格[J]. 設(shè)計. 2014（06）

[2] 曹瑾. 扁平化設(shè)計趨勢下的擬物化設(shè)計探析[J]. 藝術(shù)與設(shè)計（理論）. 2014（04）

[3] 曹舒. 淺析扁平化設(shè)計在現(xiàn)代設(shè)計中的地位和作用[J]. 美術(shù)教育研究. 2014（03）