論UI設計中的扁平化與擬物化

姚琦

摘要：目前，互聯網的技術發展非常迅速，信息通信產業正在面臨一場深刻的技術變革。同時，基于internet無線通信的用戶界面設計也仍然面臨著多種改變方式。現如今，扁平化和擬物化這兩種工業設計藝術風格已經引起了國際社會的廣泛討論。本文從動態扁平化和動態擬物化的基本概念開始說起，接著詳細講述了扁平化的概念起源，分析了現在扁平化應用界面的一些優點及其成為流行的一種必然性，并深入討論了扁平化和擬物化的技術現狀和發展趨勢。

關鍵詞：扁平化;圖像擬物化;應用界面設計技術

一、導語

2013年，應用領域平面設計已經成為國內設計軟件行業快速發展的大空間之中最廣泛流行的一種設計方式風格。當我們說"平面用戶界面"時，其實它只是一個極簡現實主義的產品設計管理方法。這種圖形設計處理方法主要是在圖形設計工作過程之中需要去除一些邊界、陰影、紋理、變體、三維等等元素，展現出一種操作非常簡單的圖形界面設計處理工作，這就是傳統界面設計之中的一種圖形環境設計。事實上，"扁平化"一詞在我國移動電腦終端用戶界面設計之中已經使用了很短一段時間，但它已經逐漸發展成為移動界面設計的一種主流。它積極參與了這一年的扁平化行業趨勢，從專門做移動裝置的小企業公司到移動軟件產品開發商，從移動互聯網行業巨頭公司到專門做智能移動終端應用的個人創業投資團隊。

二、扁平化與場景擬合實物化概念介紹

（一）扁平化

扁平化設計概念的主要核心設計意義也就是：有效去除冗余、厚重和繁雜的整體裝飾視覺效果。而它的具體表現在于它去掉了多余的其他元素，這樣你就可以直接讓"信息"本身重新再次作為一個核心被重新凸顯表現出來。對于手機的扁平化設計，尤其是安卓手機的操作系統直接影響體現在：更少的操作按鈕和應用選項，這樣能夠使得手機uiu的界面設計變得更加干凈整齊，使用上看起來格外簡潔，從而能夠帶給手機用戶更加良好的手機操作使用體驗。因為我們可以更加簡單直接地將自己信息和周圍事物的各種工作交互方式充分展示表現出來，所以我們可以有效地在減少各種認知障礙的同時產生。其主要優點大致可以細分為兩種：

1、大大降低用戶移動智能設備的系統硬件配置需求，延長移動待機時間。

2、用戶可以更加簡單直接的將手機信息和周圍事物的各種工作交互方式直接展示表達出來，減少各種認知障礙的可能產生。

（二）擬物化

擬物是現代產品設計的主要元素，指的是原有設計物件中其中一些必要設計形式在新的產品設計中變得不是特別重要，但新產品仍以使新的產品外觀設計讓其對人們的感覺更加熟悉和親切。這里我可以把它看作也就是現在技術開發領域過程中的一種路徑管理依賴。那么這個擬物場景設計的寶藏在哪呢？如果你仔細地去觀察一定會從你的日常生活中發現不少。這些經常隱藏在生活中的各種擬物造型設計可能會使你讓一些人覺得感覺自然，你甚至可能會讓人覺得它們像是某些家居產品中必不可少的一個元素。生活中也許會有很多丑陋的黑色擬物圖形設計，比如說那令人作嘔、丑到無法極致的北京西站，或者說"革命烈士用鮮血染紅"的黑色紅領巾。比如說在計算機軟件圖形界面上的虛擬物軟件設計，在諸如蘋果的軟件macosx和iaiosx等系統中，用戶通常會迅速發現許多軟件具有可模擬物化軟件設計的應用軟件。那么你的擬物場景設計怎么判定好不好呢？蘋果公司高層大動蕩后，許多投資人雖然提出了這樣一個新的命題，但這樣的一個命題其實是一個新的偽命題。擬物式的設計只是一種軟件設計上的風格，有人把它設計運用的很好，設計制造出來的軟件產品非常好看，也有人用這種擬物式的設計進行設計制造出了非常糟糕的用戶界面或軟件產品。不能總是說極簡現代風格好還是要說擬物現代風格好，把某種現代風格元素運用的出色得體才是好的客廳設計。

三、平板設計界面的形式產生及其與傳統擬物化平板界面的根本區別

2010年，當它的windowss6開始實現扁平化時，它已經得到了來自全世界的認可;2011年，當它的android4.0開始實現扁平化時，人們普遍認為這已經是android與現代蘋果電腦競爭的一種創新設計方式;2013年，當woios7開始實現扁平化時，這種平板設計方式風格已經成為當前互聯網平板界面設計的一種主流。如今，極簡物化主義網頁設計已經發展成為一種時尚流行設計趨勢，特別是在企業網站或手機移動端的各種用戶界面優化設計之中，這種扁平的設計風格通過簡單的矩形圖標清晰易懂，而不是平淡，有另一種職業設計師的風格-即標準極簡物化主義設計。準物化設計追求模仿理想物體的外觀和質感，在疊加了高光、質感、材質、陰影等多種效果之后，不再再現物體;平面設計摒棄了上述對效果的追求，追求一般性，而簡化和符號化設計元素性能。在數字設備改進程度較低的時期，虛擬物化是行之有效的，尤其是對于兒童和老年人，虛擬物化設計更為直觀有趣。然而，隨著現代數字成像技術的快速發展，擬向開發技術能夠帶來的經濟效益將越來越小，這將直接帶來擬像開發成本不斷增加、審美疲勞等諸多問題。擬像化的風格后來更多層次地被人們用作一種視覺上的裝飾。

