单元一网页色彩设计的准备.DOC

譜出高質感網站 網頁設計自編教材 單元一 網頁色彩設計的準備 壹、色彩！整體的概論 在黑暗中打開房門，四周圍全是黑壓壓一片，打開電燈前，什麼顏色也看不到，打開電燈的瞬間，房內所有的擺設都能看的清清楚楚。簡直就像在小舞臺上布簾昇起後舞台上的燈光全照在演員身上那樣的清楚，因此要看到顏色的話一定要有光源，顏色的產生是因為眼睛可以感應所傳到眼睛的光線。太陽或是室內電燈所產生的光線投射在物體上，這個光線再從物體反射或透射出來到達我們的眼睛，眼膜上的感應細胞接收這個光線，再將這光線轉換成特定的信號傳到腦部，最後就有顏色的感覺出現。在這裏光源(光線)、物體和人是顏色三要素，隨著這三要素的差異，結果可以看到的顏色也會變得不同。 一、光源色和物體色 顏色的種類可大致分為光源色和物體色。本身可發出光線的光源，像日光燈、螢光燈等所產生出的顏色是屬於光源色。從內部可以散發光線的裝置像是電視和電腦的螢幕所產生出的顏色也是屬於光源色；相反的，物體色是光線投射在某個物體後，透過反射後所顯現的顏色。我們會看到紅色的蘋果是因為蘋果在光的波長中只有反射紅色的波長。 二、三原色 所謂原色就是 不能從其他基本的顏色混合出來 的顏色，不過光源原色和物體原色的原色種類，和創造出所想要的顏色混合原理都不相同。光源的三原色是紅、綠、藍，而物體三原色是紅、黃、藍。 貳、RGB 色相和 CMYK 色相有何不同 一、顯示器影像色彩的混和原理 -- RGB 色相 顯示器所產生的顏色是屬於光源色，在顯示器的螢幕上有紅、綠、藍三種顏色的小螢光粒子所構成，而且均等分布在螢光幕上。當顯示器的開關一打開時，電子束打在這些螢光物質就顯現出我們看得到的不同顏色。 由這三種最基本顏色的光再去混合，就可產生很多種不一樣的顏色。這三原色的光隨著能量不同，可以有各式各樣的混合，甚至可產生 1600 萬種以上的顏色變換(假設在24位元的電腦系統下)。 也就是說由紅、綠、藍三個基本顏色混合所產生無數的顏色，我們稱為RGB色系或是RGB色空間。 在這裏顯示器所顯現的各種顏色都是由紅、綠、藍以不同數量的光線加上去而混合成的，因此這個混合色彩的原理可以稱為加法原理。實際上如果這三原色的光紅、綠、藍等量的投射在同一個地方的話，我們就可以很清楚的看到白色的光。 這個例子在電視上也可以看到，在歌唱節目中華麗的燈光從四面八方全部投射在演唱的歌手時，就會發現歌手的臉上有些部份特別的白，特別的明亮。以下的圖例就是三種顏色相加混成後所產生的色彩空間 , 請參考一下。 當三原色以最高的能量混合時，就產生了白色。不過如果三原色以適當的量混合的的話，就可表現出不只是純色而是多樣的色調(明度和彩度)。 紅色 + 綠色 = 黃色 綠色 + 藍色 = 青色 藍色 + 紅色 = 洋紅色 紅色+綠色+藍色 = 白色 因為RGB不是我們常接觸到的物體色，所以可能會不太熟悉。不過因為設計網頁時全部是使用RGB的顏色組合，而且在鍵盤上也可以輸入R、G、B的數值來控制色彩的變換，因此對RGB 的顏色組合原理一定要充份的了解並且熟記。 二、從印刷來看的色彩混和原理 -- CMYK 色相 -- 噴墨印表機所印出來的顏色是印表機裏三原色和黑色墨水混合的顏色。印表機所使用的墨水 -- 紫紅色、黃色、青色和顯示器所使用的光三原色並不相同。我們所穿衣服的顏色，所看到商店招牌的顏色都是和印刷色一樣的物體色。周圍的光源投射在印刷物上，隨著印刷物的不同，光源有一部份會被吸收，其餘的就被反射回去。這反射的光就是我們眼睛所看到的物體色。藉由物體色的物理特性，產生的混合原理稱為減法原理。洋紅色、黃色、青色三種原色全部混合的話，在可視區域的光全部被吸收後，而沒有反射之光線就會變成所看到的黑色。 在這裏所提到的洋紅色 (Magenta )、黃色 (Yellow )、青色 (Cyan ) 三原色就是我們在小學美術課所學的紅、黃、藍三色用在印刷上的名稱。所謂的CMY三色就是代表青色 (Cyan )、洋紅色 (Magenta )、黃色 (Yellow ) 三色。 洋紅色 + 黃色 = 紅色 黃色 + 青色 = 綠色 青色 + 洋紅色 = 藍色 洋紅色+黃色+青色=黑色 加法混合和減法混合： ?加法混合：兩種光顏色混合時，愈混合明度愈高。紅色和青綠色混合成的黃色，比原來的綠色明度還要高，如果等量混合紅色、綠色和藍色的光的話，會產生白色的光。 ?減法混合：色和色混合時，明度變得更低。洋紅色和黃色的顏料混和後，所產生的紅色比原來的洋紅色和黃色都來的暗。運用如此的原理洋紅色、黃色、青色顏料混合的結果就成了黑色。 參、隨著環境不同色彩表現也不一樣 一、數位色彩是什麼東西呢？ 我們常聽到數位時代來臨了這句話，看到數位這個字您會聯想到什麼呢？大概是一堆 0 和 1 吧！就好像電腦全部用 0