- 網頁設計與網站建設完全實戰手冊
- 劉貴國
- 741字
- 2021-03-19 18:34:35
3.1 色彩基礎知識
自然界中有許多種色彩,如香蕉是黃色的,天是藍色的,橘子是橙色的……色彩多種多樣,千變萬化。
3.1.1 色彩的基本概念
為了能更好地應用色彩來設計網頁,先來了解一下色彩的基本概念。自然界中的色彩千變萬化,但是最基本的有3種(紅、黃、藍),其他的色彩都可以由這3種色彩調和而成,這3種色彩稱為“三原色”。平時所看到的白色光,經過分析可以在色帶上看到,它包括紅、橙、黃、綠、青、藍、紫等7種顏色,如圖3-1所示。

圖3-1 陽光被分解后的7種主要顏色
●相近色:色環中相鄰的3種顏色,相近色的搭配給人的視覺效果很舒適,很自然,所以相近色在網站設計中極為常用。如圖3-2所示的深藍色、淺藍色和紫色。

圖3-2 相近色
●互補色:色環中相對的兩種色彩,如圖3-3所示的亮綠色和紫色、紅色和綠色、藍色和橙色等。對于互補色,調整一下補色的亮度,有時候是一種很好的搭配。

圖3-3 互補色
●暖色:如圖3-4所示的黃色、橙色、紅色、紫色等都屬于暖色系列。暖色與黑色調和可以達到很好的效果。暖色一般應用于購物類網站、兒童類網站等,用以體現商品的琳瑯滿目,兒童類網站的活潑、溫馨等效果。

圖3-4 暖色
●冷色:如圖3-5所示的綠色、藍色、藍紫色等都屬于冷色系列。冷色與白色調和可以達到一種很好的效果。冷色一般應用于一些高科技網站,主要表達嚴肅、穩重等效果。

圖3-5 冷色
3.1.2 網頁安全色
網頁安全色是指在不同硬件環境、不同操作系統、不同瀏覽器中都能夠正常顯示的顏色集合(調色板),也就是說這些顏色在任何終端瀏覽,用戶顯示設備上的顯示效果都是相同的。所以,使用216網頁安全色進行網頁配色,可以避免原有的顏色失真問題。如圖3-6所示為網頁安全色大全。

圖3-6 網頁安全色
只要在網頁中使用216網頁安全顏色,就可以控制網頁的色彩顯示效果。使用網頁安全顏色的同時,也不排除非網頁安全顏色的使用。