- 相關(guān)推薦
網(wǎng)頁(yè)程序設(shè)計(jì)中如何配色
對(duì)于剛開始學(xué)習(xí)制作網(wǎng)頁(yè)的人來(lái)說,往往不容易駕馭好網(wǎng)頁(yè)的顏色搭配。那么就由小編帶來(lái)網(wǎng)頁(yè)程序設(shè)計(jì)顏色搭配的教程吧。
一個(gè)網(wǎng)頁(yè)最好不要超過三種顏色,但是這么說是不準(zhǔn)確的,這里所謂的三種顏色指的是三種不同色相的顏色,色相也就是顏色的長(zhǎng)相,是辨別顏色名稱的屬性,如黃色、橙色、藍(lán)色等。
下面來(lái)說說色彩搭配吧,其實(shí)分兩個(gè)步驟,第一步選色,第二步是分配顏色。
選色:
這是最基本的一步,當(dāng)我們開始設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候就應(yīng)該要規(guī)劃好選取哪些顏色,顏色的選取不是無(wú)中生有的,而是根據(jù)網(wǎng)站的產(chǎn)品定位、風(fēng)格、以及需要傳達(dá)出的理念等為基礎(chǔ)進(jìn)行選取,而不是無(wú)中生有隨著自己的喜好來(lái)選取。
1、 公司色
在現(xiàn)在企業(yè)中,公司的CI形象顯得尤其重要,每一個(gè)公司的CI設(shè)計(jì)必然要有標(biāo)準(zhǔn)的顏色。比如新浪網(wǎng)的主色調(diào)是一種介于淺黃和深黃之間的顏色,同時(shí)形象宣傳、海報(bào)、廣告使用的顏色都和網(wǎng)站的顏色一致。
2、 風(fēng)格色
許多網(wǎng)站使用顏色秉承的是公司的風(fēng)格。比如海爾使用的顏色是一種中性的綠色,即充滿朝氣有不失自己的創(chuàng)新精神。女性網(wǎng)站使用粉紅色的較多,大公司使用藍(lán)色的較多……這些都是在突出自己的風(fēng)格。
3、 習(xí)慣色
這些網(wǎng)站的顏色使用很大一部分是憑自己的個(gè)人愛好,以個(gè)人網(wǎng)站較多使用,比如自己喜歡紅色、紫色、黑色等,在做網(wǎng)站的時(shí)候就傾向于這種顏色。每一個(gè)人都有自己喜歡的顏色,因此這種類型稱為習(xí)慣色。
分配顏色:
這是第二步,當(dāng)你選好顏色之后就該考慮怎么把他們分配到網(wǎng)頁(yè)的每個(gè)角落,分配顏色也是很講究的。有句話說的好叫紅配綠賽狗屁,其實(shí)這句話還是不準(zhǔn)確的,如果在紅綠兩色之間加其他顏色(白色或者黑色)進(jìn)行調(diào)和是可以搭配的很好看的,大家可以腦補(bǔ)一下圣誕節(jié)各大電商的banner。
回到正題,之前已經(jīng)選好顏色,這個(gè)時(shí)候就考慮分配顏色,知道色彩基礎(chǔ)的都知道色彩分為主色、輔助色、點(diǎn)綴色這三個(gè)叫法(還可以分得更細(xì),這里就不細(xì)說了)。主色是能夠傳達(dá)出網(wǎng)站整體風(fēng)格的顏色,面積最大,所以你之前在選色階段選取的幾個(gè)顏色中選一個(gè)作為主色,然后用在網(wǎng)頁(yè)中需求最多的地方,如banner的顏色,導(dǎo)航的背景色、文字標(biāo)題的顏色等等,輔助色是比主色百分比略少的顏色,點(diǎn)綴色一般是飽和度較高的顏色,一般用在網(wǎng)頁(yè)中的強(qiáng)調(diào)內(nèi)容或者突出的內(nèi)容,如按鈕、鏈接等,三種顏色在整個(gè)網(wǎng)頁(yè)的比重大概是60%、30%、10%。
【網(wǎng)頁(yè)程序設(shè)計(jì)中如何配色】相關(guān)文章:
插花藝術(shù)如何配色03-26
CAD中那些辦法更改配色10-06
網(wǎng)頁(yè)程序設(shè)計(jì)職業(yè)目標(biāo)規(guī)劃03-06
環(huán)境設(shè)計(jì)中色彩的配色應(yīng)用09-11
網(wǎng)頁(yè)程序設(shè)計(jì)之實(shí)用JavaScript代碼段03-06
如何提高網(wǎng)頁(yè)設(shè)計(jì)的功力03-06
PPT的配色技巧04-01
插花怎么配色06-03
眼影配色技巧大全03-30
插花怎么配色最美05-18