在隨著互聯(lián)網(wǎng)的快速發(fā)展,對網(wǎng)頁的設計也越來越高了,特別是網(wǎng)頁配色技巧也越來越多,網(wǎng)頁從單色系到五彩繽紛系,人們的審美也在不斷提高。不過,很多網(wǎng)頁設計人員往往過多的看重網(wǎng)站布局,而往往忽視了網(wǎng)站色彩的搭配。網(wǎng)站的色彩搭配對用戶體驗有著很重要的影響,而色彩搭配有一定的規(guī)則和技巧,掌握這些規(guī)則和技巧才能設計出一個優(yōu)秀的網(wǎng)站。今天筆者就跟大家分享一下設計網(wǎng)頁時應掌握哪些配色技巧?
第一:網(wǎng)頁設計時常用的顏色有哪些,分別有哪些不同的視覺體驗
1、紅色
一般的網(wǎng)站很少會以紅色為主題,不是因為紅色效果不好,相反,紅色的使用會給人活躍的感覺,正是網(wǎng)站中缺少的。 紅色屬于暖色系,讓人激動、興奮,所以網(wǎng)頁不要過多使用紅色,會使人的眼睛有一種視疲勞的感覺。如果其中加入少量藍色,就可以減少紅色的搶眼,網(wǎng)頁也可以文雅一些;加入少量的黑色,也可以變的平穩(wěn),減少視覺疲勞;加入少量的白色,網(wǎng)頁也可以溫柔一些,但是不要加入黃色,會使整個網(wǎng)頁趨于躁動不安。
2、藍色
藍色是本人最喜歡的顏色,代表著憂郁、冷淡、樸實。橙色是最常用與藍色搭配的顏色,可以突顯整個頁面的甜美、亮麗,也可以使整個網(wǎng)頁更加有擴張力。
3、白色
白色是一個網(wǎng)站運用最多的色彩,現(xiàn)在看到的許多網(wǎng)站,大多也是以白色為主。我認為之所以大家喜歡用白色,是因為白色再色彩搭配上比較容易。
4、紫色
紫色一直給人神秘的感覺,網(wǎng)頁中要用紫色的話,一定要用的適當。
第二:網(wǎng)頁不同位置搭配顏色技巧有哪些?
1、網(wǎng)頁標題
網(wǎng)頁標題是網(wǎng)站的指路燈,瀏覽者要在網(wǎng)頁間跳轉(zhuǎn),要了解網(wǎng)站的結構和網(wǎng)站的內(nèi)容,必須通過導航或者頁面中的一些小標題。所以可以使用稍微具有跳躍性的色彩,吸引瀏覽者的視線,讓其感覺網(wǎng)站清晰明了,層次分明,如果色彩相近度高,會讓瀏覽者感到混亂。
2、網(wǎng)頁文字
如果一個網(wǎng)站使用了背景顏色,就必須考慮背景顏色與前景文字的搭配問題。一般的網(wǎng)站側(cè)重的是文字,所以背景可以選擇純度或者明度較低的色彩,文字用較為突出的亮色,讓人一目了然。
3、網(wǎng)頁標志
網(wǎng)頁標志是宣傳網(wǎng)站最重要的部分之一,所以這部分一定要在頁面上凸現(xiàn)出來。讀者可以將logo和Banner做得鮮亮一些來實現(xiàn)突出顯示,也就是色彩方面跟網(wǎng)頁的主題色分離開來。有時候為了是網(wǎng)頁標志更突出,也可以選用于主題色相反的色彩。
4、網(wǎng)頁鏈接
任何網(wǎng)站都不可能只有單一的一頁,所以文字和圖片的鏈接是網(wǎng)站中不可或少的一部分。尤其是文字的鏈接,因為文字鏈接和文字不同,所以文字鏈接的顏色和文字的顏色絕對不能一樣。
現(xiàn)代人的生活節(jié)奏都很快,沒有人會花很多精力在尋找網(wǎng)站的鏈接上。因此,設置獨特的鏈接顏色,讓人感覺其獨特性,從而驅(qū)使用戶移動鼠標,點擊鏈接。
第三:網(wǎng)頁設計時配色原則有哪些?
1、配色方案是畫布,不是畫
網(wǎng)頁設計中最基本的原則之一是,不管你花多長時間創(chuàng)造一個華麗的設計,其最終的角色都是這場秀中真正的明星——內(nèi)容的襯托。網(wǎng)頁設計中不應該讓配色比內(nèi)容展示更加“熱鬧”。你的設計應該是在后臺的,幫助將網(wǎng)站的內(nèi)容推向前臺。
2、只選擇一種強調(diào)色
配色方案出錯的最常見的地方就是顏色使用過多。你使用的顏色越多,你想要將它們都保持在控制中就越困難。所以一開始,在灰度基礎之上只添加一種額外的顏色來強調(diào)諸如鏈接、某些標題、菜單、按鈕等等元素是很有用的。你的強調(diào)色可以是藍色、綠色、紅色或其它任何你喜歡的顏色。
3、從簡單的灰度模式開始
你可以為你的主背景和文本從無數(shù)的色彩組合中進行挑選。然而,我的建議是先掌握最簡單的,白色或淺灰色背景搭配深灰色的文本。
4、如果有疑問,使用藍色
如果你對選擇什么強調(diào)色有任何疑問,請使用藍色。藍色通常是最靈活的顏色,適合多數(shù)的網(wǎng)站類型。紫色和黃色之類的顏色可以是很活潑的,但是如果使用不當?shù)脑,立馬會變得很花哨。