移動端界面設(shè)計擬物化風(fēng)格與扁平化風(fēng)格的探索研究

李娟娟 李倩倩

摘 要：隨著科技的發(fā)展，互聯(lián)網(wǎng)時代的到來，移動設(shè)備成為人們?nèi)粘Ｉ钪胁豢扇鄙俚囊徊糠?。作為移動設(shè)備中重要的組成部分之一，界面設(shè)計風(fēng)格也成為關(guān)注點。文章主要分析了擬物化與扁平化的異同，以及他們在移動設(shè)備中各自的優(yōu)勢和缺點，旨在為以后移動端界面設(shè)計提供相應(yīng)的研究基礎(chǔ)和依據(jù)。

關(guān)鍵詞：移動端界面 擬物化 扁平化

科技飛速的發(fā)展，互聯(lián)網(wǎng)時代的到來，移動設(shè)備已經(jīng)成為每家每戶必不可少的物品，人們也開始習(xí)慣用移動設(shè)備以及享受他們的便捷性。對于移動端的各方面要求也逐漸提高，不僅包括硬件的續(xù)航、便攜、美觀等，也包括軟件的用戶體驗，界面設(shè)計。通常情況下，新的高科技產(chǎn)品會帶來新的用戶體驗，或是養(yǎng)成新的用戶習(xí)慣，對界面風(fēng)格也會有不同的喜好。當(dāng)下市場上的APP層出不窮，從人們的衣食住行基礎(chǔ)需求出發(fā)到社交等高級需求都有各種各樣的應(yīng)用程序供應(yīng)選擇，因此也有各式不同的界面設(shè)計。

一、移動端界面設(shè)計的重點

移動端界面，通常一般是指移動通信終端設(shè)備的交互界面，移動終端設(shè)備即移動網(wǎng)絡(luò)通信中最終的計算機(jī)終端。通信設(shè)備、娛樂設(shè)備、醫(yī)療設(shè)備和多功能集成設(shè)備等均為計算機(jī)終端，所有擁有可移動頻幕的設(shè)備的界面都稱為移動端界面。科技的快速發(fā)展，4G網(wǎng)絡(luò)和WI-FI的覆蓋，越來越多的人們擁有移動設(shè)備，常見的移動設(shè)備有：智能手機(jī)、平板電腦、照相機(jī)等。

移動界面與傳統(tǒng)的界面最大的區(qū)別是因為移動性大，于是人們接受的信息碎片化，中斷的信息必須在下一次使用時能順利銜接。因此，界面的邏輯性需要更簡單，更直接并且對易用性也要求更高。用戶和硬件設(shè)備之間信心交換的媒介，即交互界面成為界面設(shè)計的重點。移動端界面設(shè)計隨著科技的發(fā)展和時代的進(jìn)步逐漸優(yōu)化，移動設(shè)備的屏幕尺寸也不斷變化，同時變化的還有分辨率和處理器的計算能力等。優(yōu)秀的移動端界面設(shè)計，不僅需要符合用戶體驗的交互設(shè)計，同時需要美觀的界面設(shè)計為基礎(chǔ)，設(shè)計精美的用戶界面是用戶的第一感官感受。好看的界面設(shè)計可以留下用戶，明確、便捷、簡潔的操作才能最終獲取用戶的信任。{1}

移動界面設(shè)計內(nèi)容主要包括：界面設(shè)計、閃屏設(shè)計、圖標(biāo)設(shè)計、主題設(shè)計等。界面的設(shè)計也會因為搭載系統(tǒng)的不同而有所差別，通常的操作系統(tǒng)有IOS、Windows Phone、Android等。界面上的所有元素都是為了讓用戶可以充分理解界面而服務(wù)，有且必要去除多余的設(shè)計元素，從而阻止用戶產(chǎn)生錯誤。選用最小的操作路徑，重視用戶的反饋得以產(chǎn)生用戶行為習(xí)慣。

移動端軟件的設(shè)計最終目的是成功的被用戶接受并且使用，否則就失去了意義。因此不同針對人群的app，界面設(shè)計的側(cè)重點也會不一樣。用戶之間存在著年齡、文化層次、性別、地域、民族的差異，不同的用戶人群需求也不一樣。除此之外，還有一些特殊的人群例如視聽障礙人群對界面設(shè)計也有特殊的要求。

二、擬物化設(shè)計與扁平化設(shè)計

