單色方案
配色方案已通行很久了,因此沒有必要再重新設計一個色輪。儘管Web顏色與印刷顏色並不相同,但概念是一樣的。
你只是把顏色名稱轉換為16進制的顏色代碼,並使它們盡可能地完全匹配。我建議你們使用一個在線工具,
即 ColorScheme Generator II(配色方案生成器II,如圖3所示),它不僅可以幫助你迅速和容易地確定配色方案,
甚至還可以幫助你確定你選定的顏色是否為視力差或是色盲的用戶提供了足夠的對比度。
如果你在確定你選定的顏色是否提供了足夠的對比度時需要更多的幫助,可以使用我們Paciello小組提供的 Contr as t Analyser(對比度分析器)。
這個工具可檢查前景顏色和背景顏色之間的對比度。
為了實現在顏色生成器中生成黃橙色的亮色、灰色調和暗色,您要首先選擇上圖中箭頭所指的顏色,
然後選擇色輪下方面板上的 Mono(單色)和圖右盒子下方面板上的 Default(默認),
並在右底部的下拉式菜單中選擇 Normal Vision(正常視覺)選項。除非你是一個純粹主義者,
不要在顏色盒上方的“reduce to 'safe' colours”(降至'安全'顏色)方框中打勾。
間色指紅、黃、藍三原色中的某二種原色相互混合的顏色,包括:
紅+ 黃= 橙色(#ff9900)
黃+ 藍= 綠色(#00cc00)
藍+ 紅= 紫色(#660099)
複色由間色混合調配而成,它們位於上圖色環中所示的原色和間色之間。
儘管Web顏色與“畫家”通常使用的顏色並不相同,但手頭有一個色輪(色輪如圖2所示),
還是有助於你學習各種配色方案。此外,色輪還顯示所有的亮色(tint)、灰色調(tone)和暗色(shade),
這樣你就可以認識到各種可能的顏色組合和搭配。以下列出了需要學習的幾個重要術語:
亮色(Tint):加入白色時顯示出的顏色
灰色調(Tone):加入灰色時顯示出的顏色
暗色(Shade):加入黑色時顯示出的顏色
網頁設計中配色非常重要,直接影響著用戶的第一感覺,本文我將講述色彩理論的基礎知識以及3種簡單的配色方案,
以讓你們在為Web站點選擇色彩時能有把握。在後面的文章中,我將講述如何簡化這些色彩選擇。
聽著別人對你設計的Web站點的讚揚,畢竟比苦心孤詣地去進行色彩選擇更讓你愉快。
顏色、亮色、暗色
顏色,或色調,一般被劃分為原色、間色、複色。原色包括紅色、黃色和藍色,它們被稱為三原色,
這是因為其它顏色不能調配出這三種顏色。在將三原色轉換為Web 顏色時,
你可以將它們表示為十六進制的顏色代碼,分別為#ff0000,#ffff00 和#0033cc
|