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