新擬態設計風格下平面視覺元素的分析與研究

■楊 力

（廣東茂名幼兒師范專科學校，廣東 茂名 525011）

擬態，從字面上可以分為兩個層次，第一層次是模擬、模仿，第二層次是“態”。其實質上就是效仿模擬的原始基本樣態，其不僅包括自然界中各生物所具備的某種結構與功能，還將其創造物所表現出的外部樣態囊括其中。新擬態設計并不是一種簡易式的模仿行為，其間接地傳遞出現代設計手法多元化發展傾向這一理念。在平面設計中合理應用新擬態設計手法，通過模擬自然形式或者表象等，形成展現的形態，創造出一種特殊的體驗。

一、新擬態設計風格的介紹

新擬態設計作為新時期的一種全新的擬物化設計風格，其質感處于全擬物與扁平化兩者之間，不僅能對擬物化設計質感以及空間感起到一定延續特征，還具備了扁平設計抽象化、留白及模糊化陰影的屬性。在平面設計領域中采用這種設計手法，等同于仿照真實世界內物品的樣態，采用仿真度較高的紋理，規劃設計出與造型高度相似的平面圖形，這樣用戶即便是在不熟悉操作方法時，也能通過觀察圖形的樣式，明確其功能與常規使用方法。以上這種設計模式下能生成極為逼真的仿真成效，其高度重視對元素的精細化、層次化處理，科學應用各類特效。

蘋果公司IOS系統在發布之前，將很多擬物化設計風格融合至IOS界面設計領域中，形成栩栩欲活的質感、靜脈的外形細節與靠近現實的動態特效，創造出了極為良好的能供性[1]。比如，Windows 7系統內水晶質感的“開始”鍵、iOS系統內和現實書架實物體沒有區別的iBooks工具，擬物化設計采用模仿、擬化實物體基本屬性的方法，賦予廣大用戶操作、控制的本能，引領廣大用戶在虛擬界面內合理應用既往實踐經驗。進入新世紀以來，智能觸屏手機的普及，擬物化設計利用自身特有的能供性與可學性，協助越來越多的新用戶在短時間內了解界面元素的基本功能，掌握常規操作技巧，消除掉主觀上對新科技形成的畏難不良情緒。

近些年中，新擬態設計逐漸朝著更簡單、抽象的扁平化風格范圍轉型，主動棄除了模仿真實質感的操作行為，具備了大色塊、線條化、抽象化符號的扁平化設計特色，成為視覺設計領域特別是交互式設計范圍中的主流，其追求形成極為簡潔的視覺成效，嘗試將虛擬手動能供性移除，對其實用功能形成深刻的影響。

二、在平面設計中新擬態設計風格的應用

（一）科學提煉設計元素

盡管近些年智能手機的屏幕尺寸有持續擴大趨勢，但歸根到底其是一個十分有效的信息輸出空間，面對承載著龐大信息輸出量的現實需求，通過合理化的設計過程，滿足技術發展及廣大用戶的現實使用需求，這是廣大界面設計師急需解除的一項共同問題。

既往采用的擬物化設計，細節過于冗雜，多數設計師會將大部分精力與時間投放在怎樣提升界面內元素細節的精致度、逼真性方面。長期沿用以上這種繁瑣的設計模式，會使廣大用戶產生審美疲勞，也滋生出一個問題，即過度復雜的裝飾，可能會分散用戶接收信息的注意力，提高接收信息的時間成本，而新擬態設計階段通過科學提煉設計元素，能較好地解除如上幾項問題。

1.明確提煉的主要內容

具體是要對內容進行提煉、簡化處理，畢加索的《牛》便是一個經典實例（見圖1）[2]。由最初始的寫實風格，發展到最后只應用簡單線條，以上過程歷經了數次簡化處理，畢加索不僅對裝飾逐步進行簡化，更重要的一點是其自身對牛這一物種有極為深入的認知，明確利用應該去掉及保留的內容。

圖1 畢加索的作品《牛》

本文以蘋果手機IOS7系統為實例分析圖標的設計問題，多數圖標絕不是單純剔除初有圖標的陰影等特效即可，而提取了可以更簡單傳送信息的內容，借此方式使圖標無論是從視覺層面還是信息傳送形式方面，均更能表現出扁平化特性。

2.合理剔除特效裝飾

在傳統的擬物化設計階段，特效、裝飾均扮演著主角，其作用主要是將按鈕、圖標等制作成與現實生活中實物外部形態高度相似的構造。對特效、裝飾逼真性過度追求，通常會耗用設計師大量的時間和精力，但客觀上分析，其在完善產品功能方面做出的功能是微不足道的，所以有些多余。故而在當下的新擬態設計，最重要的操作之一就是剔除這些冗余的裝飾，為界面營造出一個清爽、潔凈、利落的“呼吸環境”。

