移動(dòng)交互界面的扁平化設(shè)計(jì)探討

陳嵐

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

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

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

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

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

2.1 開發(fā)成本較低

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

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

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

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

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

2.4 增加交互界面的真實(shí)感

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

3 移動(dòng)交互界面扁平化設(shè)計(jì)的特點(diǎn)

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

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

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

3.2 界面設(shè)計(jì)扁平化特點(diǎn)

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

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

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

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

4.2 界面布局扁平化

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

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

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

參考文獻(xiàn)

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

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

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