當(dāng)你開始一個新的網(wǎng)站設(shè)計(jì)項(xiàng)目時(shí)，單色方案可能并不會成為你的第一個方案選擇對象。但是，擁有單一顏色的設(shè)計(jì)項(xiàng)目可能會有很大的影響，并有機(jī)會擴(kuò)展并嘗試一些新的設(shè)計(jì)趨勢和技術(shù)。

單色項(xiàng)目，顧名思義是由一個只有一種顏色的調(diào)色板組成的，他可能在一定程度上會更能引人注目，因?yàn)樗鼈儾幌窬哂懈囝伾兓钠渌?xiàng)目那樣普遍存在。所以，僅此一點(diǎn)，你已經(jīng)完勝其他的項(xiàng)目，脫穎而出了。

1.基色選擇




關(guān)于使用單色色彩，我認(rèn)為在網(wǎng)站設(shè)計(jì)中最難的部分是如何選擇你要使用的顏色？現(xiàn)在我們只有一種顏色的選擇，那么最好的選擇是什么？

你可以考慮一下你想要設(shè)置的主題或情感，然后圍繞你已經(jīng)聯(lián)想到的關(guān)鍵詞來選擇一個最適合的顏色。

· 紅色：愛，激情；

· 藍(lán)色：和諧，信任；

· 綠色：希望，自然；

· 黃色：有趣，充滿能量；

· 粉色：浪漫，溫柔；

· 紫色：信仰，夢幻；

...

其次，你可以考慮你的品牌色，是否有一種顏色可以從你的logo或品牌色中提取出來，并可以成為一種合適的顏色選擇？

最后，考慮飽和度。單色調(diào)色板是使用大膽、明亮、完全飽和的色調(diào)，還是選擇更柔和、更輕松的色調(diào)？它可以是兩者的結(jié)合嗎？根據(jù)顏色的選擇，當(dāng)你在使用相應(yīng)的輔助色的時(shí)候有很多的選擇。



2.明智地使用淺色澤、色值和暗色澤








對于單色色彩方案，你需要色彩有一些變化，你需要掌握一些色值的基礎(chǔ)知識，通過淺色澤和暗色澤，你可以創(chuàng)建一個顏色的不同版本(你幾乎可以把每一種版本都看成是一種額外的顏色)。

· 淺色澤：通過在基色中添加白色，可以使它更輕；

· 色值：通過自基色中添加灰色，使其更加豐富，但在飽和度上有缺失；

· 暗色澤：通過在基色中添加黑色，使顏色更暗，

正如你使用包含多種顏色的調(diào)色板一樣，通過調(diào)整基色的淺色澤、色值和暗色澤，為每種顏色選擇一個角色，并在整個設(shè)計(jì)中堅(jiān)持使用它。你可能會發(fā)現(xiàn)你有更多的“顏色”而不是一個單一的調(diào)色板。

你需要確保顏色的變化與下一個步驟之間有足夠的對比，這樣顏色的變化對于用戶來說就顯而易見了。

在實(shí)際的工作中一些最有趣的單色效果病史在網(wǎng)頁設(shè)計(jì)中，而是在與打印項(xiàng)目有關(guān)的平面設(shè)計(jì)中。像foiling或UV這樣的技術(shù)，可以在cardstock或宣傳冊上表現(xiàn)的更好，更漂亮，比如Icon和TOC(上圖)。額外的圖層為單色設(shè)計(jì)增添了質(zhì)感和專業(yè)的技巧感。



3.與其他元素相輔相成





使用單色設(shè)計(jì)最困難的部分是，你需要將不同的元素融合在一起而不會有個體的感覺，以保持yoghurt的注意力在設(shè)計(jì)中。顏色差異越小，就越難以把控和實(shí)現(xiàn)。

比如，當(dāng)你選擇使用一個黑色的單色調(diào)色板時(shí)，你需要考慮文本和其他元素需要怎么表現(xiàn)以建立流動和對比。使用單色的簡單元素可以防止設(shè)計(jì)變得太過繁雜。

