起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識如何成功運用扁平化設計與色彩趨勢
我們在Designmodo上已經聊了很多有關扁平化設計趨勢的內容。 之前瞎說了很多，也給大家展示了大量不錯的示例，還開發了一套免費的用戶界面以供大家下載并運用于自己的項目。 但是如果你想自己動手，則要注意這一趨勢中最為重要的一個部分就是色彩。 扁平化設計溫故知新 扁平化設計技巧，是指使用簡單的效果（或省去某些效果）來打造不包含三維屬性的設計方案。在扁平化設計項目中，不采用陰影、斜面、浮雕和漸變等效果。 有的人覺得扁平化設計外觀很簡單，但其實做起來很復雜。扁平化設計外觀簡單、直接，讓用戶一目了然，因此正日漸成為移動端用戶界面以及web設計的流行趨勢之一。 有關扁平化設計趨勢的更多內容請見Designmodo早先的文章。 制定調色板 在顏色方面，扁平化設計可以采用各種各樣的顏色，但一般來說設計師傾向于大膽的亮色。 扁平化設計在顏色方面的另一出眾之處，在于設計師能夠將調色板從簡單的一種兩種顏色擴展到三種、四種乃至更多種顏色。其大多數選擇都采用了明亮飽滿的色調，并有時使用這種色調對稱灰色或黑色。 就顏色和扁平化設計而論，很多有關色彩搭配的傳統規則都被設計師拋出了腦外以求讓調色板能夠擁有更多色彩。 但是，我們在扁平化設計和顏色選擇方面越來越多的看到了色調和飽和度的搭配。雖然設計師可能會選擇使用不少的陰影，但同時也會將不同的陰影對比審查看顏色是否夠深、顏色組合屬于主要組合還是次要組合、是否來自不同的色調或者顏色中包含的黑白組合是否較多。 在顏色方面，扁平化設計方案的趨勢通常是超高的飽和度、明亮、比較復古或單調。倒并不是說這些是唯一的辦法，但隨著趨勢的演化，這些風格已成為最為流行的風格。 亮色 亮色通常是扁平化設計的標志性特征，因為其能夠帶來一種很獨到的感覺。明亮的色彩在亮色和暗色背景上一般都能夠適用，并能夠形成對比感同時吸引用戶。對于扁平化設計來說，其可謂是最為流行的顏色趨勢。 如何著手？ FlatUICoors.com?上提供了很多扁平化設計流行色調的新手示例。從亮藍色和綠色到黃色橙色，這些顏色能夠完美地呈現出我們眼中的顏色和趨勢。這個網站是個絕佳的出發點，你可以在網站上免費選擇下載不同的色值。 Designmodo在其近期發布的Flat UI Free工具包中對這一亮色設計進行了進一步的解讀，并使用相同的亮色色調打造了一個很棒且使用簡單的界面輪廓包。這一扁平化且風格十足的圖標可適用于各種不同的項目，而且還提供了顏色樣本（如果你是色彩搭配新手，那就有福了）。 亮色扁平化設計的調色板中很少采用嚴格的主色調，例如純紅色、藍色和黃色一般很少見，取而代之的是更加豐富的混合色。 如果你想在扁平化設計方案中搭配自己選擇的亮色，請注意一定要保持簡單。選擇色澤與飽和度相似的顏色。另外我們也為你提供了幾個顏色樣本以供你入門。 亮色顏色樣本：嘗試一下使用上面這些顏色組合或者任意混搭來打造自己的扁平化調色板。這些顏色在白色或黑色背景上都能達到最大的沖擊力。 流行顏色：藍色、綠色和紫色 復古顏色 復古顏色方案對于扁平化設計項目來說也是一個潮流之選。 復古顏色的飽和度較低，但在亮色背景上添加了不同的色澤，并添加了白色讓其顯得更加淡雅。其外觀雖然不具有蠟筆畫的感覺，但明顯表現出了老派風格。復古顏色方案通常包含很多橙色和黃色，有時也會采用紅色或藍色。 對于扁平化設計，復古顏色方案中常見主色和次色的區別以求讓顏色更加柔和。 復古顏色樣本：復古顏色在作為主色調獨立使用時效果最佳。與圖像或啞色搭配也能達到絕佳效果。 流行顏色：橙色、桃紅色或紫紅色調以及深藍色 單色 單色方案搭配扁平化設計正在迅速流行。這一色彩方案依靠單色及黑白色營造明亮而獨特的色彩感。 大多數單色方案都采用底色外加兩到三種淺色調實現效果。目前最為流行的顏色貌似是藍色，但很多設計師也選擇以黑色（也有灰色）外帶紅色等彩色按鈕或行動呼吁作為底色。 另一種辦法是使用細微的色差實現單色效果。例如，如果你以藍色為主色，可以添加一些綠色色調打造藍綠色方案。 單色技巧是目前尤其流行的移動端和應用設計技巧。 單色顏色樣本：與其他調色板一樣，單色方案同樣需要使用對比?；旌仙{，讓每個不同的“顏色”區別于主色。從全色（100%）及50%色調開始，然后是20%和8%。 Popular colors:?Blues, grays and greens 流行色：藍色、灰色、綠色 扁平化設計趨勢的關鍵之一就是要新穎、有趣。你的項目應該要注意這兩點。 你的調色板應該與項目色調相吻合，能夠讓用戶知道如何使用你的網站并且外觀有趣。在設計扁平化顏色方案時，不要局限于傳統的顏色搭配規則，跳出自己的常識。 翻譯：蔣燦 原文地址：http://designmodo.com/flat-design-colors/ 
結論
- 目前還沒評論，等你發揮！
