90年年代，幾個簡單的頁面，幾簡單的幾個表格，然后插入幾個圖片，打上幾個文字，就形成了最早期的一個網(wǎng)站。后來，隨著時間的發(fā)展，人們審美的提高，對網(wǎng)站的要求也越來越高。“我要很炫的動畫，我要大氣的圖片”這就成了2000年代客戶的大眾需求。今天，炫目的動畫，大量的圖片已經(jīng)不符合優(yōu)化的需求了。隨著國外對網(wǎng)頁設(shè)計思想的不斷探索創(chuàng)新，隨著win8的Metro到蘋果的IOS7的突起.國外已經(jīng)流行扁平風，使之持續(xù)升溫，成為網(wǎng)頁設(shè)計發(fā)展的一種潮流。
什么是扁平風？扁平風有什么特點呢？
1.風格簡約，給人耳目一新
現(xiàn)今網(wǎng)頁設(shè)計師都碰到過這樣的情況：當客戶向你提需求的時候，往往會使用一些類似“高端、大氣、上檔次”等形容詞來描述自己對網(wǎng)站設(shè)計的要求，然而這幾個詞正是我們認為對于扁平化設(shè)計最好的詮釋。扁平化設(shè)計的風格是十分簡潔的，因為它們盡可能地減少一些高光、紋理、陰影等等效果，從一個抽象的層面一針見血地展現(xiàn)出該頁面所要體現(xiàn)的物體與含義。特出客戶產(chǎn)品的特性，讓人一眼就能深刻的記住。除此之外，設(shè)計在布局上也是盡量做到調(diào)理清晰，從而將用戶的注意力凝聚在重要內(nèi)容上，并且保留好最合適的客戶體驗度。
2.響應(yīng)式布局，HTML5技術(shù)，兼容更多的瀏覽器和終端
由于平板電腦以及智能手機的普及，越來越多的客戶要求自己的網(wǎng)站能在PC、手機、平板電腦上面完美展現(xiàn)。在這樣的背景下，響應(yīng)式布局進入了大家的視野。響應(yīng)式布局，HTML5顯然能把扁平設(shè)計展現(xiàn)的淋漓之至。對于用戶來說，提高了用戶體驗，加強了視覺感受。HTML5技術(shù)在移動端，能夠讓應(yīng)用程序回歸到網(wǎng)頁，并對網(wǎng)頁的功能進行擴展，用戶不需要下載客戶端或插件就能夠觀看視頻、玩游戲，操作更加簡單，用戶體驗更好。
3.加載迅速、利于維護搜索引擎優(yōu)化。
研究過如何優(yōu)化網(wǎng)站的都知道，扁平化設(shè)計是非常符合維護更新思想以及維護優(yōu)化思想的，這是由于它們的UI組成以色塊為主，從而減少了頁面中圖片的數(shù)量，大大加快了頁面加載速度。除此之外，使用更多的CSS3技術(shù)來代替一些復(fù)雜的JS效果，也能夠為維護的優(yōu)化添磚加瓦。
總結(jié)：
扁平化設(shè)計應(yīng)用，最為典型的就是蘋果 iOS 系統(tǒng)中擬物化的設(shè)計,讓我們感覺到虛擬物與實物的接近程度。在扁平化設(shè)計中目前最有力的典范是 Win8 界面,不得不說 Microsoft 不愧為 PC 用戶體驗開拓者,如此大膽的嘗試與實現(xiàn),不得不讓人佩服。設(shè)計是相對而言的，每一個人的審美都不一樣。不能說扁平風能所有的客戶都滿意，只要是用戶體驗好的，有利于優(yōu)化的任何一種風格，我們都要有那個勇氣去嘗試。