對電子產品界面進行分析，尺寸、功能有差異的按鈕是其重要構成。無論是智能手機或者是平板電腦等，下傳各個命令或傳送信息數據，均是基于按鈕去實現的。對按鈕進行設計，剔除那些不必要的裝飾內容，便已經是整個界面設計朝向扁平化領域邁進一大步的重要表現形式[3]。比如剔除漸變、陰影、紋理等元素，僅留存線條及干凈利落、簡潔的分界線，這樣能為存留信息創造更大的空間，此時廣大用戶不會耗用較大的時間成本去判斷按鈕外形的美觀度、逼真性等，這樣便能將更多的注意力聚集在按鈕自身功能方面，掌握按鈕可以傳送指令信息的類型、數量。

合理剔除特效和裝飾以后，整個界面顯現出扁平化的狀態，沒有形成任何前后關系區別。但若能合理應用色彩這一要素，科學部署信息面積，主要信息便能一覽無余了。

3.圖形的幾何、符號化

具體是在提煉圖標內容以后，基于扁平化圖標設計過程實現幾何、符號化圖形的直觀性設計。通過采用以上方法，能夠形成一個簡潔性、概括性更強的圖標，為廣大用戶創造一個更廣闊的聯想空間，當然其帶有的信息量也是龐大的，功能也被充分地顯現出來。

（二）梳理平面的層級及信息結構

盡量將層級數目調控在3個之下。新擬態設計風格對平面結構提出較高要求，需要相關人員明確層次結構創建及信息劃分情況。鑒于以上情況，設計師們應盡量減少單個界面內的信息儲存量，留下充足的留白空間，建議配合使用引導性、邏輯性高的部署思維，比如“回”或“T”字型的界面。

（三）合理確定風格配色

在局部裝飾效果被剔除、圖形科學簡化后，把元素統一安置于一個平面上，要凸顯出主要信息，配色是重要內容，也是新擬態化設計過程的關鍵。基于比較色彩的色相、明度及純度，能夠使同一個平面上的多種元素之間有主次之分，富有層次感。

關于用色的選擇問題，不管是在明度還是色調方面，均有特殊之處，自從Windows 8系統采用了Metro風格，多色系就在平面設計領域中廣泛應用，部分情景下可能會選擇6～8個顏色。比如鮮亮的色彩形成了強烈的撞色，能夠使擬態化設計給用戶留下深刻印象，通常情況下，鮮亮顏色內所含有的信息，便是所需傳送的主要信息，新擬態的視覺化設計和扁平化之間形成了交互體驗，最后實現融合[4]（見圖2）。淡色系用于新擬態設計風格領域中，其蘊意是耐人尋味的。單色系，即在整個界面上僅選用一種顏色，也可以將同色相用于界面中，但要在純度、明度的同類色方面存在差異。從某種程度上分析，平面設計領域中，合理應用單色系，能夠實現界面視覺設計的最小化和裝飾元素的最精簡化。

圖2 亮、暗背景上鮮亮色彩呈現出的效果

而關于色塊的應用，可以將其看成是梳理信息、規劃功能的支撐。在剔除所有裝飾、特效以后，無論是按鈕、圖標或者說明書，均被統一安放在同個平面上，同個合理應用色塊上，一方面能有效總結、整合各區域內的信息，另一方面還能清晰地呈現出光標所處的內部部位（見圖3）。

圖3 應用色塊區別功能區域

（四）繪制元素與視覺細節

大圓角矩形與圓形是新擬態設計風格的優選對象，很多新擬態設計應用了很多圓形按鈕、大圓角矩形的卡片樣式。在新擬態設計階段，設計師們盡量少出現或不出現直角及銳角的圖形樣式，自覺確立使用曲線過渡樣式的主觀意識，進而更好地契合全局氣氛。

繪制視覺細節階段，新擬態設計下產生的視覺成效基本是緊扣某單個光源形成的光源效果進行操作的。本文以凸起效果為實例進行分析，設計師可以嘗試以對角方位把亮、暗色模糊投影分別設置在凸起元素周邊，臨近、遠離光源位置分別會形成亮色、暗色投影。以上兩個位置的投影x軸與y軸偏移量的絕對值理應維持一致，借此方式使用戶產生平衡規整的視覺體驗。通過合理調整投影的色彩、不透明度及模糊層度等多種指標，能夠創造出輕質感的設計成效[5]。通常情況下，元素越厚層級越高時，其周邊形成的投影范圍就越大，投影顏色也就越發深邃。為進一步增加厚度值及使細節更為豐富化，可以酌情添置對角漸變的描邊效果，描邊效果也要遵照單一光源下光影規律填充漸變色。針對平面內的可辨識度較高的元素，比如圖標等，可以將其制造成立體化的內雕刻視覺成效，也有助于優化平面設計效果。

