網頁程序設計中如何配色

    時間:2024-10-29 00:30:32 CSS 我要投稿
    • 相關推薦

    網頁程序設計中如何配色

      對于剛開始學習制作網頁的人來說,往往不容易駕馭好網頁的顏色搭配。那么就由小編帶來網頁程序設計顏色搭配的教程吧。

      一個網頁最好不要超過三種顏色,但是這么說是不準確的,這里所謂的三種顏色指的是三種不同色相的顏色,色相也就是顏色的長相,是辨別顏色名稱的屬性,如黃色、橙色、藍色等。

      下面來說說色彩搭配吧,其實分兩個步驟,第一步選色,第二步是分配顏色。

      選色:

      這是最基本的一步,當我們開始設計網頁的時候就應該要規劃好選取哪些顏色,顏色的選取不是無中生有的,而是根據網站的產品定位、風格、以及需要傳達出的理念等為基礎進行選取,而不是無中生有隨著自己的喜好來選取。

      1、 公司色

      在現在企業中,公司的CI形象顯得尤其重要,每一個公司的CI設計必然要有標準的顏色。比如新浪網的主色調是一種介于淺黃和深黃之間的顏色,同時形象宣傳、海報、廣告使用的顏色都和網站的顏色一致。

      2、 風格色

      許多網站使用顏色秉承的是公司的風格。比如海爾使用的顏色是一種中性的綠色,即充滿朝氣有不失自己的創新精神。女性網站使用粉紅色的較多,大公司使用藍色的較多……這些都是在突出自己的風格。

      3、 習慣色

      這些網站的顏色使用很大一部分是憑自己的個人愛好,以個人網站較多使用,比如自己喜歡紅色、紫色、黑色等,在做網站的時候就傾向于這種顏色。每一個人都有自己喜歡的顏色,因此這種類型稱為習慣色。

      分配顏色:

      這是第二步,當你選好顏色之后就該考慮怎么把他們分配到網頁的每個角落,分配顏色也是很講究的。有句話說的好叫紅配綠賽狗屁,其實這句話還是不準確的,如果在紅綠兩色之間加其他顏色(白色或者黑色)進行調和是可以搭配的很好看的,大家可以腦補一下圣誕節各大電商的banner。

      回到正題,之前已經選好顏色,這個時候就考慮分配顏色,知道色彩基礎的都知道色彩分為主色、輔助色、點綴色這三個叫法(還可以分得更細,這里就不細說了)。主色是能夠傳達出網站整體風格的顏色,面積最大,所以你之前在選色階段選取的幾個顏色中選一個作為主色,然后用在網頁中需求最多的地方,如banner的顏色,導航的背景色、文字標題的顏色等等,輔助色是比主色百分比略少的顏色,點綴色一般是飽和度較高的顏色,一般用在網頁中的強調內容或者突出的內容,如按鈕、鏈接等,三種顏色在整個網頁的比重大概是60%、30%、10%。

    【網頁程序設計中如何配色】相關文章:

    網頁設計配色技巧03-07

    插花藝術如何配色03-26

    網頁程序設計就業方向03-16

    配色中的小技巧03-20

    網頁程序設計職業目標規劃03-06

    ASP網頁程序設計中10個非常有用的實例代碼03-16

    網頁程序設計之實用JavaScript代碼段03-06

    環境設計中色彩的配色應用09-11

    網頁程序設計之分享幾個css小眾代碼03-16

    91久久大香伊蕉在人线_国产综合色产在线观看_欧美亚洲人成网站在线观看_亚洲第一无码精品立川理惠

      亚洲欧美日韩天堂一区二区 | 亚洲日本中文字幕 | 一级a毛一级a做视频在线观看 | 中文字幕少妇偷人激情在线看 | 亚洲.国产.一区二区三区 | 伊人久久大香线蕉在观看 |