→ 同類綠色+多種點(diǎn)睛色例圖 :http://www. girlshop.com

網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例之綠色系


  綠色系分析:(綠色配色:同類綠色+多種點(diǎn)睛色)
  主要色調(diào)HSB模式H數(shù)值顯示75度,依舊是色輪表里傾向于黃色區(qū)域方位邊緣的綠色,呈現(xiàn)出的黃綠色調(diào)。輔色調(diào)在明度上有些提亮,與主色調(diào)形成較強(qiáng)的對(duì)比。
  點(diǎn)睛色里所使用的對(duì)比色組合有兩組,紅色與綠色,藍(lán)色與橙黃色,其中黃色是介于暖色(橙黃、紅色)和冷色(綠色、藍(lán)色)的過(guò)渡色也是調(diào)和色。

  結(jié)論:
  通過(guò)上面的分析大家可以看到,該網(wǎng)頁(yè)的配色不少,而且還有兩組對(duì)比色在內(nèi),但是頁(yè)面配色也很協(xié)調(diào)。原因之一,從下面抽取的色塊可以看出來(lái),是一個(gè)過(guò)渡柔和的色輪表:以黃色為中界一邊是較淺的黃綠到綠色再到藍(lán)色,另一邊是橙黃再到紅色。原因之二,點(diǎn)睛色畢竟是扮演著點(diǎn)睛色的角色,有主色調(diào)和輔色調(diào)大面積的控制,即便再多些點(diǎn)睛色也不至于很快干擾到頁(yè)面的整體配色。
  整個(gè)頁(yè)面保證了協(xié)調(diào)、不凌亂的步調(diào),但是又能把商業(yè)網(wǎng)站的熱鬧氛圍體現(xiàn)得很好的渲染。此種配色方法值得我們學(xué)習(xí)借鑒。

  → 綠色鄰近色應(yīng)用網(wǎng)頁(yè)例圖 :http://www. codcefngwlad.org.uk

網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例之綠色系


  綠色系分析:(鄰近色配色:綠色+藍(lán)色)
  全頁(yè)使用的主要色調(diào)基本上是屬于明度較高飽和度較低的顏色,其中還使用了漸變色緩和的過(guò)渡,因此頁(yè)面看起來(lái)舒服協(xié)調(diào)。
  主色調(diào)是飽和度較高的翠綠色運(yùn)用于背景色,幾乎是調(diào)節(jié)于整個(gè)頁(yè)面的關(guān)鍵色。如果沒(méi)有這一背景色塊,整個(gè)頁(yè)面容易發(fā)灰。還有右邊的粉綠大塊面積稍多,有些灰的感覺(jué),好在前景的文章使用了色度明度稍深的藍(lán)色壓住,稍顯好些,關(guān)鍵還是有白色的箭頭很好的把粉綠和藍(lán)色文字的色階拉開了距離。左邊的照片清晰且純度較高也對(duì)整個(gè)頁(yè)面配色起到一定的調(diào)節(jié)作用。
  點(diǎn)睛色主要是標(biāo)志的顏色,如果可以忽略不計(jì),頁(yè)面配色更趨于平淡。

  結(jié)論:
  明度較高飽和度較低的顏色,如果沒(méi)有明度較深飽和度較高的顏色進(jìn)行勾勒或者點(diǎn)綴,這個(gè)頁(yè)面配色看起來(lái)容易發(fā)灰。

  → 綠色對(duì)比色網(wǎng)頁(yè)例圖:http://www. fitintercambio.com.br

網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例之綠色系


  綠色系分析:(對(duì)比色配色:綠色+紅色)
  主色調(diào)是有點(diǎn)黃色傾向的綠色,從HSB數(shù)值上可以看到H為98度,綠色特性較明顯了。
  輔助色則是三個(gè)淺色系,起到調(diào)和整個(gè)頁(yè)面色彩的作用。粉紅和粉綠色分別取的是頁(yè)面綠色紅色通過(guò)提高明度而得,因此整個(gè)頁(yè)面色彩前后呼應(yīng)、配色調(diào)和。
  點(diǎn)睛色紅色的HBS模式H數(shù)值351度,在色輪表上偏向于紫色方位,因此傾向于冷紅色,色度上稍有些刺目和艷麗。
  主色調(diào)綠色和點(diǎn)睛色紅色所放置的位置,讓頁(yè)面導(dǎo)航區(qū)域和內(nèi)容區(qū)域視覺(jué)引導(dǎo)較為分明:主色調(diào)綠色的設(shè)計(jì)亮點(diǎn)既用于導(dǎo)航又很流暢自然的融合到背景,渾然一體;這里尤其是點(diǎn)睛色紅色放置于背景的處理很獨(dú)到,烘托突出于前景內(nèi)容,在眾多網(wǎng)頁(yè)設(shè)計(jì)中并不多見(jiàn)。

  結(jié)論:
  整個(gè)頁(yè)面的配色取色于標(biāo)志色,量身定做的感覺(jué)。
  適當(dāng)?shù)倪\(yùn)用對(duì)比色有強(qiáng)調(diào)的感覺(jué),但頁(yè)面配色處理上并不強(qiáng)烈、耀眼,因?yàn)槭褂昧税咨捌湎鄳?yīng)的提高明度的粉色做視覺(jué)的緩和處理。

  本部分小節(jié):
  ● 綠色是緩和健康的顏色, HSB數(shù)值H色相為120度時(shí)是正綠色。大家通過(guò)以上的網(wǎng)頁(yè)實(shí)例可以看到,偏向于黃色方位的綠色運(yùn)用得最多,也就更受到大眾的歡迎。純正的正綠色在視覺(jué)感受上可能稍微顯得有些色度較低的生硬,配色難度稍大。不同的黃綠色飽和度、明度的不同變化可以表達(dá)不同主題的頁(yè)面效果。
  ● 點(diǎn)睛色可以是幾種,也可以是不同對(duì)比色的組合,有的起到豐富并活躍頁(yè)面配色的視覺(jué)節(jié)奏,有的起到調(diào)和整體頁(yè)面配色的作用。
  輔助色通常是同類色系或者鄰近色系,起到輔助并烘托主色調(diào)的作用。輔色調(diào)和主色調(diào)分別在不同的頁(yè)面做為唯一高純度色的時(shí)候,能夠起到挽救于整個(gè)頁(yè)面發(fā)灰的作用。
  ● 當(dāng)整個(gè)頁(yè)面配色明度太高色度降低時(shí)候,頁(yè)面容易呈現(xiàn)發(fā)灰的感覺(jué),可以適當(dāng)?shù)氖褂蒙僭S純度較高或者明度較低的色系來(lái)加以改善。

隨機(jī)推薦