陳嵐
摘 要:隨著安卓、蘋果等系統(tǒng)應用的普及,扁平化設計成為時下流行的新界面設計風格,其追求以最簡潔的視覺語言,向用戶傳遞更真誠、直觀的信息,在提高訪問信息效率、增加用戶滿意度方面有著較大作用。本文簡單概述扁平化交互界面設計的基礎上,分析了其扁平化設計的優(yōu)勢與特點,并探討了其在移動端app中的具體應用。
關鍵詞:移動交互界面;扁平化設計;應用
1 扁平化交互界面設計概述
扁平化設計是一種別具一格的設計風格,強調在視覺效果設計上,摒棄原有的高光、紋理、陰影、透視、漸變等復雜多樣的擬物效果,僅運用一些簡單、大氣的純色塊來設計界面,給人一種“扁平”的視覺效果,讓用戶能通過更為直觀、簡單的界面,了解具體的信息內(nèi)容。就交互層面而言,其扁平化設計實質上是指交互體驗上的扁平化設計,通過最精簡的信息結構層,最大限度減少用戶交互次數(shù),以結構層級向二維平面化方向轉變,來避免用戶信息訪問時不必要的時間耗費,進而提升訪問效率,增加用戶體驗的滿意度。
2 交互界面扁平化設計的優(yōu)勢及意義
2.1 開發(fā)成本較低
隨著信息技術的快速發(fā)展,市場上涌現(xiàn)出大量分辨率與觸摸屏各異的產(chǎn)品,這些產(chǎn)品的應用與推廣,對應用系統(tǒng)界面開發(fā)與設計的適應性有了更高層次的要求。在此情況下,扁平化界面因其設計風格統(tǒng)一、結構層簡單,在各類產(chǎn)品中的應用,能有效解決界面開發(fā)者關于產(chǎn)品兼容方面的困擾,實現(xiàn)與多種型號產(chǎn)品的高度契合。因此,扁平化設計在系統(tǒng)設備交互界面的設計中的應用,具有較大的實用價值。
2.2 設計耗費精力較少
在移動設備界面設計上,關于扁平化交互界面的開發(fā)與設計,相比與其他傳統(tǒng)交互界面設計,要更為簡單,不需要考慮高光、影響、紋理等各種的視覺效果及整體搭配。相關設計人員在其開發(fā)設計中,需要考慮的因素較少,因而設計環(huán)節(jié)及所耗費時間也較少,因而從整體上看,扁平化交互界面設計成本相對較低。此外,由于扁平化交互界面較為簡單,且風格統(tǒng)一,設計師在設計過程中,極少會出現(xiàn)設計視覺效果糟糕或設計失誤的狀況。
2.3 符合界面、終端碎片化發(fā)展趨勢
當前,越來越多的穿戴式移動設備被研發(fā)與推廣,交互界面的終端碎片化趨勢不斷顯著,而交互的過程也隨之進一步簡化。用戶在使用這些移動設備時,不會過多關注其交互界面的細節(jié),而是關注設備所顯示的信息本身。因此,交互界面的扁平化設計符合新時期用戶的心理特征及應用需求,具備非常廣闊的應用前景。
2.4 增加交互界面的真實感
移動交互界面的扁平化設計,并不是一味的簡單化設計,而是對設計中本真的追求,強調摒棄以往設計中沒有實用價值的裝飾元素,明確設計的意圖與價值,更有針對性地進行設計,以更多地展示設計的實用功能,將實用性能及效率作為衡量設計水平的重要依據(jù)。扁平化設計在移動交互界面中的應用,能讓設計變得真實。
3 移動交互界面扁平化設計的特點
相較于傳統(tǒng)移動交互界面設計,扁平化設計在信息結構層上表現(xiàn)出寬、扁、快、全的特點與優(yōu)勢,其簡單化的設計,讓用戶在信息訪問過程中,不再需要經(jīng)歷較多的訪問層,信息訪問過程變得更加便捷且操作較為簡單。用戶在扁平化移動交互界面使用過程中,只需要通過簡單的點擊、觸碰,便可完成相關操作,使得認知水平不同的用戶都能隨心所欲地應用其功能。本文在扁平化交互界面設計特點的分析上,主要通過與傳統(tǒng)交互界面的對比進行(見表1)
3.1 信息架構扁平化特點
現(xiàn)階段,用戶在移動設備信息檢索及閱讀上,表現(xiàn)出較強的碎片化特征。用戶在使用過程中,更加注重信息獲取的效率,要求通過交互界面能快速打來應用程序,盡可能省去中間的切換與交互層。因此,在信息需求上,對結構層級設計相比于縱向層,更傾向于淺層級的橫向設計。在交互界面扁平化設計中,層級結構為寬扁型。用戶在進行信息訪問時,只需通過頂層界面便可實現(xiàn)對具體應用程序的獨立控制與直接訪問,避免因封閉式單線路徑而造成的操作不便,為用戶的及時、快速訪問提供了便捷,信息的訪問率也有了較大的提升。
3.2 界面設計扁平化特點
在移動交互界面扁平化設計中,信息層級結構也相應扁平化,使得移動設備交互界面中可呈現(xiàn)信息數(shù)量也越來越多。在此情況下,如何在簡單布局界面的同時突顯重點,成為扁平化設計所考慮的主要因素。因此,扁平化設計的主旨便是最大限度的簡潔、干凈,摒除所有不必要的裝飾效果。
4 扁平化設計在移動端中的具體應用
4.1 信息層級結構扁平化
為了方便用戶的操作及對信息的獲取,在移動交互界面扁平化設計中,需要盡可能簡化交互步驟,達到信息層結構的扁平化。移動設備由于自身規(guī)格限制,其內(nèi)部安裝的移動客戶端不可能擁有更多的空間來展示過于復雜化的路徑。一旦信息層級結構變得復雜化,則極有可能影響到用戶的使用效率,進而降低對設備的滿意度。在信息層級結構扁平化設計上,需要降低信息的深度,由縱向轉變?yōu)闄M向,力求在同一級中呈現(xiàn)出更豐富的信息量,并進行各層間切換渠道的升級,為用戶的信息快速瀏覽與深層次閱讀提供便利。
4.2 界面布局扁平化
由于信息層級結構的扁平化,使得同一層級中包含的信息量更大,雖然能方便用戶的快速閱讀,但也存在大量的干擾信息,不利于用戶的信息辨別與類目區(qū)分。因此,在交互界面扁平化設計中,還需進行信息的整理分類,根據(jù)用戶的信息檢索習慣及分類偏好,通過科學的界面布局來有效區(qū)分不同信息類目。例如,新聞app設計上,可通過不同規(guī)模的區(qū)塊來直觀展示新聞的熱度,關注度較高的熱點新聞則可用大面積板塊顯示,并選用大的字號,而普通新聞則可用普通模塊及字體顯示,以這種簡單、直觀地方式來向用戶傳遞不同類別及熱度的信息,使用戶一目了然。
4.3 信息表達情感化
交互界面的扁平化設計不僅需要實現(xiàn)信息層級結構的扁平化,還要注重信息情感的表達,以更好地提升信息訪問效率,增加用戶滿意度。在其交互界面設計中,色彩搭配是表達情感的主要途徑,不同色系及搭配代表著不同的情感,用戶可在界面上直接通過色彩差異區(qū)分信息,進而快速找到自身需要的信息。在扁平化設計風格中,通常采用一些較為鮮艷靚麗的色彩,特別是飽和度、純度較高的色系,如純黃或純紅等,通過對其合理搭配,來讓交互界面顯得更加富有層次感,并構成一定的空間關系。
參考文獻
[1] 毛昕. 淺析移動終端設備的扁平化設計風格[J]. 設計. 2014(06)
[2] 曹瑾. 扁平化設計趨勢下的擬物化設計探析[J]. 藝術與設計(理論). 2014(04)
[3] 曹舒. 淺析扁平化設計在現(xiàn)代設計中的地位和作用[J]. 美術教育研究. 2014(03)