網頁設計中怎麼配色大綱

來源:文萃谷 1.09W

網頁設計怎麼配色?為什麼我總是配不好顏色,弄的整個頁面亂七八糟?配色有沒有方法?方法懂了之後有無什麼捷徑?網頁設計中配色要弄好其實也不難,簡單來説分兩個步驟:

網頁設計中怎麼配色大綱

  選色:這是最基本的一步

開始設計網頁的時候應該規劃好選取哪些顏色

顏色的選取不是無中生有的

是根據網站的產品定位、風格、以及需要傳達出的'理念等為基礎進行選取

而不是無中生有隨着自己的喜好來選取

那具體怎麼選

很簡單,比如51rgb在線教育,因為是一家在線教育機構

口號是讓一切學習變得簡單起來

所以主題定位是輕鬆,愉悦的感覺

可以選擇清爽宜人的淡青藍色為主色

而不會去選擇紫色系這樣的神祕色調

也不會去選擇紅橙色系這樣的火熱的色調

那麼換你為客户進行網頁設計的時候

需要怎樣配色是不是有點思路

  分配顏色:這是第二步

當你選好顏色之後就該考慮怎麼把他們分配到網頁的每個版塊

分配顏色也是很講究的

色彩分為主色、輔助色、點綴色

什麼是主色?——面積最大的!最大!大!

是能夠傳達出網站整體風格的顏色,

把你前面選擇好的顏色拿一個出來定為主色!

什麼?你還要問那到底用在哪些地方是大的區塊?

banner的顏色啊

導航的背景色

文字標題的顏色啊

什麼是輔助色?比主色用到少一半的!一半!半!

(其實也沒誰規定是一半拉,反正就是比主色用到要少的咯)

注意(敲黑板了)

點綴色一般是飽和度較高的顏色,

一般用在網頁中的強調內容或者突出的內容,

如按鈕、鏈接等,

三種顏色在整個網頁的比重大概是60%、30%、10%

熱門標籤