界面設計師 必需知道「扁平化設計」和「實感設計」的微妙關係

相信從事手機應用程式或者有參與網頁界面設計的 界面設計師 ，都必定會接觸過扁平化設計和質感設計。兩種設計類型看起來非常相似，一般人大抵不能清楚抽述到兩者的分別，但兩者之間確實存在微妙並且關鍵的分野。

在開始比較前，可以先深入淺出講解一下兩者在設計上的定義和背景。

扁平化設計(Flat Design)從2014年開始普及於網頁、系統與裝置介面，泛指一種完全以平面化來呈現視覺元素，使每一部分看起來都像是平躺在一個平面上。

它的出現某程度上是回應追求過於寫實的設計之下的產物。由於早年Apple的擬真化設計(Skeuomorphism)實在太成功，在硬體裝置和網頁介面設計上引起了一股熱潮，就是將所有按鈕畫得像實物一樣，令用戶完全代入。就這樣，Microsoft開展其改革腳步，提倡扁平化設計，將重心放於呈現按鈕的功能性，省去不必要雕砌的枝節，向Apple宣戰。

而實感設計(Material Design)是新興並由Google定義的一種「品牌化」設計風格，所有準則受明確規定，被認為是由扁平化設計應運而生的革新。

雖然「扁平化設計」和「實感設計」都是「極簡主義」的方法，兩者卻存在微妙並且關鍵的差別：

看到這裏，你可能會問為什麼Google對實感設計下定義並且有嚴格的規定？

那麼我們首先要了解到手機和平板電腦的盛行，兩者卻也沒有「浮標」設計，用戶容易對頁面上的扁平化資訊感到混淆，隨時連「按鈕」或「輸入文字」的指意也分不清。當然，從擬真到扁平設計的轉型之所以能成功，正是因為使用者的學習經驗已足夠看懂抽象圖示的功能，因此不必要的點綴即使省略也不會易響其功能性。但當智能裝置的應用路徑愈趨複雜時，扁平化設計就不足以切合所有不同適應數碼互動程度的用戶。實感設計將擬真化的原始意圖與數碼世界接軌起來，但又不失簡潔的美感，使設計的溝通能力更進一步。