擬物化這一詞原本來自于希臘，是一種設(shè)計風(fēng)格。它是指物件中某些形式在當(dāng)前的功能中并不需要，但還是保留那些裝飾性元素以來表現(xiàn)出真實的物體的外貌形態(tài)。裝飾效果包括陰影、文理、透視、漸變等，用來表現(xiàn)事物的外形、細(xì)節(jié)、光亮、材質(zhì)，盡可能達(dá)到現(xiàn)實生活中的物品的樣子而產(chǎn)生的設(shè)計風(fēng)格。擬物化雖然將事物經(jīng)過了變形，但是任然可以讓用戶一眼認(rèn)出來是什么，與現(xiàn)實生活中的真實物品對應(yīng)起來。擬物化讓抽象、復(fù)雜的數(shù)學(xué)世界，變得具體具象，通俗易懂易操作，更容易被普羅大眾接受{2}。

扁平化設(shè)計風(fēng)格的起源受到瑞士國際風(fēng)格、現(xiàn)代主義設(shè)計風(fēng)格、極簡主義風(fēng)格的影響，追求去掉任何多余的元素，不添加的裝飾效果。扁平化主要通過大色塊和簡單的幾何形狀，產(chǎn)生直觀的界面效果吸引用戶的注意，將復(fù)雜繁瑣的事情簡單化，提高用戶體驗。

三、擬物化的優(yōu)缺點

優(yōu)點：擬物化顧名思義則是模擬現(xiàn)實生活中真實存在的物品，因此它有效減少了人們的認(rèn)知障礙，能夠體現(xiàn)較好的人性化。在移動端界面設(shè)計中，用戶可以短時間的掌握使用方法，以及清楚明白每一個功能圖標(biāo)代表的含義。人類的社會是一個符號化的世界，人們通過各種約定俗成的符號來進(jìn)行生活中的各項活動。

擬物化則更像是把現(xiàn)實生活中的符號放到手機(jī)或者其他設(shè)備中去，逐漸養(yǎng)成用戶良好的使用習(xí)慣和交互方式。新生的用戶就像一個探索世界的嬰兒，擬物化則能讓他在第一次嘗試就學(xué)會使用。

缺點：因為擬物化旨在模擬現(xiàn)實事物，所以它將大量時間都花費在效果表現(xiàn)上，而忽略了真正的功能設(shè)計。形式追隨功能，而擬物化過多的是為了擬物而擬物，打破了功能與形式的平衡，使兩者無法和諧共存。容易產(chǎn)生華而不實的設(shè)計，以致于設(shè)計師們忘記最初的目的，是設(shè)計出適宜人們使用的用戶界面。{3}

同時，隨著科技的飛速發(fā)展，擬物化因過分注重細(xì)節(jié)，不能夠適應(yīng)人們逐漸加快的生活節(jié)奏。細(xì)節(jié)太過復(fù)雜繁復(fù)，阻礙了人們快速識別。擬物化做的再真實逼真，如果無法在交互體驗上獲得優(yōu)勢，那么都是軟弱無力的。泛濫的擬物化會給界面設(shè)計帶來冗余感，用戶觸摸這些超級逼真的按鈕時，產(chǎn)生的觸感和現(xiàn)實中的感覺完全不同，因此對于界面的功能沒有任何實用意義。手機(jī)是日常生活中必不可少的物品，太過于紛繁復(fù)雜的交互界面，非常容易產(chǎn)生視覺眩暈感。當(dāng)用戶覺得用起來不舒服時，那么這個設(shè)計就因此而失敗了。

四、扁平化的優(yōu)缺點

優(yōu)點：扁平化更注重“形式服從功能”，旨在削弱設(shè)計的裝飾作用，將設(shè)計和功能統(tǒng)一，功能性成為設(shè)計的主角。扁平化的設(shè)計元素、零3D效果、簡潔的界面，是扁平化設(shè)計最顯而易見的特點。扁平化設(shè)計所要表達(dá)的，更多的是拋開裝飾的本性而推崇一種設(shè)計理念和思維方式。扁平化設(shè)計強調(diào)了極簡主義，更能使用戶將注意力集中在信息本身，而不是產(chǎn)品的裝飾美等輔助元素上。

扁平化放棄了一切仿真的元素，在具體的設(shè)計過程中，扁平化更為簡約、易懂、方便操作，在互聯(lián)網(wǎng)信息逐漸復(fù)雜的今天似乎更符合用戶的需求。在移動端界面設(shè)計中，扁平化結(jié)構(gòu)更為簡單，簡約、條理清晰，能更快地幫助用戶快速找到目標(biāo)信息。最顯而易見的優(yōu)點莫過于可以準(zhǔn)確有效傳遞信息，減少認(rèn)知障礙，將復(fù)雜事物簡單化。

