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