國外網站頁面的設計思想始終走在行業尖端，如今扁平化設計的潮流襲遍全球，從Win8的Metro到Apple的IOS7，無一不印證著扁平化設計目前在設計領域的地位。城池設計主打視覺系高端建站，對于扁平化設計的推崇自然也是領先一步。

 

怎樣的網站設計界面屬于這一類風格呢，看完下面這些你就會找到答案。

大多數網頁設計師都碰到過這樣的情況：當客戶向你提需求的時候，往往會使用一些類似“簡潔、高端、大氣”等形容詞來描述自己對網站設計的要求，然而這幾個詞正是筆者認為對于扁平化設計最好的詮釋。

 

1、簡潔

扁平化設計的UI是十分簡潔的，因為它們盡可能地減少一些高光、紋理、陰影等等效果，從一個抽象的層面一針見血地展現出該UI所要體現的物體與含義。

除此之外，扁平化設計在布局上也是盡量做到脈絡清晰，從而將用戶的注意力凝聚在重要內容上。

 

2、高端。

或許每個人對于高端的定義都各執一詞，但是筆者對于高端的定義就是，設計簡潔、內容精簡、交互優雅。

簡潔的UI設計、精簡的結構布局與內容展現，再加上先進的HTML5技術以及CSS3動畫效果。扁平化設計能夠將交互設計發揮到極致，從而為客戶帶去極其優雅的用戶體驗。

 

3、大氣：

清晰簡潔的網站結構、識別度極高且配色融洽的UI設計、結合CSS3等現代技術所展現的優雅的用戶體驗——這便是筆者心目中的大氣了！

 

研究過如何優化網站的都知道，扁平化設計是非常符合網站優化思想以及SEO優化思想的，這是由于它們的UI組成以色塊為主，從而減少了頁面中圖片的數量，大大加快了頁面加載速度。

 

除此之外，使用更多的CSS3技術來代替一些復雜的JS效果，也能夠為SEO的優化添磚加瓦。響應式布局，兼容更多設備。伴隨扁平化設計風靡Web設計領域的，還有響應式布局設計。由于平板電腦以及智能手機的普及，越來越多的網站開始在意自己在這些設備上的表現如何，在這樣的背景下，響應式布局進入了大家的視野。

本文由寧波網站建設-城池網絡設計編輯：http://www.xinyiwifi.com/News/123.html