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