四、扁平化的一種必然性

先過來說說為什么我們有必要擬合實物化這個新的東西：jobs對人機界面設計的一個基本理想定義是，任何這個年齡的年輕人，任何沒有經歷的普通人，都應該可以在他們拿到一個設備后的幾分鐘內輕松的完全掌握它的基本用法。于是在aapple通過充分利用模擬人們的日常使用經驗，做出了虛擬物化的用戶界面，從而大大降低虛擬用戶的快速學習操作成本以及快速理解它的難度，正如《iOSHumanInterfaceGuidelines》里面所提到：「當你虛擬應用程序中的一個可視化虛擬對象和實際操作按照你在現實虛擬世界環境中的虛擬對象與實際操作進行仿造，用戶就一定能快速準確領會如何正確使用它。」最早最常見的按鈕擬任人物化，或許大概就是這個按鈕了，突起的話則表示還是可以正常按的，凹陷的話則表示已經被無法按了。

擬物化的迅速沒落卻成就了行業扁平化的迅速崛起。扁平化的視覺風格設計突出了此類內容的整體主題，弱化了各種物體突發性的變化、陰影、高光等偽裝的視覺效果對整個用戶整體視覺的嚴重干擾，這樣這么做更好的可以使用戶更加多的關注這些內容本身，減輕了很多用戶對于使用此類內容產品的心理負擔，非常簡單，在好的平面立體視覺和優秀的大型建筑設計下也更易于實際使用。與現代工業社會一樣，設計形象的快速簡化發展有其不可逆轉的巨大歷史性和必然性，界面設計中各種扁平化設計風格的快速產生也同樣有其不可逆轉的巨大歷史性和必然性。首先，在提高網絡產品低價和改進率的時期，虛擬和實物化網絡設計仍然是有效的。尤其對于學齡兒童和甚至老年人來說，虛擬門和物化門的設計更為直觀有趣。然而，隨著現代數字通信技術的飛速發展，虛擬和實物化技術帶來的諸多好處卻是越來越少，帶來了軟件開發成本的大大增加，而使得平面設計和軟件開發相對簡單。其次，平面設計充分突出了整個內容的整體主題，弱化了燈光突變、陰影等各種立體視覺效果對內容用戶聽覺視野的直接干擾，使內容用戶似乎能夠更多地想去關注這個內容本身，降低了內容信息表達層次的結構復雜性。再次，網絡產品用戶審美文化趨勢的不斷變化也是當前推動網絡平面設計不可忽視的重要因素之一。從建筑設計的發展歷史上就可以清楚看出，在當今世界的建筑設計之上，復雜性和簡單性必然是不可避免的。當現在人們的圖形眼睛里面到處充斥著繁雜的字體模仿視覺效果時，簡潔的字體設計也能讓它令人耳目一新。當然，這種簡單不僅僅只是生活方式的一種簡化，更是信息層次的簡化，更準確地呈現關鍵信息，這自然是人們所喜歡的。

五、論扁平化與擬物化的對立

擬物和扁平到底是不是對立的？數字電子計算機本身其實就是個非常扁平化的數字計算器，就算不用心去設想一個實體化的計算器，按照整個信息系統構架從0開始的去設計一個實體計算器，很多人有可能也沒機做出那么類似的設計結果。隨著社會時代的不斷發展，擬物化的裝飾設計風格屬性變得越來越少，從而慢慢地演變成發展為一種走向視覺化的裝飾設計風格。作為一種軟件設計，擬物化的諸多好處或許會變得越來越少，而隨之可能帶來的則是開發成本不斷增加、審美疲勞等諸多問題，使得用它的開發理由變得越來越少了。當然，擬合實物化也并不會在就此馬上完全消失，一方面如果風格這一種東西不斷的存在無論好壞，總會還是有一部分年輕人不會喜歡，另一方面個別職業程序員也需要強的趣味和技術親和力，也確實是沒有必要去應用到風格擬合實物化。而極簡的客廳設計，也可能會被很多人認為看膩而適當的多加入一些具有裝飾性的元素。但我們必須一定要首先知道的事實是，無論何時絕對的扁平和絕對擬物都可能是不可取的，盲目的絕對擬物和扁平都會直接造成游戲內容的不直觀。目前來講，谷歌的新視覺設計效果語言大有可為，還只是需要進一步完善強化安卓開發者的谷歌視覺效果風格設計規范，繼續開發完善名為materialdesign的谷歌視覺設計語言，結束目前安卓混亂一片的開發現狀，指日可待。

六、結語

對于系統設計師來說，如果你仔細看看一下微軟的這個windowsphone設計平臺，你很有可能會從中發現一個特定的客觀現象：就是沒有一定技術含量的設計應用程序不多，深遠的技術應用程序卻也不多，而且每個應用程序也沒有一種統一感。設計師約翰尼霍蘭德（johnnyholland）將他的平面設計風格與包豪斯風格整體進行了高度對比，并指出“由于去除了裝飾，個性化的空間非常大”。所以如果你想做一個好的平面設計，你需要技巧。無論是擬物化還是扁平化，焦點都不再追逐潮流，這樣只會影響設計外觀。也許很多設計師喜歡平面設計，因為它很容易做到。這里對平面設計的看法是，設計師很容易完成它，但很難做出真正好的平面設計。

參考文獻：

[1]孫驍莉，賀鵬.UI設計中的扁平化與擬物化視覺傳達解析[J].藝術科技，2019，32（07）：94-95.

[2]任葆軒.試論擬物化與扁平化在UI設計中的比較[J].藝術科技，2017，30（11）：123.

[3]李佳.界面設計中的扁平化設計與擬物化設計之探議[J].藝術與設計（理論），2014（03）：55-57.