· 使用顏色疊加：保持顏色的完整性，將圖像轉(zhuǎn)換為黑白，然后再添加覆蓋，以保持統(tǒng)一。

· 使用粗體文本：考慮用較厚的筆畫來幫助“提升”它們在單色背景上的對比。

· 使用陰影和其他視覺線索：一些元素需要一個額外的定義層，例如通過使用一個投影來創(chuàng)建元素之間的分離感。

· 使用插圖：對于一個更具現(xiàn)代感的設(shè)計(jì)來說，用插圖來搭配單色是最好的選擇之一(同時(shí)，這也是在顏色上保持統(tǒng)一的最簡單的方法)。

· 匹配顏色和圖像：如果你在單色調(diào)色板上使用全彩照片或視頻，將圖像中的顏色與設(shè)計(jì)中的顏色相匹配，如Cuberto(上圖)。



4.大膽地使用一種流行色



一些與Material Design相關(guān)的最流行的顏色往往具有明亮的色調(diào)。這是一個大膽的色彩選擇，單色設(shè)計(jì)也不例外。

它只需要一個有趣的、明亮的東西來建立主題和情緒。流行的選擇包括粉色、橙色和青檸綠。

明亮的單色調(diào)色板的好處在于它可以創(chuàng)建足夠的空間。在顏色的使用上你有很大的空間，所以你可以很容易地創(chuàng)造出一系列的色調(diào)。

如果你選擇了正處于流行階段的東西，一定要注意你的設(shè)計(jì)，如果顏色趨勢開始改變，你或許需要用別的東西來替代你的單色方案。你是選擇另一個流行色嗎？比如根據(jù)季節(jié)來選擇對應(yīng)的代表色——冬天的藍(lán)色或秋天的橙色...這為你提供了一種時(shí)尚感和及時(shí)感，并給你一個理由，讓你時(shí)不時(shí)地更新你的設(shè)計(jì)。



5.暗色系營造現(xiàn)代感





并不是所有的單色調(diào)色板都有“顏色”，在實(shí)際的網(wǎng)站設(shè)計(jì)項(xiàng)目中，我們更多的是采用深色的調(diào)色板，使用的是黑色或灰色(或者是藍(lán)到幾乎已經(jīng)發(fā)黑的深藍(lán)色)。

這些深色方案其實(shí)很有趣，而且給人以一種獨(dú)特的感覺。不過，它們也很難創(chuàng)造，因?yàn)闆]有太多的空間去建立色彩之間的差別和對比。

暗色調(diào)色板的確有一種光滑而現(xiàn)代的感覺。他們最適合于沒有大量內(nèi)容的設(shè)計(jì)，比如網(wǎng)站設(shè)計(jì)的導(dǎo)航頁或畫冊或其他小冊子的“封面”頁。你幾乎總是需要將一個深色的單色與更輕的東西搭配，以確保內(nèi)容可以輕松閱讀。


6.嘗試各種各樣的單色



你完全可以打破單色調(diào)色板的規(guī)則，在設(shè)計(jì)中加入第二個強(qiáng)調(diào)色，我們稱它為“Almost monochromatic”。

Almost monochromatic可以解決你在單色設(shè)計(jì)中遇到的許多問題，包括如何創(chuàng)建容易看到呼吁行動的按鈕元素。

關(guān)于如何選擇第二種強(qiáng)調(diào)色，你可以選擇來自于色輪的另一側(cè)，以實(shí)現(xiàn)最大的對比度。將其用于需要用戶查看和交互的重要元素。

總結(jié)

單色設(shè)計(jì)可以很有趣，它們不僅在時(shí)效上有更好的適應(yīng)性，在流行趨勢上也有明顯的優(yōu)勢。

最現(xiàn)代的單色項(xiàng)目應(yīng)該可以通過顏色來指導(dǎo)用戶“讀懂”設(shè)計(jì)。它不僅僅只是強(qiáng)調(diào)或看起來很漂亮，顏色需要有實(shí)際的功能。

這種設(shè)計(jì)風(fēng)格最具有挑戰(zhàn)的地方在于，如何才能發(fā)使那些經(jīng)常看到它的用戶不容易出現(xiàn)平淡感。