網頁設計中的扁平化設計分析論文
1扁平化設計在網頁介面視覺上的優勢
1.1網頁介面元素
格式塔心理學家認為，人們的知覺有一種“簡化”的傾向。這種傾向是一種將任何物體以儘可能簡單的機構組織起來是能夠體現物體最本質的形態的表達。在擬物化設計中，設計師會模仿現實世界裡真實物體的顏色、形狀等。例如：設計師會為按鈕新增漸變、陰影等效果以符合真實按鈕的特徵，以求對使用者產生親切的感覺。然而，這樣的按鈕往往帶來的是一種不符合使用者預期的體驗，同時這也一定程度上限制了使用者的個性化想象空間，更重要的是設計開發的週期相對更長。扁平化設計使用的都是基本形狀，去除了漸變、陰影等裝飾性效果，弱化了視覺上的複雜性，突出了每個元素所表達的資訊本身。另外，由於扁平化設計的元素的這些特點，其具有更廣泛的適用性，比如：眼睛近視和弱視的使用者也可以方便的使用這類設計。
1.2網頁佈局
之前的網頁設計講求精美的圖片和排版效果，漂亮的插畫與周到的佈局設計，扁平化設計拋棄了複雜的光影效果，更專注於根本的內容呈現。扁平化設計中大量使用扁平化的圖示、向量圖形和圖示字型，這種設計更符合現代人的審美觀。一方面，擬物化設計初衷是降低使用者的認知成本，目的是讓使用者在使用科技產品時可以參考現實世界的操作規律，可短時間內輕鬆掌握數碼產品的用法。而在現今階段，數碼產品普及度已非常高，特別是在年輕使用者群體中，擬物化設計的功能性優勢已無法凸顯，使用者已經熟悉了各類數碼產品的基本特點，適應了各類介面的操作方法，在扁平化設計風格的介面中更容易更快速地找到所需要的資訊。另一方面，扁平化設計介面更能提升使用者操作的效率。隨著移動網際網路的迅速崛起，移動終端螢幕尺寸的多樣化給網頁設計造成了很多麻煩，所以響應式網頁設計應運而生了。在這方面，擬物化設計的網頁很難實現跨螢幕、跨平臺的介面適配，特別是在小尺寸的螢幕上，擬物化的圖示非常不易識別，而扁平化設計的圖示則可以很好地滿足這些變化因素的需求。扁平化更多的使用向量圖形，減少了對畫素精度的依賴，這樣設計師也有了更大的創意空間，從而可以創建出適應性更強的使用者介面。
1.3色彩
扁平化設計頁面中，因為追求極簡主義，所以沒有其他多餘的裝飾。因此，設計者在設計時需要更加註意色彩的搭配，這樣將會收到更好的視覺效果。總結扁平設計的色彩搭配大致分為兩種：同類色搭配：同類色搭配，最常用的是把同一種顏色的黑、白、灰三種色調結合在一起，形成層次上的對比。在扁平化設計中，單色的使用不僅能分清層次感，同時也能把握住整體感。對比色搭配:對比色搭配的使用可以使頁面看起來極富活力又有豐富的色彩變幻，視覺效果醒目。在使用對比色進行搭配時，設計師要注意到在設計時應當先了解網頁的主題，選用合適的顏色進行搭配。
1.4字型
文字是設計師向用戶傳遞資訊的最主要手段。而字型的選擇不僅要符合扁平化設計的簡約風格，同時還要符合整個頁面主題的設計風格。一般扁平化風格的頁面會使用無襯線字型，再通過對字型字號、顏色和粗細的變化進行排版。不同排版的文字資訊會帶來不同的視覺瀏覽體驗，如字號較大，或是粗體，能幫助使用者輕易地分辨、獲取文字所傳達的資訊，這就在內容上創造出一定的層次感，可明顯提升內容的易讀性。
2扁平化設計在網頁資訊組織結構上的優勢
擬物化設計的資訊組織結構主要表現為層級化結構，呈現為金字塔形的縱向樹形結構，是一種邏輯性較強的層級化組織方式。這種資訊組織結構層級較多，每個層級容納的資訊量少而準確，根據嚴密的邏輯關係將資訊進行有效的分類，因此資訊獲取的準確率比較高。同時層級間的轉換路徑較長，不同介面的切換耗時長且不利於全域性觀察，已造成使用者“迷路”。擬物化設計是一種注重功能實現的資訊結構，它更適用於資訊結構邏輯性強，資訊種類繁多且詳細的產品。扁平化設計最大程度地縮短了資訊層級，不斷擴充套件橫向資訊承載量，呈現出一種扁而寬的結構形式。特別是卡片式的資訊展現形式可以同時展示資訊標題和少量內容，減少了使用者在訪問多個目標資訊時所耗費的認知成本。但是如果單個層級承載的資訊量過大，獲取精確資訊的`難度將變大，對於資訊在頁面中的定位也增加了難度。因此，扁平化設計適用於快捷的資訊瀏覽，資訊及模組的分支少且資訊傳達迅速的產品。扁平化設計的這種資訊組織結構可以很好地優化目前絕大部分網頁體驗。
3扁平化設計在網頁互動方式上的優勢
擬物化設計的網頁往往由於擬物的不徹底，比如可能由於花費時間較長的原因，按鈕的四種狀態不能做到完全的擬物，會造成使用者體驗上的不連貫，給使用者造成疑惑。同時由於擬物化設計耗時比較長，往往很少在網頁動效方面改善使用者體驗的事情。而扁平設計中使用的多是簡單的向量圖形、圖示、圖片，做互動動效比較容易且不易亂。同時網頁互動動效可以大大提高使用者的情感體驗，避免扁平化設計風格給人造成冰冷、毫無生機的感覺。
4總結
扁平化與擬物化設計一樣都由來已久，隨著網際網路的飛速發展，特別是移動網際網路的崛起，滿足了使用者的各種新需求，解決了使用者體驗的痛點，扁平化設計的優勢得以凸顯並得到了廣泛傳播。扁平化設計風格運用在網頁設計上，他的這些優點將同樣會對使用者體驗產生非常積極的影響。擬物化設計風格也不會就此覆滅，它會用適當的方式對使用者體驗做出貢獻。
