文章描述：扁平設(shè)計(jì)是根據(jù)平面的樣式來(lái)定義的：通過(guò)移除額外的元素比如陰影，斜邊，紋理和創(chuàng)建3D樣式的梯度等等來(lái)簡(jiǎn)化界面。

扁平化設(shè)計(jì)或者說(shuō)扁平化的UI風(fēng)格，是今年受關(guān)注的一個(gè)web和平面設(shè)計(jì)的發(fā)展趨勢(shì)。而經(jīng)常被拿來(lái)與扁平化做比較的是擬物化設(shè)計(jì)，兩者的設(shè)計(jì)原則和設(shè)計(jì)風(fēng)格完全相反。

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

在開(kāi)始之前我必須給讀者們一個(gè)提醒或者說(shuō)警告：扁平化設(shè)計(jì)，可以用來(lái)設(shè)計(jì)特別很是漂亮而又簡(jiǎn)單的界面，但它不一定適合每一個(gè)項(xiàng)目。請(qǐng)用心想想你到底想實(shí)現(xiàn)什么樣的視覺(jué)效果，你到底想要向用戶(hù)傳達(dá)什么。

什么是扁平設(shè)計(jì)?

顧名思義,扁平設(shè)計(jì)是根據(jù)平面的樣式來(lái)定義的：通過(guò)移除額外的元素比如陰影，斜邊，紋理和創(chuàng)建3D樣式的梯度等等來(lái)簡(jiǎn)化界面。

這個(gè)想法用來(lái)創(chuàng)建一個(gè)完成好的圖案，它只在二維空間上存在，沒(méi)有遺棄任何“常規(guī)”界面提供的功能。扁平設(shè)計(jì)給設(shè)計(jì)師帶來(lái)了一個(gè)新的挑戰(zhàn)，因?yàn)槿サ艚缑娴难b飾和效果，就很難在設(shè)計(jì)中定義主要行為和元素。

扁平設(shè)計(jì)源于希望創(chuàng)建更多的數(shù)字化界面，在數(shù)碼設(shè)備上為界面改革創(chuàng)建更多開(kāi)放的畫(huà)布。在這里有一些很有名的MAC圖標(biāo)在自身的基礎(chǔ)上被重新繪制為扁平版本。你可以很容易地看到圖標(biāo)是如何維持他們的樣式和外形，盡管它們?nèi)サ袅艘恍┘?xì)節(jié)，陰影和紋理。

扁平化設(shè)計(jì)的演變

歷史地看，設(shè)計(jì)的趨勢(shì)像風(fēng)格的趨勢(shì)一樣在復(fù)雜和簡(jiǎn)單之間賡續(xù)地?fù)u擺。這在可視化設(shè)計(jì)領(lǐng)域，尤其是web和多媒體界面設(shè)計(jì)領(lǐng)域體現(xiàn)地更加顯明，在這個(gè)領(lǐng)域里設(shè)計(jì)持續(xù)地更加短暫，而且不像傳統(tǒng)的印刷設(shè)計(jì)那樣持久。

術(shù)語(yǔ)“扁平化設(shè)計(jì)“是由Allan Grinshtein在設(shè)計(jì)者的版本控制系統(tǒng)LayerVault中創(chuàng)造和推廣的。Allan說(shuō)“優(yōu)雅的界面是用少的元素達(dá)到好的效果的界面”。這個(gè)理念是與更多修飾、更復(fù)雜的界面相比用簡(jiǎn)化的界面更適合于界面的功能。社團(tuán)在去年一向用仿真界面炮轟這個(gè)理念的基礎(chǔ)上采納了這個(gè)理念。

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

扁平化設(shè)計(jì)與微軟

扁平化設(shè)計(jì)的玩家并且個(gè)把扁平化設(shè)計(jì)風(fēng)格帶到一線的是微軟。2006年，微軟啟動(dòng)了Zune音樂(lè)播放器。它特別很是昂貴、而且把DRM應(yīng)用到音樂(lè)文件，不過(guò)它是一次商業(yè)失敗。然而即使Zune商業(yè)方面沒(méi)有成功，它也是確定后續(xù)幾年微軟設(shè)計(jì)的步。Zune的界面特別很是簡(jiǎn)潔，并且是注重輕量和大的字體、沒(méi)有多余的細(xì)節(jié)和元素的界面。

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