【前端16_輔助知識】顏色編譯、色彩、網頁配色技巧、PS 快捷鍵


顏色編譯

顏色有幾種表達方式,分別是

  • RGBA:紅綠藍透明度,透明度的值是0~1,0爲透明:background-color: rgba(0,0,0,.1);
  • 十六進制 :#eee
  • 直接寫顏色的姓名:background-color: skyblue;
  • 透明 :opacity: 1;/*透明度,默認是1,ie瀏覽器不支持*/

色彩

是能引起我們共同的審美愉悅的、最爲敏感的形式要素。色彩是最有表現力的要素之一,因爲它的性質直接 影響人們的感情。豐富多樣的顏色可以分成兩個大類無彩色系和有彩色系,有彩色系的顏色具有三個基本特性:色相、明度、飽和度。在色彩學上也稱爲色彩的三大要素或色彩的三屬性。

無彩色系

無彩色系是指白色、黑色和由白色黑色調合形成的各種深淺不同的灰色
無彩色按照一定的變化規律,可以排成一個系列,由白色漸變到淺灰、中灰、深灰到黑色,色度學上稱此爲黑白系列。

有彩色系

三大屬性

  • 色相:色相是指色彩的相貌,是色彩最顯著的特徵,是不同波長的色彩被感覺的結果。光譜上的紅、橙、黃、綠、青、藍、紫就是七種不同的基本色相。
  • 明度:明度是指色彩的明暗、深淺程度的差別,它取決於反射光的強弱。它包括兩個含義:一是指一種顏色本身的明與暗,二是指不同色相之間存在着明與暗的差別。
  • 飽和度:也稱彩度、豔度、濃度、純度度,是指 色彩的純淨程度。

色彩名詞解釋

三原色

洋紅、黃、青,稱之爲原色
這三種原色顏色純正、鮮明、強烈,而且這三種原色本身是調不出的,但是它們可以調配出多種色相的色彩。

間色

有兩個原色相混合得出的色彩,如黃調藍得綠、藍調紅得紫。

複色

將兩個間色(如橙與綠、綠與紫)或一個原色與相對應的間色(如紅與綠、黃與紫)相混合得出的色彩。複合色包含了三原色的成分,成爲色彩純度較低的含灰色彩。

對比色

色相環中相隔120度至150度的任何三種顏色。

同類色

同一色相中不同傾向的系列顏色被稱爲同類色。如黃色中可分爲檸檬黃、中黃、橘黃、土黃等,都稱之爲同類色。

互補色

色相環中相隔180度的顏色,被稱爲互補色。如:紅與綠,藍與橙,黃與紫互爲補色。補色相減(如演練配色時,將兩種補色顏料塗在白紙的同一點上)時,就成爲黑色;補色並列時,會引起強烈對比的色覺,會感到紅的更紅、綠的更綠,如將補色的飽和度減弱,即能趨向調和。


網頁配色技巧

  • 主體色
    主體色是佔網頁面積最大的一塊顏色,就是你眯起眼睛看到的那塊顏色(面積佔整體網頁的40%-70%)
  • 輔助色
    輔助色一般是主體色在色輪的90%以內的近似色,起到變化的作用
  • 點睛色
    點睛色一般取主色和輔助色色輪的120%-180%的對比或補色,起到點睛作用
  • 背景色
    就是DW中軟件的Background,就是在網頁上什麼也沒有的情況下顯示的背景的顏色

PS

快捷鍵

  • Ctrl + J 複製選取內的內容爲新圖層
  • Ctrl + D 取消選取
  • Ctrl + ENTER 路徑變爲選區
  • 按住空格,拖動鼠標 抓手工具
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章