網頁色彩的表現原則與搭配

才智咖 人氣:6.47K

網頁色彩的選擇要注意整體配色的延展性,良好的延展效能夠協調網站整體的色彩,以下是小編蒐集整理的一篇探究網頁色彩表現原則與搭配的論文範文,歡迎閱讀參考。

網頁色彩的表現原則與搭配

一、認識色彩

(一)色彩的基本知識

彩色是指除白色、黑色及各種深淺不一的灰色外的所有顏色。彩色具有以下三種屬性。

1.色相。也稱色澤,反映顏色的基本面貌,是顏色的基本特徵。例如黃色、綠色、紫色等,它們代表了不同的色相。在調整亮度或者純度的情況下,同一色相的色彩很容易搭配。

2.純度又叫飽和度,指顏色本身的純淨程度,色相表現越明顯,色彩越刺激、鮮豔、活躍,純度越高;對應的,色相表現越模糊,色彩越渾濁、柔和、平淡、穩重,純度越低。

3.明度又叫亮度,指色彩的明暗程度,明度越大,色彩越亮,明度越小,色彩越暗。

(二)色彩的三原色

我們電腦螢幕中的色彩,都是由RGB(紅色、綠色、藍色),這3種色光調配合成的,在許多影象處理器中,我們可以通過調配這3種基色,得到其他的顏色,也可以通過軟體提供的調色盤選擇顏色。

 二、網頁色彩的表現原則

(一)識別性原則

網頁色彩應該容易被人辨認。網站的受眾群體因背景不同,對色彩的辨別能力也不同。在設計網頁時應該選擇受眾群體容易辨別的色彩,以便有效地利用網站的受眾群體對網站進行宣傳。網站色彩的識別還要考慮認知度,長時間瀏覽網頁會讓人產生視覺疲勞,因此在網頁的色彩使用上,應該避免運用強對比色。

(二)色彩意義的相關性

人們在長期的生活實踐過程中,對不同的色彩有了不同的心理感受和情感,賦予了不同色相不同的意義,並將其運用到生產、生活中。不同型別的網站具有符合自身的色彩語意相關性。比如藍色經常被運用在科技產業等新興產業的網頁上;而關於兒童的網站大多使用色彩亮麗、醒目的顏色。

在設計網頁色彩時要充分考慮色彩的語意特點,並與網頁要表達的主題相結合。

(三)延展性

色彩的延展性分為網頁整體配色的延展性和區域性色彩的延展性。

網頁色彩的選擇要注意整體配色的延展性,良好的延展效能夠協調網站整體的色彩。比如在網頁設計中將多個高明度的色彩和低純度的色彩協調使用,再設計元素的投影,為頁面增加空間感和層次感。在設計網頁時,保持網頁主色彩不變,只對網頁的'區域性色彩進行更新,可以在保持系統配色不變的情況下,更新網頁的區域性色彩語言。比如,主色設計為灰色,其配色可以根據需要使用不同的色彩,以提高受眾對網頁的認知度。

三、網頁色彩搭配

(一)保持色彩的均衡

開啟一個網站,人們首先看到的是網頁的整體色彩。因此,網站的色彩決定了瀏覽者對網站的第一印象。在網頁設計要素中,漂亮的色彩是最重要的,它可以給瀏覽者留下深刻地印象,還可以產生很好的視覺效果。均衡的色彩搭配,可以讓人感覺協調、舒適。色彩的均衡是網站設計必須考慮的問題。保持色彩的均衡,包括保持色彩的面積、位置和每種色彩所佔的比例。網站的色彩應該均衡,而在它的區域性可以有一些強烈的色彩,實現“總體協調,區域性對比”的原則。

不同的色彩要有機組合起來,按照比例有節律、有秩序地相互依存、相互聯結、相互呼應,構成均衡的整體色彩。如在網頁設計中可以將顏色明亮的色彩的面積設計得小一些。小面積的強對比色可以讓整體網頁的色彩豐富起來。

(二)確定網站的主色

網站的主色是指具有行業特色的顏色。好的網頁主色是通過協調的色彩體現的,色彩的合理搭配不僅體現了美學特徵,也強化了識別訊號,可以影響瀏覽者對網站的印象,甚至對企業形象地認識。因此,當確定了網站的主色以後,要保持主色的穩定性,以保證群眾能夠識別該網站。比如百事可樂的主色為藍色,可口可樂的主色為紅色,而蘋果公司一直使用經典白。

 參考文獻:

[1]姜山,方巍男.淺談網頁設計中的色彩應用[J].電腦學習,2010,(06):42-43.

[2]李湘媛.淺談網頁設計中的色彩語言表達[A].中國流行色協會.紀念中國流行色協會成立三十週年:2012中國流行色協會學術年會學術論文集[C].北京:中國流行色協會,2012.6.

[3]李素琴.淺談網頁設計中的色彩運用[J].裝備製造技術,2011,(01):158-159.

TAGS:網頁 搭配