網站建設中這些網頁美工基礎需要掌握！快和小編一起來看看具體的內容吧。
一、網頁配色
1.色彩基礎
在任何設計中，色彩對視覺的刺激起到第一信息傳達的作用。因此，在網頁設計中，色彩的合理運用，能直接影響整個網頁的風格，下面我們來了解色彩的基礎知識：
1)色彩的三要素
自然界的色彩雖然各不相同，但任何色彩都具有色相、明度、飽和度這三個基本屬性。
色相：色相是指色彩的相貌，是指各種顏色之間的區別，是色彩最顯著的特征，是不同波長的色光被感覺的結果。光譜中有紅、橙、黃、綠、藍、紫六種基本色光，人的眼睛可以分辨出約180種不同色相的顏色。如圖3-1-1就是一個色相環。
飽和度：飽和度是指色彩的鮮艷程度，也稱色彩的純度。飽和度取決于該色中含色成分和消色成分(灰色)的比例。含色成分越大，飽和度越大；消色成分越大，飽和度越小。
明度：明度是指色彩的深淺、明暗，它決定于反射光的強度，任何色彩都存在明暗變化。其中黃色明度最高，紫色明度最低，綠、紅、藍、橙的明度相近，為中間明度。另外在同一色相的明度中還存在深淺的變化。如綠色中由淺到深有粉綠、淡綠、翠綠等明度變化。
2)色彩模式
RGB：人們把紅(Red)、綠(Green)、藍(Blue)這三種色光稱之為“三原色光”，RGB色彩體系就是以這三種顏色為基本色的一種體系。目前這種體系普遍應用于數碼影像中，如：電視、計算機屏幕、數碼相機、掃描儀等。RGB值是從0至255之間的一個整數，不同數值疊加會產生不同的色彩。對于單獨的R或G或B而言，當數值為0時，代表這種顏色不發光；如果為255，則該顏色為最高亮度。因此當RGB三種色光都發到最強的亮度，純白的RGB值就為255,255,255。屏幕上黑的RGB值是0,0,0。R，意味著只有紅色存在，且亮度最強，G和B都不發光。因此最紅色的數值是255,0,0。同理，最綠色就是0,255,0；而最藍色就是0,0,255。黃色較特殊，是由紅色加綠色而得就是255，255，0。RGB模式是顯示器的物理色彩模式。當然，在設計網頁的時候用到的素材圖片也一般都是RGB模式。
CMYK：CMYK分別代表青(Cyan)、品紅(Magenta)、黃(Yellow)、黑(Black)，這是一種基于反光的色彩體系，常用于彩色印刷中。CMYK值是以濃度0-100%來表示，不同濃度疊加會產生不同的色彩。理論上相同濃度的CMY疊加，則會變成黑色，但實際混合色料后并不會呈現黑色而是暗灰色，所以將黑色獨立出來，增加印刷時顏色的范圍。
HSB:HSB是顏色分為色相、飽和度、明度三個因素，英文為H(Hue)、S（Saturation）B（Brightnes。飽和度高色彩較艷麗，飽和度低色彩就接近灰色。亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到純白，最低得到純黑。一般淺色的飽和度較低，亮度較高，而深色的飽和度高而亮度低。
2.網頁色彩
1)色彩的心里感覺
紅色的色感溫暖，性格剛烈而外向，是一種對人刺激性很強的色。紅色容易引起人的注意，也容易使人興奮、激動、緊張、沖動、還是一種容易造成人視覺疲勞的色。
在紅色中加入少量的黃，會使其熱力強盛，趨于躁動、不安。
在紅色中加入少量的藍，會使其熱性減弱，趨于文雅、柔和。
在紅色中加入少量的黑，會使其性格變的沉穩，趨于厚重、樸實。在紅中加入少量的白，會使其性格變的溫柔，趨于含蓄、羞澀、嬌嫩。
黃色的性格冷漠、高傲、敏感、具有擴張和不安寧的視覺印象。黃色是各種色彩中，最為嬌氣的一種色。只要在純黃色中混入少量的其它色，其色相感和色性格均會發生較大程度的變化。
在黃色中加入少量的藍，會使其轉化為一種鮮嫩的綠色。其高傲的性格也隨之消失，趨于一種平和、潮潤的感覺。
在黃色中加入少量的紅，則具有明顯的橙色感覺，其性格也會從冷漠、高傲轉化為一種有分寸感的熱情、溫暖
在黃色中加入少量的黑，其色感和色性變化最大，成為一種具有明顯橄欖綠的復色印象。其色性也變的成熟、隨和。
在黃色中加入少量的白，其色感變的柔和，其性格中的冷漠、高傲被淡化，趨于含蓄，易于接近。
藍色的色感冷嘲熱諷，性格樸實而內向，是一種有助于人頭腦冷嘲熱諷靜的色。藍色的樸實、內向性格，常為那些性格活躍、具有較強擴張力的色彩，提供一個深遠、廣埔、平靜的空間，成為襯托活躍色彩的友善而謙虛的朋友。藍色還是一種在淡化后仍然似能保持較強個性的色。如果在藍色中分別加入少量的紅、黃、黑、橙、白等色，均不會對藍色的性格構成較明顯的影響力。
橙色是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時尚的效果。
如果在橙色中黃的成份較多，其性格趨于甜美、亮麗、芳香。
在橙色中混入小量的白，可使橙色的知覺趨于焦躁、無力。
綠色是具有黃色和藍色兩種成份的色。在綠色中，將黃色的擴張感和藍色的收縮感相中庸，將黃色的溫暖感與藍色的寒冷感相抵消。這樣使得綠色的性格最為平和、安穩。是一種柔順、恬靜、潢足、優美的色。
在綠色中黃的成份較多時，其性格就趨于活潑、友善，具有幼稚性。
在綠色中加入少量的黑，其性格就趨于莊重、老練、成熟。
在綠色中加入少量的白，其性格就趨于潔凈、清爽、鮮嫩。
紫色的明度在有彩色的色料中是最低的。紫色的低明度給人一種沉悶、神秘的感覺。
在紫色中紅的成份較多時，其知覺具有壓抑感、威脅感。
在紫色中加入少量的黑，其感覺就趨于沉悶、傷感、恐怖。
在紫色中加入白，可使紫色沉悶的性格消失，變得優雅、嬌氣，并充滿女性的魅力。
白色的色感光明，性格樸實、純潔、快樂。白色具有圣潔的不容侵犯性。如果在白色中加入其它任何色，都會影響其純潔性，使其性格變的含蓄。
在白色中混入少量的紅，就成為淡淡的粉色，鮮嫩而充滿誘惑。
在白色中混入少量的黃，則成為一種乳黃色，給人一種香膩的印象。
在白色中混入少量的藍，給人感覺清冷、潔凈。
在白色中混入少量的橙，有一種干燥的氣氛。
在白色中混入少量的綠，給人一種稚嫩、柔和的感覺。
在白色中混入少量的紫，可誘導人聯想到淡淡的芳香。
黑色具有深沉，神秘，寂靜，悲哀，壓抑的感受。
灰色具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。
2)網頁色彩搭配的原理
色彩的鮮明性：網頁的色彩要鮮艷，容易引人注目。
色彩的獨特性：要有與眾不同的色彩，使得大家對你的印象強烈。
色彩的合適性：就是說色彩和你表達的內容氣氛相適合。如用粉色體現女性站點的柔性。
色彩的聯想性：不同色彩會產生不同的聯想，藍色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網頁的內涵相關聯。
3)網頁色彩搭配的技巧
用一種色彩：這里是指先選定一種色彩，然后調整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產生新的色彩，用于網頁。這樣的頁面看起來色彩統一，有層次感。
用兩種色彩：先選定一種色彩，然后選擇它的對比色。
用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。
用黑色和一種彩色：比如大紅的字體配黑色的邊框感覺很"跳"。
一般情況下網站色調選擇要注意以下幾點：
忌諱使用強烈對比的顏色搭配做主色；
配色簡潔，主色要盡量控制在三種以內；
背景和內容的對比要明顯，少用花紋復雜的背景圖片，以便突出顯示文字內容。
如果你對顏色的搭配沒有經驗，可以使用Dreamweaver的配色方案來學習簡單的配色，開啟Dreamweaver，執行“命令→設定配色方案”進入配色選擇窗口，這里提供了多種背景、文本和鏈接的顏色，可以根據你的需要來選擇搭配。當然，你也可以使用一些專門的網頁配色軟件如“ColorImpact”、“三生有幸”等來輔助你搭配好網站的色彩。 |
蘇公網安備 32062102000219號 蘇ICP備09087475號-16 版權所有：南通協達軟件有限公司 