1. 程式人生 > >顏色運用(《寫給大家看的設計書》--內容總結)

顏色運用(《寫給大家看的設計書》--內容總結)

      最近在製作網頁的時候,由於沒有美術的功底,在網頁配色上,完全依靠感覺。這樣的配色過程,很耗費時間,得不斷選擇自己認為不錯的配色進行搭配。後來,在《寫給大家看的設計書》中看到這樣的內容,關於利用色輪進行配色。看完之後,覺得對我以後進行網頁設計的配色非常有用,於是就記下這些主要的內容。

    首先來介紹一下三原色、三間色、第三色。

    1、三原色。黃、紅、藍就是三原色。

    

  

    2、三間色。三原色相鄰的顏色等量地混合。(紅+黃-->橙、黃+藍-->綠、紅+藍-->紫)


      

  3、第三色。(例如黃色+橙色=橙黃色,其他顏色以此類推)


                    三原色、三間色、第三色組合成一個12色的色輪。


       如果對網頁進行配色或則選擇字型的顏色,可以參考色輪。下面可以由色輪進行一些色彩搭配。

    1、互補色。一種作為主色,另一種用於強調。

   


    舉個栗子(藍色+橙色):


這個網頁主頁就是使用了橙色和藍色,藍色作為主色,橙色作為輔佐色,使得橙色非常醒目。

    2、三色組。


                      三色組顏色的搭配出來的效果會令人感到愉悅,很多兒童網站和產品喜歡用紅黃藍顏色進行搭配。例如下面這個天貓童裝店的配色。

        

    3、分裂互補三色組。


        

    4、類似色。由色輪相鄰的顏色組成。用不同的亮色和暗色組合成一組類似色。



天貓首頁就用了大量的類似色,紅色、暗紅色、淺紅色。


5、暗色和亮色


暗色網站


亮色網站


本文純屬作為記錄筆記。