web設計發展趨勢深入學習扁平化設計(1)

文章描述：扁平設計是根據平面的樣式來定義的：通過移除額外的元素比如陰影，斜邊，紋理和創建3D樣式的梯度等等來簡化界面。

扁平化設計或者說扁平化的UI風格，是今年受關注的一個web和平面設計的發展趨勢。而經常被拿來與扁平化做比較的是擬物化設計，兩者的設計原則和設計風格完全相反。

設計師們或許會有疑惑，這究竟是一種能持續下去的設計趨勢呢?照舊只能是風行一時，曇花一現。暫且不談未來和不管這些反對的聲音，大多數設計師照舊很想在自己的工作中嘗試使用這一設計趨勢。在這里，我們將深入了解什么是扁平化風格，追蹤扁平化設計的歷史根源，并介紹如何開始我們的扁平化設計。

在開始之前我必須給讀者們一個提醒或者說警告：扁平化設計，可以用來設計特別很是漂亮而又簡單的界面，但它不一定適合每一個項目。請用心想想你到底想實現什么樣的視覺效果，你到底想要向用戶傳達什么。

什么是扁平設計?

顧名思義,扁平設計是根據平面的樣式來定義的：通過移除額外的元素比如陰影，斜邊，紋理和創建3D樣式的梯度等等來簡化界面。

這個想法用來創建一個完成好的圖案，它只在二維空間上存在，沒有遺棄任何“常規”界面提供的功能。扁平設計給設計師帶來了一個新的挑戰，因為去掉界面的裝飾和效果，就很難在設計中定義主要行為和元素。

扁平設計源于希望創建更多的數字化界面，在數碼設備上為界面改革創建更多開放的畫布。在這里有一些很有名的MAC圖標在自身的基礎上被重新繪制為扁平版本。你可以很容易地看到圖標是如何維持他們的樣式和外形，盡管它們去掉了一些細節，陰影和紋理。

扁平化設計的演變

歷史地看，設計的趨勢像風格的趨勢一樣在復雜和簡單之間賡續地搖擺。這在可視化設計領域，尤其是web和多媒體界面設計領域體現地更加顯明，在這個領域里設計持續地更加短暫，而且不像傳統的印刷設計那樣持久。

術語“扁平化設計“是由Allan Grinshtein在設計者的版本控制系統LayerVault中創造和推廣的。Allan說“優雅的界面是用少的元素達到好的效果的界面”。這個理念是與更多修飾、更復雜的界面相比用簡化的界面更適合于界面的功能。社團在去年一向用仿真界面炮轟這個理念的基礎上采納了這個理念。

從那時起，扁平化設計得到了快速成長。大多數扁平化設計模式具有五個特征-不添加效果、簡單的設計和UI元素，注重字體、注重色彩和總體化設計。你還可能需要下載扁平化UI免費界面工具箱

扁平化設計與微軟

扁平化設計的玩家并且個把扁平化設計風格帶到一線的是微軟。2006年，微軟啟動了Zune音樂播放器。它特別很是昂貴、而且把DRM應用到音樂文件，不過它是一次商業失敗。然而即使Zune商業方面沒有成功，它也是確定后續幾年微軟設計的步。Zune的界面特別很是簡潔，并且是注重輕量和大的字體、沒有多余的細節和元素的界面。

從2006年到今天，微軟已經用Zune做為基礎開發了圖像和可視化界面，使它們更明晰化和更扁平化。微軟的其他產品也受到這種風格影響，比如Xbox360面板，使用了簡單的圖標和排版的基于矩形的界面。Windows 8的“Metro UI”可能是微軟界面修改之一。它的簡單幾何界面不久在WindowsPhone 7，即比Windows 8 界面更小的和移動版本上得到了復制。