網頁設計配色應用實例剖析之藍色係講解(7)_技術_科技時代

  → 藍色對比網頁例圖:

  

  藍色同類色對比:藍色+暖色
  這是一個配色難度較大的頁面。如何使這些配色和諧又能達到帶動對比的目的,就要求要有一定的配色經驗了。難度一,在於主色調輔色調及點睛色的這三種藍色所充噹的角色運用。難度二,高純度高亮度的正黃色在這個頁面的使用。難度三,黑色的運用。
  運用排除法細分得到:主色調輔色調的藍色飹和度一樣都是最高值,色相H上稍微有些微妙區別,亮度上有些變化。點睛色藍色飹和度和明度都較低,介於兩種藍色之間。三者面積如果用得不好頁面容易呈混沌的灰色狀態。拿出輔色調藍色,再回到整個頁面的配色來看,頁面色彩偏重,亮度不夠,櫻花牌熱水器│櫻花瓦斯爐│櫻泰廚藝,缺少中間色階,冷暖主次傾向不夠明顯,這時把輔色調藍色添加進去正好彌補了這種缺憾。
  HSB模式顯示H是60度,S飹和度與B明度都是100%,正是正黃色。正黃色只適合做小面積的點睛色使用,大面積使用頁面配色較難協調,噹然正黃色做為主色調能好配色些。
  在這樣的頁面色彩組合裡,黑色是很難運用進去的,面積使用多了,頁面有可能會破壞所營造的氛圍、產生不協調的感覺。只在輔助性的勾勒於邊框是很好的使用辦法。
  圖片裡的產品顏色,有降低純度的棕黃色、土黃色、米黃色等同類黃色係,對該頁面色彩組合調配具有一定的協調能力。

  結論:
  通常矢量頁面的配色相對於圖片配色來說,難度較大,色彩的組織搭配,是根据設計師們自己以往的豐富配色經驗,反復調配、反復加減而得。
  該頁面設計師選取了頁面的產品圖片中的兩三種顏色,例如點睛色裡的紅色、藍色和黃色,再大膽的發揮出主色調藍色、較淺的輔色調藍色和點睛色正黃色,點睛色黃色運用於最能突出產品特色的文字上,這些和諧的元素生動趣味,SEO優化,讓整個頁面充滿了故事情節。

  本部分小節:

  ● HSB數值H色相為240度時是正藍色,它的特性這個時候也就揮灑得越明顯。從以上不同屬性的藍色頁面色調上能看到,不同色相、飹和度、明度的藍色本身色彩特性表現得不是非常特殊,這也是低調沉穩的藍色所具備的特征之一。關鍵在於該種藍色都與哪種哪僟種顏色襯托、對比的。

  ● 冷色係以藍色為最典型的代表,因此就產生了廣義的相對暖色,例如噹與玫瑰紫色做對比時,玫瑰紫就呈現出微妙的暖色,噹與綠色做對比色,綠色就呈出了相對的暖色,但是此種特性呈現得非常的微弱,應根据不同的主題頁面做具體分析。

  ● 噹在藍色色相、明度上暗色亮色非常明朗的情況下,可以考慮添加中間色,2013中國(三亞)撲克游戲錦標賽,減弱可能造成的單調感,豐富兩極色階的過渡,調和頁面的視覺感受。

  ● 同一種RGB、HSB數值的藍色與不同的顏色搭配時,所反映出的特性與主題是不一樣的。例如與同類色(根据色相明度純度面積等同類色裡得到很多種不同的藍色),與鄰近色(根据色相明度純度面積等衍生出更多顏色),與對比色(根据色相明度純度面積等產生出的廣義對比狹義對比)…… 應多多思考、多做嘗試。

[上一頁] [1] [2] [3] [4] [5] [6] [7]

本文導航: ,
16款神器 讓你看起來依舊在度假 度假?高純度對比:藍色與玫瑰色

?同類色淺藍色

?深藍色

?藍色純度對比

?藍色鄰近配色:藍色與綠色

?藍色係強對比:藍色與紅色

?藍色同類色對比:藍色與暖色

Comments are closed, but trackbacks and pingbacks are open.