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