（五）對版式進行合理化設計

新擬態設計的最特別的功能便是使全部視覺圍繞中心運轉，在主要內容、配色等元素均被扁平化、精簡化處理后，應實現信息部署的合理化，這樣一來不僅能清晰劃分界面上的主次，還能使整個界面更富有邏輯性，對用戶視覺流程作出正確引導，短縮讀取信息的用時[6]。

1.網格系統

網格系統曾被用于瑞士風格的海報版式設計范圍中。網格系統，實質上就是將版面內的文字作為目標對象，通過合理方式將其整合成數個文字塊面，進而更準確地辨識差異化，總結、整合版面內的各種元素。網格系統應用階段，不是通過簡易方法排布、疊加不同局部空間，而在一個有限空間內，通過規范調整不同設計元素的方位、尺寸等，在符合功能性設計要求的基礎上，在視覺層面上實現平衡。

網格系統還起到留白作用。伴隨各種信息的提煉、組合過程，界面中可能會空出較大時剩余空間。在擬態設計階段，留白蘊含著多層意思，比如簡化元素，使畫面更有呼吸感、劃分信息功能區等。通過留白，配合使用適宜的色塊，能夠協助用戶快速探尋到需表達的重點。

2.應用大圖

在新擬態設計風格中，時常會應用一張鋪滿整個版面的畫面，也可能是占據大面積版面的大圖形，并會添加很少的文字信息。對以上設計的原因進行分析，主要是由于當畫面元素已抵達極精簡的層面上時，所要闡述的信息就受到了極大的限制。此時選用單張選材適宜的大圖形，便能較為順利地為畫面營造出極為配套的氣氛。當然不管用戶身處何時何地，圖形、內容、版式等元素之間都會存在著相輔相成的關系。

3.半透明

人們為了能夠在平面中創造出較多的層次感，通常會將半透明風格滲透至新擬態設計過程中。自從推出蘋果IOS7系統以來，其帶有的半透明毛玻璃風格就吸引了廣大群眾的眼光，在合理應用半透明的基礎，蘋果公司還適度提升了系統智能感知客觀環境的靈敏度。當底圖顏色出現變化時，調控中心配套的按鈕色彩也會隨之發生改變[7]。由此可見，在滿足IOS7系統功能應用需求的基礎上，滲透了人性化設計理念，進一步完善了廣大用戶的主觀體驗。

半透明的益處可以做出如下闡釋：其能夠在不整體覆蓋底層的狀態下，不僅不會斷離和底圖之間的關聯性，也能清晰地觀察到另一層內存儲的信息。基于明暗、虛實比較過程，使關鍵信息由底層脫穎而出，縮短和用戶的視線距離。

三、預測新擬態設計風格的應用前景

在扁平化設計成為時代設計風格主流的背景下，新擬態設計對人們主觀的設計審美形成了良性刺激。交互設計和視覺設計之間建設緊密的關聯性，設計師實踐中應精確、合理整頓兩者的關系，確保具有良好的協調性。交互設計領域是新擬態設計風格的始源地，其運用階段自身可訪問性不足是不能忽略的現實問題，對比度偏低的現狀長期得不到改善，很可能導致部分色盲、色弱者很難對信息進行精確分區和層級區別，進而出現信息混淆的情況。新擬態設計為一種全新的擬物風格，承擔起部分擬物化負擔是必然的事實，不僅要依靠現實事物創造出三維立體化效果，也需主動維持簡潔、干練的視覺體驗[8]。借此方式使新擬態設計出的單一界面能夠減少有效信息數量的承載量，降低信息的傳送效率。參照新擬態設計風格自身帶有的優勢和弊端，在界面設計領域中其對功能簡易型的界面更能表現出較高的適用性，比如工具類、智能家居界面，也包括那些信息量偏少的展示類界面，例如官網的介紹界面、產品呈現界面。

純視覺平面設計階段合理應用新擬態風格，能夠保留原始美感，使用戶能產生現代化、科技化、簡潔化的主觀體驗。例如，三星公司在2020年2月創辦的線上發布會海報，便是應用了新擬態設計風格的成功范例，這表明新擬態設計下的風格已得到設計師的肯定與高度欣賞，并且會逐漸被用于多種設計領域內。

新擬態設計風格發展至今日，雖然其出現的時間不是很長久，但是已經不能將其作為設計風格領域中的“新人”了。從這一風格在電腦、手機界面內出現的早期，人們對其從批判、懷疑到維持中立態度至完全接納，高度肯定其散發出的風格魅力，且其在平面設計領域的應用有不斷拓展趨勢。通過了解新擬態設計內的各種平面視覺元素，而后系統地了解這種設計風格，發現其沒有好壞之分，只存在設計與產品合不合適的問題，在各平面設計領域中均表現出較高的適用性，以較好的成效去呈現產品。