缺點：扁平化存在一個相當(dāng)大的問題是，就算人們經(jīng)過擬物化學(xué)習(xí)后，知道相應(yīng)的圖標(biāo)、按鈕的代表意義，但也因為界面上的所有元素如都在一個平面上，全都進(jìn)行了二維、平面化的設(shè)計，導(dǎo)致用戶在使用過程中，會對按鈕和某些功能性圖標(biāo)產(chǎn)生質(zhì)疑。用戶會在使用的過程中糾結(jié)于這是一個單純的圖片還是一個按鈕，或者在潛意識中被忽略，最后影響用戶使用體驗。同時，也正因為扁平化的極簡主義，造成了過于冰冷的感覺，無法滿足人們豐富的情感需求。{4}

結(jié)語

在上一個世紀(jì)電子設(shè)備普及度低的情況下，擬物化的直觀性可能更適合用戶，準(zhǔn)確性同時也更高，相比于扁平化，是沒有辦法追溯的。但是隨著互聯(lián)網(wǎng)時代的到來，高科技走進(jìn)千家萬戶成為日常生活中必不可缺少的一部分，并且用戶對產(chǎn)品熟練程度飛速提高，如果不及時找到開發(fā)成本和使用效率之間最平衡的點，擬物化則會失去它的市場。

“至繁歸于至簡”喬布斯在他的傳記中寫到，紛繁復(fù)雜的事情最后都會歸于簡，相比于擬物化風(fēng)格，扁平化風(fēng)格除去有更簡單明了的視覺效果外，它還更具有科技感，在設(shè)計和繪圖時也更加省時省力，可以提高效率。但正因為這樣，現(xiàn)當(dāng)下的扁平化如同以往的任何一種設(shè)計風(fēng)格一樣，也被做成了一種潮流，被設(shè)計師不假思索的濫用。如果擬物化的濫用只有影響到界面的美觀性，那么扁平化在界面設(shè)計中的濫用，則會影響到整個系統(tǒng)軟件的用戶使用性。

作為一名數(shù)字媒體的設(shè)計師，需要關(guān)注的并不僅僅是視覺效果自身帶來的簡潔性，已達(dá)到給用戶良好的操作體驗，更應(yīng)該的是去關(guān)注好的視覺效果是否是為了服務(wù)于功能的本身，即“形式追隨功能”。但是為什么要突出功能，讓設(shè)計追求至簡呢。是因為界面設(shè)計師們，正是看到了用戶的需求，為了達(dá)到這種目標(biāo)的方法，才總結(jié)產(chǎn)生了當(dāng)今的扁平化風(fēng)格。{5}

如果堅持用一成不變的設(shè)計思路總會被新的設(shè)計風(fēng)格替代，只有不斷發(fā)展才能促進(jìn)設(shè)計的進(jìn)步。擬物化風(fēng)格與扁平化風(fēng)格并不是處在對立面的，也不是一時潮流。擬物化風(fēng)格也算用戶界面設(shè)計的經(jīng)典，就像人類文字的起源象形文字，有了擬物化給用戶做下的積淀，如果沒有擬物化就沒有用戶剛開始對界面的最初認(rèn)知。所以就算扁平化的去繁至簡，也是在擬物化的基礎(chǔ)上，現(xiàn)在很多扁平化風(fēng)格都會多多少少的延用一些擬物化的元素，也不存在絕對的純粹的扁平化和擬物化風(fēng)格。不管哪一種設(shè)計風(fēng)格，當(dāng)然都要把用戶體驗放在第一位，將擬物化和扁平化完美結(jié)合，從而給用戶帶來良好的視覺效果和交互體驗。

注釋：

{1}肖萌.基于移動端網(wǎng)頁界面的設(shè)計與實現(xiàn)[D].中南民族大學(xué)大學(xué)，2016.

{2}譚征宇，郭思思. 服務(wù)界面設(shè)計的擬物化和扁平化研究[J].包裝工程，2015（6）.

{3}陳夢麗.論審美趨勢的輪回——UI界面中擬物化與扁平化的設(shè)計比較[D].湖北美術(shù)學(xué)院，2018.

{4}邱洋. 淺析手機(jī)界面從擬物化到扁平化的衍變[D].西北大學(xué)，2015.

{5}賈楠，羅岱.扁平化風(fēng)格在用戶界面設(shè)計中的變革[J].設(shè)計學(xué)，2014：204.

注：本文系2019年湖南省研究生教學(xué)改革研究項目《藝術(shù)設(shè)計學(xué)科領(lǐng)域跨專業(yè)藝術(shù)碩士人才培養(yǎng)的困境與對策》（編號：2019JGYB183）;2019年長沙理工大學(xué)“媒體藝術(shù)之都”建設(shè)與發(fā)展策略研究中心課題階段性成果（編號：2019ZKZD02）。