淺析網頁界面設計中的色彩運用

李潔星

[摘 要]目前，隨著我國經濟社會的不斷發(fā)展，人們的生活水平不斷提高，對美的追求也在不斷地改變，這就要求相關設計者要更加注重色彩的運用。同樣，在網頁界面的設計方面，色彩運用的合理性的提升對于整個網絡頁面協(xié)調性的保證也是極為重要的。對于色彩的運用，我們不僅要考慮到用戶，同時也要考慮產品自身的特性。通過對色彩的準確運用，達到品牌的需求和用戶需求的統(tǒng)一，這對于設計理念的體現(xiàn)有著極大的意義。因此本文就網頁界面設計中的色彩運用進行了深入的分析探討，希望可以用良好的工具和方法使色彩的運用達到最佳，實現(xiàn)用戶對色彩的美的追求。

[關鍵詞]網頁界面；設計；色彩運用；分析探究

[中圖分類號]TP393.092 [文獻標識碼]A

1 前言

色彩的運用在我們的日常生活中是非常重要的，我們可以在各個方面中看到色彩的運用，它不僅是人類的一種審美情趣，更是一種表達設計主題的手段。當它被運用到產品設計中或網頁設計中就可以引起用戶的注意，從而在產品的使用過程中不會太過于枯燥。在各個行業(yè)中，顏色的運用都具有特殊的意義，所以，我們應該重視網頁界面設計中的色彩運用，增加設計內涵的提升。每一種顏色都有自己代表的特殊意義，例如，黑色是代表消極，紅色代表熱情，等等，我們在進行網頁界面設計過程中，要格外注意色彩的意義以及搭配，合理地進行色彩的運用，最大程度地避免色彩搭配不和諧現(xiàn)象的產生，這對于用戶使用感覺的提升是極為重要的。

2 產品顏色的基本知識

為了更好地進行網頁界面設計中的色彩的運用，我們需要對色彩運用的一些基本知識有一定的了解，只有這樣，我們才能設計出被人們認同的產品，吸引更多的人關注網頁。

2.1 色彩的基本含義

在大自然中我們可以見到各種各樣的顏色，有天空般的藍，小草般的綠，秋天楓葉般的紅，冬天白雪般的白。而各種顏色都是由紅、綠、藍三種顏色組成，按照不同的比例混合，就可以得到不同的顏色，紅綠藍因此也稱作三原色。同時，值得一提的是電腦屏幕上所能顯示的所有顏色均由這三種原色按不同比例搭配混合而成的。色彩分作彩色與非彩色，彩色是除黑、白、灰外的顏色，非彩色即為黑、白、灰三種顏色。彩色具有色相、純度與明度三個基本屬性，而非彩色只具備明度屬性。色相即為色彩的相貌與特征，也可以說色相就是指各種顏色的名稱與種類，當我們談及某一種色彩時即為其色相，常見的色相有紅、橙、黃、綠、青、藍、紫等。純度則是指色彩的鮮艷程度，也稱作色彩的飽和度，當然純度是彩色所特有的屬性，非彩色就不存在純度這一說。

2.2 對比度

對于網頁界面設計中的色彩運用，對比度的運用可以取得更好的色彩應用效果，通過對比度的運用，我們可以更好地對光線和陰影進行設計，獲得更有質量的圖像效果。此外在設計過程中我們可以通過對不同亮度水平下的網頁色彩進行對比，這能夠幫助設計者更好地對頁面顏色進行調整，從而使得整個網頁界面更加生動，色彩更加豐富，色彩的秩序維持得更好。如果在進行網頁界面設計的時候，對比度過高的話，雖然會給人的視覺帶來極大的沖擊，但從觀賞的角度看，就缺乏相應的美感。所以在進行網頁設計的時候，就要求設計人員應用自身的專業(yè)技能，經過多方調試，設計出一個適中的圖像對比度。

2.3 色溫

對于網頁界面設計中的色彩運用，為了使得色彩的運用達標，我們還要注意色溫的變化，從而可以提高網頁界面設計的綜合指標，達到更高的創(chuàng)作效果。所謂的色溫指的就是根據(jù)絕對黑體的輻射源在可見區(qū)和非可見區(qū)所產生溫度變化，每種顏色的輻射都不同，相比較而言，紅色的輻射要多一些，一般為暖光。藍色的輻射，通常被稱為“冷”。 在對網頁界面進行設計時，我們一定要注意色溫的變化，注重色彩的對比，從而可以得到更優(yōu)質的作品。冷暖色調的應用給人感官上帶來的感覺是完全不同的，設計人員應該按照整體的設計需求，結合界面所需要表達的主題進行色溫的調節(jié)。

2.4 色調

