網頁美工設計色彩搭配

網頁設計涉及到的技術至關重要,它實質上更多的是一門藝術。下面是YJBYS小編整理的網頁美工設計色彩搭配,希望對你有幫助!

網頁美工設計色彩搭配

  1、確定主體色

在網頁設計之初,首先要考慮的就是這個網站要確定的顏色,一般,會根據網站的類別和確定的網頁,進行大致顏色取向,在頁面上,除白色爲背景外,大量使用的顏色,就是這個網頁的主體顏色。比如農業類網站,一般都會選擇綠色,藝術類的網站,大都會選擇色彩張揚的顏色或黑色,工商類網站很多選擇使用紅色。因此,不同的顏色帶給人不同的感覺,同時給瀏覽者感受到設計者的情緒,每種色彩當飽和度或透明度上,發生略微改變就會讓人的心境,產生不同的變化。

紅色:可以讓人思想活躍,讓人振奮,充滿活力和熱情。

綠色:介於冷色與暖色之間,讓人感覺和諧、寧靜、健康、環保。

金黃、常與白色搭配,讓人感覺舒適、優雅。

橙色:容易營造輕鬆、溫馨、時尚的氛圍。

藍色:體現專業主題,讓人感覺清爽、清新,淡藍色結合白色還可營造浪漫、溫馨的氛圍。

白色:通配色,讓人產生明淨、清新的感覺。;

黑色:容易讓人產生壓抑、悲傷感,同時使人感覺神祕、深沉。

灰色:營造高雅、溫和的氛圍,也同時也會讓心情受到壓抑,產生頹廢感。

  2、選擇相近色

在網頁配色時,儘量控制在三種色彩以內,選擇了主體色之後,再配以相近的配色,如黃色配以淡黃色,深粉配以淡粉色,這樣容易讓網頁色彩和諧統一。

網頁頭部:可以採用主體色的反色,一般採用深色,放在方便瀏覽者,第一時間能看到的位置。

正文:網頁的正文部分要求對比度要高一些,比如白底配深灰色字,黑底配淡灰色字。

導航欄:選擇深色的背景色和背景圖像,再配以反差強的文字顏色,讓導航清晰、準確引導瀏覽者,在網站中的方位。

側欄:可以選擇左側或右側,大都二級頁面選擇左側欄,也不有少的三級頁面選擇右側欄,也起到引導讀者網站信息瀏覽的作用,讓其正文部分的顏色有所區分。

尾部:可以考慮與側欄使用同色,或與頭部相呼應的顏色,避免網頁整體看起來頭重腳輕纔好。

  3、使用跳躍色

在網頁中,用來引導視線的顏色,可以使用一些跳躍色,比如一些細線,按鈕等,可以讓網頁增加靈活性,減少審美疲勞。

  4、使用黑白色

無論網站的主體色調是什麼,都會使用到黑白兩種顏色,適當用白色調整網頁的空白區域,讓頁面佈局更加科學合理。黑色與白色表現的`是兩個極端的亮度,黑白搭配可以表現出強烈的藝術感,只要搭配得當,所體現的效果往往會比彩色的頁面,更能生動展示個性,常用於現代派的站點當中。因爲白色具有很強的親和力,最能體現出如雪般的純潔和柔軟;而黑色透露出的神祕感,任何一種顏色都無法比擬,還可用黑色展示出高貴的氣質