當前位置:才華齋>設計>網頁設計>

網頁設計色彩搭配之清淡柔和的蠟筆色

網頁設計 閱讀(1.82W)

最近,你可能已經注意到,一些新的網站設計變得更加柔和輕盈。在所有五顏六色的色彩之間,似乎有些設計師正在採用更微妙的方式,通過使用更輕或者更平淡的顏色來創造不一樣的設計。

網頁設計色彩搭配之清淡柔和的蠟筆色

雖然它們仍然使用相同的基本概念以及方法——例如彩色的遮罩層或漸變層,新色調正在為這些主題創造一種更精緻和低調的變化做出貢獻。今天我們將深入研究這一趨勢,並探索各種設計例項和方法。

 蠟燭色的使用遍佈網路

柔和的顏色是完美的解決方案,如果你的品牌要求一些令人感覺柔軟以及一些複雜層次的元素,但你仍然希望能夠利用你收集已久的調色盤的話。同時,當把它們用在分層設計上時,柔和的色彩看起來也很好,這使得它們成為一種非常靈活的配色方案,可以在各種各樣的網站設計風格中使用。

  · 扁平以及大膽

雖然你經常看到扁平風格的網站設計趨勢一般是以最鮮亮的顏色進行的,但在某些情況下,這種方法可能會變得粗暴,甚至有點令人厭惡。看看上面SimpliSafe的網頁設計,如果頁面中的大欄位是以原色執行的,那麼這個站點看起來有點太簡單和平淡了,選擇柔和色調有助於使平面設計元素更加刻意和吸引使用者的注意力。

  · 卡通風

一些柔和的蠟筆色組合可能會使你的網頁設計整體脫穎而出,這使得它們成為圖表設計的一個很好的元素選擇,就像上面的案例一樣,略帶俏皮的向量插圖。這個例子有一個非常複雜的調色盤,但是所有的色調在一起仍然能夠協同工作,因為它們都採用了相同“遲鈍”的顏色搭配,而且插圖風格很簡單。

  · 彩色攝影

像上面這種的網站設計已經出現了一個更加優雅的色彩應用,其中整屏的照片被一層淡薄的色澤所覆蓋。這些色調可以喚起了懷舊和柔軟的感覺,這與該公司正在嘗試創造的品牌定位緊密相連。

這個網頁設計提供了類似的示例,顯示了大板塊的圖片如何在這種情況下可以像簡單的紋理一樣工作,不過,這是一個極端的例子,來說明被沖洗的顏色可以如何進行簡約的設計。

  · 偏移的線條

使用蠟筆色與色輪搭配也很有趣。基本顏色的任何柔和的衍生物通常在應用基本顏色理論原理時也起作用,除了外觀更異常,異想天開以及明亮。上面的這個網站設計使用了一種基於紅色,黃色和藍色三原色的色板,結果是營造一種溫暖而充滿活力的視覺方案。

 · 復古

逐漸消逝的顏色是自然懷舊的代表,所以柔和的色彩應該在復古型別的網站設計中佔據顯著地位。在上面的sweez這個麵包店的網站設計中,通過斑點,粉紅色和淡藍色,就像它的草書字型,給予它獨特的復古感覺。

在上面的這個葡萄園網頁設計中,通過使用獨特的復古復興的外觀設計,展示了一個非常不同的風格例子。不同的標題字型的組合以及模仿雙色印刷是一個特別的視覺元素,讓使用者感覺像一個歷史悠久的葡萄園,一定至一個不錯的選擇。

  · 單色

儘管蠟筆色是成為彩色組合的完美候選人,但它們在類似配色方案中的功能也非常的出色。上面的這個網站設計展示瞭如何輕柔地通過橙色色調的不同表現可以做出不同的視覺方案。

  · 極簡主義

有時候,一個令人信賴或感到舒適的'網站設計所需要的僅僅是極簡主義元素。上面的這款天氣應用程式的使用大範圍的綠色和藍調還有一大堆深色系的顏色搭配出一個不同尋常的組合,你彷彿可以感到網站此刻就在發出手機震動的嗡嗡聲,現代字型增加了足夠的興趣,吸引觀眾進一步探索。

2.色彩工具可以幫助你找到完美的配色

從許多這些例子可以看出,通常,調色盤可以幫助網站設計從普通到意想不到。如果你對配色這方面需要幫助的話,網路上有幾種顏色選擇工具非常值得探索。

  · 調色盤

Design Seeds上有不少能夠讓人眼前一亮的調色盤分享。如果你瀏覽這個網站,你會注意到所有最近的帖子中流行的柔和的色彩組合,這個現象也說明了這一趨勢變化的速度如此之快。

  · 意象

嘗試在Designspiration上進行基於顏色的搜尋,以找到大量在設計工作中流行的顏色組合的示例。你可以從其調色盤中選擇多達五種色調,因此可以輕鬆找出甚至非常複雜的組合的示例。

  · 圖片

如果你需要一些很好的圖片素材來提升你的網頁設計,你還可以瀏覽Shutterstock Spectrum,它通過顏色對圖片進行分類,並排列形成一個巨大的影象庫,方式與Designspiration類似,但更具體。

總結

當然,柔和的配色方案並不是適用於所有型別網站的最佳選擇。如果你想要一個柔和的外觀,那麼明亮與暗色的色調混合可能是正確的組合。對於那些需要讓人感覺到奢華或者說隆重的網站場景,紫紅色和奶油色可能是比較合適的選擇。但是,如果你正在尋找一種增添平淡和溫暖的調色盤,通過增加興趣點而不會壓倒設計的其餘部分的話,柔和的調色盤可能只是你的專案的最好選擇。