每一種色彩都有自己各自的波長，不同的波長會產生不同的色彩感覺，這種感覺被稱為色調。色調是色彩的重要功能，它決定了顏色的基本特點，所以在網頁界面的設計中，進行色彩的運用時，要格外注意色調的應用。色調不是指顏色的性質，而是對整個網頁界面的顏色的總體評價。色調技巧的運用能給整個網頁界面起到畫龍點睛的作用，但是如果這項技巧用不好的話，極易造成畫蛇添足的尷尬情況。這就需要設計人員結合自身的情況，綜合考慮色調的調整，如果對自身的技術沒有很強的自信的話，就要慎重考慮使用一些較為冷門的色調調整方法。

3 顏色的應用原則

3.1 整體統(tǒng)一性原則

網站的設計如同軟件設計，在根據(jù)用戶需求及網站的設計目的基礎之上，需要大致地描繪出一個基本框架，也即給出一個整體的設計形象。所以在網頁設計之初，網頁上的基本色調要有一個定位，然后在此基本色調的基礎之上進行拓展，這里所謂的拓展是保持原有的色調做一些微調搭配。因為，統(tǒng)一網頁上的色彩要準守色系統(tǒng)一性原則，這樣用戶在瀏覽網頁時能夠很好地把握網站所傳達出的重點，突出主題；同時不會因色相過多而導致用戶出現(xiàn)視覺審美上的疲勞，視覺上的混淆，以此來增加網頁的可讀性。在這里需要說明的是主要針對兒童設計的網站可以不遵循此原則，因為兒童類網站更多注重多彩的卡通色系對兒童的吸引。3.2 達到用戶的期望值原則

我們進行網頁界面的設計主要目的是為了用戶的瀏覽，我們服務的對象是人，所以對于網頁界面設計顏色進行運用時要充分考慮到用戶的期望值，針對不同的用戶，我們應該給予不同的網頁界面顏色的設計，使得每一個人在瀏覽網頁時都能夠享受到色彩的美好。同時，顏色與性格也有著密切的聯(lián)系，我們在為用戶進行網頁的界面設計時，首先應了解用戶的性格，從而對此進行合適的網頁界面色彩的設計。一般來說有較高的知識的人，善于與人溝通的人會喜歡黃色多一些，傳統(tǒng)觀念極強的人們比較注重穩(wěn)定性，設計中可以考慮棕色。在進行網頁界面的設計顏色的運用中，一定要嚴格按照相應的色彩的相關原則進行設計，確定基調，再進行創(chuàng)作。

3.3 搭配均衡性原則

網頁設計中色彩的選擇與搭配最終的目的是使整個頁面看起來更加和諧統(tǒng)一，更加美觀。那么這就要求在色彩的選擇與搭配上保持一定的均衡性。色彩的均衡性必須從網頁的基本色調出發(fā)，以基本色調為主然后逐漸過渡到其他所需要的色調上。在單色的運用上要保持明暗過渡平緩，避免造成突兀的感覺，在多色相的搭配上要保證不同色相之間有中間過渡色相，這就要保持不同色彩在整個頁面有一定的占有比例，就如黃金分割比一樣，在一個適宜的比例才能保證均衡性，才能給用戶一種舒適的視覺感官。

4 對于色盲、色弱用戶網頁設計的要點

在這個世界上，還存在著一些人，這些人對色彩的辨識度非常低，甚至沒有，所以我們也要照顧到這些人的視覺，注意在網頁界面設計中顏色的運用，使得每一個人在瀏覽網頁時，能夠得到色彩的愉悅，獲得良好的心情。對于色盲、色弱用戶，在進行網頁界面的設計時，相關的設計流程、方法都要進行更改，使得他們也可以像正常人一樣獲得色彩的滿足。

5 注意色彩運用的比例

色彩的黃金法則6 ：3 ：1 。一般來說，一個合格的設計需要有60% 的主色，30% 的輔助色，加上10% 的點綴色，這是一個基本法則。比如室內空間的話，墻壁用60% 的比例，家居床品、創(chuàng)聯(lián)之內就是30% 。那么10% 就是小的飾品和藝術品，所謂畫龍點睛，這10% 就是激活畫面，提升設計層次和品位的。這個法則是黃金法則，在任何時間任何地方都是非常正確的。當我們看到一個設計作品時，我們首先大體有一個顏色感受，即確定是暖色系的，還是冷色系的，這個色系就是我們說的60% 的主色調，它可能被用來渲染畫面氣氛。

6 結語

總而言之，通過研究色彩的應用以及界面設計中色彩的運用，我們可以意識到，網頁界面設計中顏色的運用是非常重要的。使用不同的顏色就會創(chuàng)作出不同的意境，會為網頁界面的設計加許多分，從而能夠吸引更多的人關注相應的網頁界面。同時，作為專業(yè)的網頁界面設計師，必須認真對待每一個項目的設計，使得每一個網頁設計都有意義。

[參考文獻]

[1] 范景中.藝術發(fā)展史[M].天津人民美術出版社，2014.

[2] 申成.計算機與藝術[M].北京大學出版社，2016.

[3] 張力，李健.數(shù)字藝術[M].水利水電大學出版社，2016.

[4] 錢俊，何炎祥.數(shù)字多媒體藝術[M].武漢大學出版社，2015.