設(shè)計色彩原理

1、色彩原理發(fā)表時間：2004-2-12 17:15:06來源：網(wǎng)頁制作學(xué)習(xí)園地 點擊1681次色彩的運(yùn)用在網(wǎng)頁中的作用真是太重要了，有些網(wǎng)頁看上去十分典雅、 有品位，令人賞心悅?cè)?，但是頁面結(jié)構(gòu)卻很簡單、圖象也不復(fù)雜，這主要是 色彩運(yùn)用得當(dāng)，因此我特地將本來屬于圖象制作內(nèi)的色彩作為一個獨(dú)立攔目 來介紹。1、色彩基本概念自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和 各種深淺不一的灰色，而其他所有顏色均屬于彩色。任何一種彩色具有三個 屬性：色相(Hue):也叫色澤，是顏色的基本特征，反映顏色的基本面貌。飽和度(Saturation):也叫純度，指顏色的純潔程度。明度(Brightne

2、ss 或 Lightness 或 Luminousity):也叫亮度，體現(xiàn)顏色的深淺。非彩色只有明度特征，沒有色相和飽和度的區(qū)別。2、色彩的三原色電腦屏幕的色彩是由RGB(紅、綠、藍(lán))三種色光所合成的，而我們可 通過調(diào)整這三個基色就可以調(diào)校出其它的顏色，在許多圖像處理軟件里，都 有提供色彩調(diào)配功能，你可輸入三基色的數(shù)值來調(diào)配顏色，也可直接根據(jù)軟件提供的調(diào)色板來選擇顏色。這是PhotoShop提供的調(diào)色板3、電腦影像的色彩電腦影像的色彩是經(jīng)由位元(BIT)的計算和組合而來，單純的黑白圖 像是最簡單的色彩結(jié)構(gòu)，在電腦上用到1位元的資料，雖說只有黑色和白色， 但仍能透過疏密的矩陣排列，將黑與白組合成

3、近似視覺上的灰色調(diào)階?；译A(Grayscale)的影像共有256個階調(diào)，看起來類似傳統(tǒng)的黑白照 片；除黑、白二色之外，尚有254種深淺的灰色，電腦必須以8位元的資料， 顯示這256種階調(diào)。全彩(Fullcolor)是指RGB三色光所能顯示的所有顏色，每一色光以 8位元表示，各有256種階調(diào)，三色光交互增減，就能顯示24BIT的1677 萬色(256*256*256二16,777, 216)，這個數(shù)值就是電腦所能表示的最高色 彩，也就是通稱的RGBTureColor。8位元色是指具有256種階調(diào)，或256種色彩的影像，而我們在常常見 到GIF格式的圖象文件就是帶有256種色彩的圖象文件。若要把2

4、4位元的 全彩圖片轉(zhuǎn)成256色的8位元，通常必須經(jīng)過索引的步驟(Indexed)，也 就是在原本24位元的1677萬色中，先建立顏色分布表(histogram)，然 后再找出最常用的256種顏色，定義出新的調(diào)色盤，最后再以新色盤的256 色取代原圖。讓我們看看每一位元色包含多少種顏色：1位2種顏色2位4種顏色4位16種顏色8位256種顏色16位65536種顏色24位1677萬種顏色32位1677萬種顏色和256級灰度值36位687億種顏色和4096級灰度值通常所稱的標(biāo)準(zhǔn)VGA顯示模式是8位顯示模式，即在該模式下能顯示256 種顏色；而高彩色（Hi Color）顯示是16位顯示模式，能顯示655

5、36種顏 色，也稱64K色；還有一種真彩色（True Color）顯示模式是24位顯示模 式，能顯示1677萬種顏色，也稱16M色，這是現(xiàn)在一般PC機(jī)所能達(dá)到的最 高顏色顯示模式，在該模式下看到的真彩色圖象的色彩已和高清晰度照片沒 什么差別了。在圖形制作片中我們已提到過色彩在頁面中的重要性，在頁面 中盡量使用看上去比較淡雅、簡潔的色彩；比如背景盡量少用灰暗、深沉的 色彩（除非特殊需要），并且根頁面的主題來選擇主色調(diào)，可能有一些不搞 美術(shù)的朋友不知道色彩代表的含義，請參閱下表：紅色：代表熱情、奔放、喜悅、慶典黑色：代表嚴(yán)肅、夜晚、沉著;黃色：代表高貴、富有白色：代表純潔、簡單藍(lán)色：代表天空、清爽

