淺談手機用戶界面扁平化

王庭杰

摘要：IOS7是從IOS誕生以來最重要的一次變動，但是如何看待這樣的變革才是最重要的。回歸了蘋果的極簡風格，新的設計基于“內斂”的標準，讓界面更加凸顯內容。從擬物到扁平化的設計過程，也是人機交互發展過程。

科技發展的趨勢是現實世界與虛擬世界的相互融合，現在我們需要打開電腦，拿出手機才能進入數字世界，而未來兩個世界的分界是越來越模糊。隨著物聯網技術的發展，在未來，衣服，桌子，家具等現實世界的物體都可以作為虛擬世界的接入口，使兩者融合在一起。

IOS7是從IOS誕生以來最重要的一次變動，變革時期的爭論是不可避免的，有人會因為它的變化而感到不適應。有人會因為它的變化而感到興奮。這都是變革事情兩種不同的觀點，但是如何看待這樣的變革才是最重要的。回歸了蘋果的極簡風格，在此基礎上采取扁平化設計和鮮明的配色，以及多圖層的呈現形式。新的設計基于“內斂”的標準，讓界面更加凸顯內容。

所謂擬物化風格，是在虛擬的數字圖標上，添加真實物體的元素，讓冰冷的科技與現實生活完美聯系，讓完全不懂IOS的用戶也能夠憑借直覺輕松上手。按照蘋果的說法，應用程序的外觀看起來與現實生活中的對應物越來越接近，使用起來就越簡單，同時也能夠改善應用程序的用戶體驗，用擬物的方式來描繪現實世界中的東西，學習成本低，易于記憶，蘋果公司對于用戶界面來說，則是需要任何人處于任何年齡都能夠在使用蘋果產品的時候能夠快速的掌握，模擬實物的視覺設計和交互體驗讓用戶完全不同去抽象的理解，就可以直觀的使用。用戶對于圖形的認知以及對圖形所體現的功能需要一個的學習過程，而這個聯系的過程也就是概念抽象化的過程，這在一定程度上也反應了思維的發展。

從擬物到扁平化的設計過程，像是人機交互發展過程，在人機交互發展的初期，設計者會用相似的圖形來表現計算機的一些功能，就如電腦中的回收站會用廢紙簍的形象一樣，讓使用者能夠理解此應用有什么功能。從認知形狀的角度分析，人對于形狀的認知是一個由簡單到復雜的過程，相比較于復雜的圖形，簡單的形狀更易于理解和使用，這是與人生理的客觀條件相關的，大腦在處理簡單圖形的過程中需要處理的信息量很少，隨著年齡的增長，生理機能的成熟，大腦所能夠承擔、處理的信息量與日俱增，表現為對所認識的圖形越來越復雜，越來越具體，在處理復雜圖形或圖像的時候，大腦需要處理更多的數據與信息。而當互聯網快速發展的進程中，用戶已經不再需要用簡單象形的符號確認使用的功能和在未知環境中的不確定性。在所有的用戶界面中都采用擬物化的圖標，用戶早已經是不再需要這樣的視覺效果，過多的擬物化只能使用戶對于界面的一種反感和對于這種界面的一種改變的心態，而扁平化設計，是在這樣的環境中應然而生。

一、IOS7界面與IOS6相比所體現的優點

（一）鎖屏界面，滑屏解鎖變成了全屏操作，相比于IOS6的滑屏解鎖區域，此項改變更加容易接受，從交互設計的角度來看，也是更加的方便了用戶的使用，減少了新版本學習的難度。

（二）對界面元素進行重新設計，原有圖標中運用到的玻璃和漸變效果被拋棄、取而代之的是色彩鮮明，更加扁平化的圖標，新的圖標摒棄了原有擬物化的風格，而是應用了更加簡潔的符號，更加的明晰。

（三）搜索界面，不管在任何界面都可以能夠隨時調出搜索界面，而不再是IOS6那樣需要退出當前界面后才可以使用，這樣的改變更加的方便了用戶的使用。

（四）淡化了擬物設計的視覺沖擊，加強功能上的交互，IOS6中圖標以及界面是單個點的形式的視覺沖擊，每個圖標對用戶都是能形成吸引，而在IOS7中，扁平化所形成的整體則是整體面對用戶的視覺感受。

隨著互聯網產品應用的深入，我們已經不再需要看見一個書架的樣子才知道那是閱讀的應用，擬物化應用在形象的優勢背后，同時也為用戶帶來了不必要的噪音，在智能手機發展到現在，人們獲取信息的途徑的寬廣化，我們可以通過一個符號性的圖標就能夠理解軟件應用的功能。

二、扁平化風格流行的必然性

扁平化設計之所以能夠成為趨勢，一定程度上是與思維的發展和“最小化”的原則是相關的。建立聯系的學習過程讓誤讀圖形的可能性減小，使得相對抽象的圖形也具有了具象的特征，并且相對于復雜圖形或圖像，大腦對這種經過建立聯系簡單圖形需要處理的信息量更少，也更為迅速，因此，扁平化這一趨勢也成為在思維發展到一定程度、一定階段之后的選擇。

首先，IOS界面擬物化的目的是降低用戶的學習成本，使目標群體無論年齡大小，是否有操作經驗都可以在拿到設備后，能夠快速的掌握它的使用方法。但在數碼普及以及互聯網技術發展的今天，對于很多的年輕用戶來說，擬物化設計所體現的便捷優勢已經不再明顯，大家早已適應了各類界面的操作方法，當界面中常用的圖形抽象化、符號化之后，用戶并不會因此產生陌生感而增加識別的難度，反而會因為去除了各類復雜視覺效果，過多的裝飾元素而一目了然的得到想要的信息，加強了功能上的交互性。

其次，扁平化界面有助于提高用戶體驗。一，視覺效果方面，扁平化設計傾向于矢量風格的圖形，在一定程度上減弱對像素精度的要求，從而創建出簡潔的用戶界面，增強用戶體驗。二，是信息層級方面，每點擊一次進入下一層級，層級越多，操作體驗性越差，當圖標不僅是應用程序的入口，同時又是信息的載體能夠直接展示關鍵信息時，就大大提高了使用效率。正如WIn8系統的磁貼，不用進行任何點擊操作便可以看到很多常用應用的最新信息狀態。

【參考文獻】

[1]侯景艷.從符號學角度解讀扁平化設計趨勢[J].科技創新與應用.2014（03）

[2]高凱.扁平設計初探[J].現代裝飾理論.2013（11）

[3]韓曉墨.繼承與發展并重—論扁平化設計的席卷[J].現代裝飾理論.2013（07）

【作者單位：南京藝術學院設計學院】