<output id="jbxdv"></output>

      1. 網頁色彩基礎

        • 2020-01-15 10:44:21
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

        色彩形成

        網頁設計中,色彩的形成離不開光的作用,當光刺激眼睛時,就會使視覺產生色彩的概念,也就有了現在的這個被色彩渲染得五顏六色的世界,簡單地說,色彩是一種視知覺,是光作用于眼睛的結果。如果讓一束白光從狹縫射入黑色的房間,并且使光穿過三棱鏡,這時會發現白光被分離成紅、橙、黃、綠、青、藍、紫等各種顏色的光,這就是能看到各種不同顏色物體的原因。

        當被分解的紅、橙、黃、綠、青、藍、紫等顏色的光再次經過三棱鏡時不再發生光的分解現象,這樣的光就被稱為單色光。而紅色、綠色、藍色的光被稱為三原色光。自然界的任何色光都可以由一定比例的三原色光組合而成,如紅色光和綠色光混和可以產生黃色光,紅色光和藍色光混和可以產生品紅色光,藍色光和綠色光混和可以產生青色光,紅橙黃綠青藍紫光、綠色光、藍色光三者等量混和可以產生白色光。

        紫紅、黃、藍綠3種顏色稱為色彩三原色,自然界的任何色彩都可以由一定比例的色彩三原色組合而成。理論上色彩三原色等量混和可以得到黑色,紫紅色和黃色混和可以得到紅色,紫紅色和藍綠色混和可以得到藍色,藍綠色和黃色混和可以得到綠色。

        色彩特征

        顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色,而其他所有顏色均屬于彩色。從心理學和視覺的角度出發,彩色具有3個屬性:色相、明度、純度(彩度)。明度表現了色彩的深淺,色相表現了色彩的種類,純度表現了色彩的鮮艷程度。

        1. 明度(Value)

        明度也叫亮度,指顏色的深淺、明暗程度,沒有色相和飽和度的區別。不同的顏色,反射的光量強弱不一,因而會產生不同程度的明暗。非色彩的黑、灰、白較能形象地表達這一特質。光量越多,明度越高,反之明度越低。色彩的明度則取決于混色中白色和黑色含量的多少。

        網頁設計中,如果底色是黑的,而文字也選用了較深的色彩,那么由于色彩的明度比較接近,訪問者在瀏覽時,眼睛就會感覺很吃力,影響瀏覽的效果。當然,色彩的明度也不能變化太大,否則屏幕上的亮度反差太強,同樣也會使訪問者在瀏覽時感覺到刺眼。國際上日本色研配色體系(Practi-cal Color Co-ordinate System)用9級來表示明暗,門賽爾則用11級來表示明暗,兩者都用一連串數字表示明度的增減變化。

        【示例1】明度網頁示例截圖如圖所示。

        bc976417aa54ef91185e8bd0ecce811a.jpg

        【分析】從圖所示的網頁所選取的4個主要色塊的RGB數值來看,這4塊色彩組合顯示RGB數值很高,接近于最高值255。RGB相互間數值相近,由于有RG的高數值與B高數值混合,整個網頁給人的感覺非常協調,柔和雅致,心情愉悅。

        7a7cdad2baeaa4e93a567fbfa66e457b.jpg

        【點評】在網站建設時,RGB同時呈現相近的高數值時,相近等量的色彩相互混合,頁面呈高明度灰色段,協調的柔和狀態,令人遐想,對視覺刺激是緩慢的,適合長時間觀看。但由于數值接近,因此色階平穩,同時存在著不夠醒目的狀態。

        2. 色相(Hue)

        色彩的色相也叫色調,簡單地說就是指色彩的種類。色相和色彩的強弱及明暗沒有關系,只是純粹表示色彩相貌的差異。最初的基本色相為紅、橙、黃、綠、藍、紫。在各色中間加插一兩個中間色,其頭尾色相,按光譜順序為紅、橙紅、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫、紅紫、紅和紫中再加個中間色,可制出12基本色相。

        色輪是表示最基本色相關系的色表。色輪上90°角內的幾種色彩稱作同類色,也叫近鄰色或姐妹色。90°角以外的色彩稱為對比色。色輪上相對位置的色叫補色,也叫相反色。

        49fd48f641e5dd327369841f1bd3dc84.jpg

        一般來說,在網頁設計中選擇暖色相,即紅色、橙色、黃色、赭色等色彩的搭配,可以使網站顯得溫馨、和煦、熱情。在網頁設計中選擇冷色相,即青色、綠色、紫色等色彩的搭配,可以使網站顯得寧靜、清涼、高雅。在網頁設計中選擇對比色相,即把色性完全相反的色彩搭配在同一個空間里,如紅與綠、黃與紫、橙與藍等的搭配,可以產生強烈的視覺效果。

        3. 純度

        純度(Chroma)也叫飽和度,指色彩的鮮艷程度。原色最純,顏色的混合越多則純度逐漸減低。如某一鮮亮的顏色,加入了白色或者黑色,使得它的純度低,顏色趨于柔和、沉穩。一種色相純度,也有強弱之分,拿正紅來說,有鮮艷無雜質的純紅,也有較淡薄的粉紅,但它們的色相都相同,只是強弱不一。

        純度常用高低來描述,純度越高,色越純,越艷;純度越低,色越澀,越濁。純色是純度最高的一級。色彩純度的高低受物體表面結構、照射光源的特點以及視覺生理特性的影響。

        掌握明度、色相和純度3個方面的知識,能產生良好的色彩感。

        【示例2】純度網頁示例截圖如圖所示。

        4b7681c12717dd2444ba21971b07e690.jpg

        【分析】

        H 213 S 99% B 79%H 327 S 85% B 97%

        圖所示的網頁中選取了主要的兩種色系為組合。運用HSB數值模式更易于理解分析該網頁的純度情況,我們看到藍色S數值呈現100%具有相當高的飽和度,B明度為80%,玫瑰色S飽和度數值為85%,B明度為97%。當飽和度和明度同時呈最高值時,色彩對視覺的刺激強度達到最高狀態。由于藍色的明度稍低,飽和度較高,而玫瑰色的明度較高,該顏色純度隨之加強,因此玫瑰色相對藍色對人的視覺刺激更強烈。

        【點評】

        HSB模式中S和B呈現的數值越高,飽和度明度越高,頁面色彩強烈艷麗,對視覺刺激是迅速的,醒目的效果,但不易于長時間的觀看。以上兩種顏色的S數值接近,是強烈的狀態。H顯示的度是代表在色輪表里某個角度所呈現的色相狀態,相對于SB來說,意義不大。

        當前文章標題:網頁色彩基礎

        當前URL:http://www.freenetsites.com/news/wzzz/3157.html

        上一篇:設置圓潤的欄目模塊

        下一篇:認識RGB與HSB

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>