如何成功運用扁平化設(shè)計與色彩趨勢

2014/9/11 23:23:30來源：網(wǎng)秦UEC

我們在Designmodo上已經(jīng)聊了很多有關(guān)扁平化設(shè)計趨勢的內(nèi)容。

之前瞎說了很多，也給大家展示了大量不錯的示例，還開發(fā)了一套免費的用戶界面以供大家下載并運用于自己的項目。

但是如果你想自己動手，則要注意這一趨勢中最為重要的一個部分就是色彩。

扁平化設(shè)計溫故知新

扁平化設(shè)計技巧，是指使用簡單的效果（或省去某些效果）來打造不包含三維屬性的設(shè)計方案。在扁平化設(shè)計項目中，不采用陰影、斜面、浮雕和漸變等效果。

有的人覺得扁平化設(shè)計外觀很簡單，但其實做起來很復(fù)雜。扁平化設(shè)計外觀簡單、直接，讓用戶一目了然，因此正日漸成為移動端用戶界面以及web設(shè)計的流行趨勢之一。

有關(guān)扁平化設(shè)計趨勢的更多內(nèi)容請見Designmodo早先的文章。

制定調(diào)色板

在顏色方面，扁平化設(shè)計可以采用各種各樣的顏色，但一般來說設(shè)計師傾向于大膽的亮色。

扁平化設(shè)計在顏色方面的另一出眾之處，在于設(shè)計師能夠?qū)⒄{(diào)色板從簡單的一種兩種顏色擴展到三種、四種乃至更多種顏色。其大多數(shù)選擇都采用了明亮飽滿的色調(diào)，并有時使用這種色調(diào)對稱灰色或黑色。

就顏色和扁平化設(shè)計而論，很多有關(guān)色彩搭配的傳統(tǒng)規(guī)則都被設(shè)計師拋出了腦外以求讓調(diào)色板能夠擁有更多色彩。

但是，我們在扁平化設(shè)計和顏色選擇方面越來越多的看到了色調(diào)和飽和度的搭配。雖然設(shè)計師可能會選擇使用不少的陰影，但同時也會將不同的陰影對比審查看顏色是否夠深、顏色組合屬于主要組合還是次要組合、是否來自不同的色調(diào)或者顏色中包含的黑白組合是否較多。

在顏色方面，扁平化設(shè)計方案的趨勢通常是超高的飽和度、明亮、比較復(fù)古或單調(diào)。倒并不是說這些是唯一的辦法，但隨著趨勢的演化，這些風(fēng)格已成為最為流行的風(fēng)格。

亮色

亮色通常是扁平化設(shè)計的標(biāo)志性特征，因為其能夠帶來一種很獨到的感覺。明亮的色彩在亮色和暗色背景上一般都能夠適用，并能夠形成對比感同時吸引用戶。對于扁平化設(shè)計來說，其可謂是最為流行的顏色趨勢。

如何著手？

FlatUICoors.com 上提供了很多扁平化設(shè)計流行色調(diào)的新手示例。從亮藍色和綠色到黃色橙色，這些顏色能夠完美地呈現(xiàn)出我們眼中的顏色和趨勢。這個網(wǎng)站是個絕佳的出發(fā)點，你可以在網(wǎng)站上免費選擇下載不同的色值。

Designmodo在其近期發(fā)布的Flat UI Free工具包中對這一亮色設(shè)計進行了進一步的解讀，并使用相同的亮色色調(diào)打造了一個很棒且使用簡單的界面輪廓包。這一扁平化且風(fēng)格十足的圖標(biāo)可適用于各種不同的項目，而且還提供了顏色樣本（如果你是色彩搭配新手，那就有福了）。

亮色扁平化設(shè)計的調(diào)色板中很少采用嚴格的主色調(diào)，例如純紅色、藍色和黃色一般很少見，取而代之的是更加豐富的混合色。

如果你想在扁平化設(shè)計方案中搭配自己選擇的亮色，請注意一定要保持簡單。選擇色澤與飽和度相似的顏色。另外我們也為你提供了幾個顏色樣本以供你入門。