? 單色配色,是在整個網站設計中只使用壹種色相,或以壹種色相作為整個網站的絕對主色調。壹般來說,單色是壹種藝高膽大的配色方案選擇,因為其自帶強烈的視覺效果,會對網站主體性質有壹定要求。不過,如果品牌形象和產品、業務定位合適,制作網站時使用對應VI色、或帶有特別情感基調的單色設計網頁,壹定可以在宣傳和展示上先聲奪人。
選擇基礎色
? 單色配色的關鍵在於基礎色的挑選。壹個網站包含形形色色各類元素,如何找到壹種顏色與各元素和諧搭配,是個很考驗創意和整體把控能力的問題。從網站需要營造的情緒著手是壹個重要切入點。我們通常認為不同的顏色能夠表達不同的情緒,匹配正確的顏色基調,會提升網站情感傳達。
?比如,紅色傳遞活力和激情、藍色代表和諧與信任、以綠色表示自然和希望、以黃色表示趣味和能量,以及粉色代表的浪漫、柔美,紫色代表的神秘、幻想......
?在確定網站基本色調時也要考慮網站的品牌形象和產品定位。想想看如果將這個顏色用在品牌Logo或產品上,會有怎樣的效果?另外,妳是希望營造壹個明亮還是柔和的網站?又或是兩者相結合?總而言之,在確定網站的基礎色時可以從多個角度出發,比如網站基調、品牌形象、產品定位、色彩飽和度等等。
調整色彩明度和飽和度
? 嚴格來說,單色配色方案是指只使用壹種色相,但這其實為設計方案提供了多種可行性選擇。這種可以在色輪上找到的顏色,其飽和度與亮度默認為100%,高飽和度的亮色本身自帶高可創作屬性,在實際設計過程中,可以通過色調、色度等屬性來調整色彩亮度與飽和度,以壹種色相組合出不同的配色方案。
? 當然,壹個色相的屬性調整之間最好創建充分的對比,以方便用戶輕松識別。同時,還可以為不同元素創建色相相同、明暗次第變化的效果,即使以單個顏色來呈現,通過不同屬性的調整也能讓網站整體表現更有層次感。
和其它元素搭配使用
?不同於多色配色方案,可使用對比強烈的兩種顏色突出CAT按鈕以吸引用戶註意,單色配色中僅有的壹個基礎色難以營造充分的對比,這為引導用戶瀏覽增加了難度。要解決這壹問題,將基礎色與其他元素搭配使用就是壹種行之有效的解決方案。
顏色疊加 ?在網站中使用顏色疊加時,可盡量將背景元素設置為黑白色,這樣不僅能保證網站整體色調的壹致性,避免色彩混亂,也不會影響文字元素的表現。
字體加粗 ?顯而易見,加粗字體是為了讓文本內容在單色配色的背景中更易為用戶所識別。
? 陰影和其他視覺提示 ?視覺線索的使用可以很好地區分網站元素和背景層,提升網站的可讀性。
?使用插畫 ?單色背景結合插畫,可以呈現更加現代感的視覺體驗並強化單色配色方案的表現力。
? 搭配同色圖片 ?與圖片搭配同樣是為了提升網站的表現力,而選擇與背景色調壹致的圖片,可以使整個網站視覺上更加和諧。
使用現代感深色
?並不是所有的單色配色都只使用壹種顏色。不少深色系配色方案開始在網站中使用大量的黑色、灰色,或是近乎於黑色的深藍色。這些暗色系的配色方案在表現效果上足夠獨特,但在創作過程中有些難度。因為顏色差別較小,可供設計師自由發揮的空間也就很小。
?盡管如此,深色,尤其是黑色系配色方案,往往能夠讓網站顯得十分時尚並極具現代感,在內容較少的網站裏,可作為長滾動頁面的首屏,配合白色等淺色系文本,給用戶帶去極佳的使用體驗。?
嘗試"準單色"設計
?有時候,打破設計規則往往能夠創造意外的效果。除了使用標準的單色以外,還可以在網站中使用“準單色”方案。也就是說,在原本的單色配色方案中,可加入壹種對比色,為整個配色方案創造全新的視覺焦點。這種方式常用於突出CTA按鈕等網站元素,同時搭配合適的文本,使元素上的微文案具有更強的可讀性,提高CTA按鈕的號召力。
任何大膽的選擇都伴有壹定的風險。用戶瀏覽過程中,單壹的色調會使用戶更快習慣網頁的設計,從而降低了對網站後續內容的好奇心。此外,流行趨勢的千變萬化降低了用戶對於色彩選擇的忠誠度,單純的某壹類顏色可以最貼近時尚風向,但同時也是最容易過時的。所以,在使用單色配色方案時,除了要有對時尚最敏銳的嗅覺與捕捉能力,設計也要具備充分的靈活性與前瞻性,比如調整色彩,改造時尚,以賦予壹個網頁更為持久的生命力。