6、綠色：代表植物、生命、生機(jī)灰色：代表陰暗、消極紫色：代表浪漫、愛情棕色：代表土地上面舉出的是幾種主要色彩的含義，希望對你有所幫助。版面設(shè)計發(fā)表時間：2004-2-12 17:17:16來源：網(wǎng)頁制作學(xué)習(xí)園地 點擊3171次不知你以前是否學(xué)過頁面排版，對頁面文字、圖象、色彩的表達(dá)方式做 過研究，不管怎樣，制作網(wǎng)頁就應(yīng)該了解一些版面設(shè)計的知識。首先+我們在制作一個網(wǎng)頁之前，應(yīng)該先進(jìn)行構(gòu)思，版面設(shè)計基礎(chǔ)較差 的朋友最好將初步的設(shè)想畫在紙上，免得在做了一半時發(fā)現(xiàn)頁面不和諧而重 做。第一步先明確頁面主題，比如你正在做一個關(guān)于介紹股票的首頁，就應(yīng) 先想好網(wǎng)頁的標(biāo)題。假設(shè)你把它叫做“股市傳真”，那么就考慮是

7、否有合適 的圖片來襯托主題，如果有現(xiàn)成的圖片就ok 了，沒有的話，就根據(jù)情況來 決定是否自己做一幅可以選一幅較抽象的股市走線圖，但不管怎樣，標(biāo) 題的主色調(diào)應(yīng)先定下來，這對后面幾步的版面影響很大。第二步明確頁面上要鏈接的目錄，比如你共有“今日股市、股市預(yù)測、 專家點評、利好消息、重大新聞等五個主鏈接目錄，那么要將他們放在較顯 眼的位置，根據(jù)頁面風(fēng)格的不同可以放在頂部、左邊、右邊、中部等較明顯 的位置，主鏈接可以做成小圖標(biāo)的形式，但注意圖片不能太大、也不能過分 槍眼一般情況下不比標(biāo)題或主圖的色彩重。在明確次鏈接目錄：假如本 頁有“國外股市介紹、歷史回顧、友情鏈接、與我聯(lián)系”等四個次日錄，就 放在比

8、主鏈接次一些的位置，圖片大小和用色不能超過主鏈接。第三步是指定主圖，所謂主圖，就是放一幅較能反映頁面主題思想的圖 片，他的大小可適當(dāng)超過頁面上的任何圖片，顏色也可不加限制。比如我們 這里就用一幅股市交易大廳的照片。以上三步確定下來后，頁面的基本風(fēng)格就出現(xiàn)了，我們在根據(jù)情況進(jìn)行 調(diào)整，或者看是否加上背景，主要考慮主圖是否需要背景。第四步是決定加入引導(dǎo)文。從版面設(shè)計上來將，一個有特色的主頁，主要包含有三個要素：圖象、 排列方法、主色凋，這三者相輔相成、缺一不可；要成為主頁設(shè)計高手，首先要成為計算機(jī)圖形高手，僅這一點就可以讓 一些初入門者學(xué)上一年半載了。圖片的要求與頁面的內(nèi)容有關(guān)，一些較隨意 的主頁

9、像股票、醫(yī)藥站點等，來訪者并不在乎你能否做出精彩的圖片，有些 時候他們反而覺得放置圖象后影響了訪問速度，他們關(guān)心的只是頁面內(nèi)容； 相反像一些需要靠圖象來吸引訪客的主頁，如游戲介紹、影視介紹、風(fēng)光名 勝等站點，圖象是一個極為重要的要素，在這里缺少了恰當(dāng)?shù)膱D象、整個頁面就會黯然失色、就是一個不完整的主頁。但是并不是每個人都可以成為圖 象制作高手，這需要去學(xué)一大堆繁瑣復(fù)雜的軟件PHOTOSHOP. FR EEHAND等等，還要有較深厚的美術(shù)基礎(chǔ)，如審美觀、創(chuàng)意技巧、觀察 力并不是靠短時間內(nèi)可以培養(yǎng)起來的，需要多年的訓(xùn)練和經(jīng)驗積累，在這里 我不想羅嗦每個細(xì)節(jié)，而是教大家一些竅門來彌補(bǔ)自己某些方面的不足。要做一輻完美的圖象比較難，好在網(wǎng)絡(luò)上到處有現(xiàn)成的圖象可以信手拿 來套用，關(guān)鍵是要培養(yǎng)你的審美觀，一幅圖象是否運(yùn)用的合適、與其他要素 是否和諧統(tǒng)一、能否寸托主題全在于你的把握。對于審美觀的提高，有一個 迅速提高的方法，就是多看別人的優(yōu)秀站點，仔細(xì)分析這些站點圖象為什么 好看，要是換一個圖象或換一種色彩是否可行；要是由你來做，你會如何處 理等等，這樣你的審美觀會在短時間內(nèi)大幅提高。主頁的第二個要素是排列方法，有的人可以做出不錯的圖象，但卻無法 將圖與其他要素有機(jī)的結(jié)合排列，就像一個富豪卻不知如何合理的化錢。只 會千篇一率的左