當你第一次聽見"扁平化設計"這個詞的時候，你是不是很不以為然?但事實上扁平化設計已經搖身一變，成為當下網站設計時尚圈的"寵兒"了。在過去幾年的時間里，扁平化設計發展速度很驚人，越來越多的網站已在UI(用戶界面)設計方面走上扁平式設計的路線。下面小飛就重點介紹一下什么是扁平化設計，扁平化設計有什么好處，以及我們在網站上應該怎樣應用這種設計或者說在應用過程中有哪些注意點，一起來看看吧!

什么是扁平化設計?

扁平化的核心概念就在于去掉冗余、厚重和復雜的裝飾效果，重點突出"信息"本身。舉個栗子來說，在非扁平化網頁設計中，按鈕常常是3D效果的，看到他們你都可以想象出自己按下這個按鈕的景象。但扁平化設計就不是這樣了，它放棄使用一切能夠做出3D效果的元素比如陰影、透視、漸變等，主要依賴于簡單的圖像和布局。在UI界面上使用扁平化設計，能夠更加簡單直接的展示信息或事物的工作方式，減少認知障礙，能夠給用戶帶來更加良好的體驗。

扁平化設計的好處：

近幾年，扁平化設計越來越受歡迎，這種現象背后有幾個主要原因。第一，扁平化設計很實用，與傳統網站相比，應用這種設計的網站通常加載速度更快，這是因為它沒有動畫或是復雜的圖形。另一個原因是扁平化設計更簡約、條理清晰，可以輕松適用于不同的屏幕尺寸。隨著移動設備在作為網頁瀏覽工具方面越來越流行，在網站中使用扁平化設計，對很多需要同時面對電腦和移動用戶的站長來說是一個很大的優勢。第三個原因是與扁平化設計所呈現的美感有關。簡單、用戶友好的布局是扁平化設計的主要特征，與華麗的設計相比，很多設計師和用戶都被扁平化極簡主義的風格吸引，心中的天平都在往這邊傾斜。一個很好的栗子就是蘋果公司拋棄了IOS陳舊的設計，選用扁平化，設計出更加清晰的外觀。

在網站中怎樣使用扁平化設計?

在網站中使用扁平化設計，不僅有上面提到的那些好處，還能讓用戶們知道我們是緊跟設計潮流的。下面是一些關于在網站中怎樣使用扁平化設計的建議：

1.選擇簡單的背景

忘掉那些華麗的或復雜的磚墻式圖片。在扁平化設計中，應該選用樸素、淡雅的顏色或是色調相近的顏色。

2.拒絕特效

在扁平化設計中不要有陰影、高光或是動畫特效。就像我們之前了解扁平化設計的定義一樣，它就是要避免在設計中使用任何透視、紋理或能做出3D效果的元素。所有元素的邊界都應干凈利落，沒有任何羽化、漸變。

3.使用圖標

扁平化設計經常使用圖標，這是因為圖標可以用來提供簡單、流線型的用戶體驗。圖標不僅方便用戶點擊，另外由于用戶憑經驗能大概知道每個圖標代表了什么 ，還可以極大的減少用戶學習新交互方式的成本。所以在網站設計中記得使用圖標，但是也要確保圖標是通用的、大家都知道的，不受地域、種族、文化、語言等因素影響的。如果我們使用的圖標不能很快容易被訪問者們理解，使用它們還有什么意義呢?

4.玩轉各種圖形

各種各樣的圖形在扁平化設計中很流行。圓形、正方形和線條不僅是設計布局美化的一個元素，還可以作為網站內容的分界線，讓每個部分內容的層次更加分明，有助于訪問者明白網站每個頁面的整體框架。

5.慣用明亮配色

配色在網站中的重要性，相信大家都深有體會了，小飛在這就不多說了。扁平化設計通常采用比其他風格更明亮、絢麗的顏色，就像粉紅色、藍色、綠色和黃色等在這種設計中都很常見。但是，這種設計風格往往傾向于使用單色調，甚至是純色，還有一點要注意的是這些顏色的使用不要太過，一個頁面最好不要使用超過3種顏色，太多的顏色會讓網站看起來凌亂、沒有美感。

6.主菜單清晰

主菜單、按鈕以及所有的鏈接都應該看起來很簡潔、清晰，不要有任何陰影或強調效果。一般而言，在扁平化設計中，按鈕常放在一個簡單的框(矩形或圓形)里面，或者以更加簡潔的設計方法：什么圖形都不用，只使用文本本身。

7.重視字體排版

目前文本已經成為一種重要的可視化元素，扁平化設計鼓勵在網站上使用大膽、創新的字體和排版，這能讓網頁充滿趣味，不單調。不過要記得任何時候都不能為了時尚或噱頭犧牲字體的可讀性，如果用戶無法正常瀏覽網站，還談什么排版和設計風格。

8.使用起飛頁的模板

在 起飛頁自助建站平臺（），這有一些扁平化設計的模板，您只需點擊一下就可以使用它們，能幫您節約不少時間和精力。

網頁設計的潮流和大眾的審美觀念一直在變，扁平化設計的風能夠吹多久誰也不知道。我們能做就是緊跟時代的潮流，做好當下的事，所以快來起飛頁自助建站平臺做一個屬于自己的扁平化設計風格的網站吧。