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