<li id="lnxxx"><object id="lnxxx"></object></li>
  • <button id="lnxxx"><object id="lnxxx"></object></button>
    <s id="lnxxx"></s>
    <button id="lnxxx"></button>
      <button id="lnxxx"><acronym id="lnxxx"></acronym></button><dd id="lnxxx"><noscript id="lnxxx"></noscript></dd>
    1. <em id="lnxxx"><object id="lnxxx"><input id="lnxxx"></input></object></em>

      <rp id="lnxxx"><object id="lnxxx"><input id="lnxxx"></input></object></rp>
      0712-2888027 189-8648-0214
      微信公眾號

      孝感風信網絡科技有限公司微信公眾號

      當前位置:主頁 > 技術支持 > 平面設計 > 色相 &amp; 色調(Hue &amp; Tone)116色體系

      色相 & 色調(Hue & Tone)116色體系

      時間:2024-01-24來源:風信官網 點擊: 3763次

      色相 & 色調(Hue & Tone)體系的最初來源是根據人的語言對顏色的描述:對偏白的顏色人們通常會使用“淺”、“柔”等形容詞來描繪,而對作為三原色的紅色(Red)、黃色 (Yellow)、藍色(Blue)等顏色人們自然會聯想到“鮮明”、“強烈”等形容詞。而色調(Tone——結合明度和純度的概念)就是人們對可以利用 同一形容詞描述的顏色進行的匯總。

      色相 & 色調(Hue & Tone)體系是結合顏色的三種屬性并根據人類心理的角度對顏色進行分類的科學的體系,它在很大程度上方便了用戶對顏色的分類和使用。

      下面的圖像是10色相環與色調(Tone)表,其中色調(Tone)表示以紅色(Red)為基準的。

      10色相環

      在色相 & 色調(Hue & Tone)體系中,10種色相分別是指:

      紅色(Red)、橙色(Yellow Red)、黃色(Yellow)、黃綠色(Green Yellow)、綠色(Green)、青綠色(Blue Green)、藍色(Blue)、藍紫色(Purple Blue)、紫色(Purple)、紫紅色(Red Purple)。

      色調表

      在色相 & 色調(Hue & Tone)體系中,11中色調分別是指:

      鮮明(Vivid)、高亮(Strong)、明亮(Bright)、清澈(Pale)、蒼白(Very Pale)、灰亮(Light Grayish)、隱約(Light)、淺灰(Grayish)、陰暗(Dull)、深暗(Deep)、黑暗(Dark)。

      其中“鮮明”和“高亮”色調的彩度很高,所以會給人一種華麗而又強烈的感覺;“清澈”和“隱約”的亮度和彩度都比較 高,所以會給人一種柔和的感覺;“灰亮”和“淺灰”以及“陰暗”會給人一種樸素而又冷靜的感覺;“深暗”和“黑暗”的亮度很低,所以會給人一種深沉而又凝 重的感覺。

      在色調表中,從下到上亮度依次增加,而從左到右彩度依次增加,所以在色調表中越靠上的顏色越亮,越靠右的顏色就越鮮明。

      色相 & 色調(Hue & Tone)116色體系就是將前面所介紹的色相環與色調表結合在一起的產物,它是由110種彩色顏色(色相10各等級 X 色調11個等級 = 110種顏色)和6種非彩色顏色所構成的。

        R YR Y GY G BG B PB P RP
      V
       
      #ff0033
       
      #ff9900
       
      #ffff00
       
      #99ff33
       
      #00ffcc
       
      #00ffff
       
      #0099ff
       
      #3366ff
       
      #cc33ff
       
      #ff33cc
      S
       
      #cc3333
       
      #ff6600
       
      #cccc00
       
      #99cc00
       
      #33cc99
       
      #33cccc
       
      #0099cc
       
      #3333ff
       
      #9900cc
       
      #cc3399
      B
       
      #ff6666
       
      #ff9933
       
      #ffff66
       
      #ccff00
       
      #33ffcc
       
      #66ffff
       
      #3399ff
       
      #0066ff
       
      #cc66ff
       
      #ff66cc
      P
       
      #ff9999
       
      #ff9966
       
      #ffff99
       
      #ccff66
       
      #66ffcc
       
      #99ffff
       
      #33ccff
       
      #6666ff
       
      #cc99ff
       
      #ff99cc
      VP
       
      #ffcccc
       
      #ffcc99
       
      #ffffcc
       
      #ccff99
       
      #ccffcc
       
      #ccffff
       
      #99ccff
       
      #9999ff
       
      #ccccff
       
      #ffccff
      LGr
       
      #cc9999
       
      #cc9966
       
      #cccc99
       
      #99cc99
       
      #99ffcc
       
      #99cccc
       
      #66ccff
       
      #6699ff
       
      #9999cc
       
      #cc99cc
      L
       
      #cc6666
       
      #cc9933
       
      #cccc66
       
      #99cc66
       
      #66cc99
       
      #66cccc
       
      #3399cc
       
      #0066cc
       
      #9966cc
       
      #cc6699
      Gr
       
      #996666
       
      #996600
       
      #999966
       
      #669966
       
      #339966
       
      #669999
       
      #6699cc
       
      #6666cc
       
      #666699
       
      #996699
      Dl
       
      #990033
       
      #cc6600
       
      #999933
       
      #669933
       
      #009966
       
      #339999
       
      #336699
       
      #3366cc
       
      #9933cc
       
      #993399
      Dp
       
      #993333
       
      #996633
       
      #666600
       
      #669900
       
      #006633
       
      #009999
       
      #006699
       
      #0033cc
       
      #660099
       
      #990066
      Dk
       
      #660033
       
      #663300
       
      #333300
       
      #336600
       
      #003300
       
      #336666
       
      #003366
       
      #003399
       
      #330066
       
      #663366
      Neutral
      N9.5 N9 N8 N7 N6 N5 N4 N3 N2 N1
       
      #ffffff
       
       
      #cccccc
       
       
      #999999
       
       
      #666666
       
       
      #333333
       
      #000000

       

      分析顏色

      每一種顏色給我們的感覺都會有所不同,但是要具體說明有何不同卻又是一件困難的事情。如果有一個能夠合理客觀地分析出這種感覺差異的標準,那么就可以利用它說明這種感覺上的差異了。

      我們不再用如“強烈”、“柔和”等形容詞表達對顏色的感受,而是對顏色進行打分,打分時則利用如下所述的標準:

       
      (-3,1)
      動態                      靜態
      非?! ∮行 ∫稽c  沒有  一點  有些  非常
      ■────╂───╂───╂───╂───╂───┨
      -3 ?。病 。薄  。啊  。薄  。病  。?br />
      生硬                      柔和
      非?! ∮行 ∫稽c  沒有  一點  有些  非常
      ┠────╂───╂───╂───■───╂───┨
      -3 ?。病 。薄  。啊  。薄  。病  。?/td>
         
       
      (-3,3)
      動態                      靜態
      非?! ∮行 ∫稽c  沒有  一點  有些  非常
      ■────╂───╂───╂───╂───╂───┨
      -3 ?。病 。薄  。啊  。薄  。病  。?br />
      生硬                      柔和
      非?! ∮行 ∫稽c  沒有  一點  有些  非常
      ┠────╂───╂───╂───╂───╂───■
      -3 ?。病 。薄  。啊  。薄  。病  。?/td>
         
       
      (2,-3)
      動態                      靜態
      非?! ∮行 ∫稽c  沒有  一點  有些  非常
      ┠────╂───╂───╂───╂───■───┨
      -3 ?。病 。薄  。啊  。薄  。病  。?br />
      生硬                      柔和
      非?! ∮行 ∫稽c  沒有  一點  有些  非常
      ■────╂───╂───╂───╂───╂───┨
      -3 ?。病 。薄  。啊  。薄  。病  。?/td>
         
       
      (0,2)
      動態                      靜態
      非?! ∮行 ∫稽c  沒有  一點  有些  非常
      ┠────╂───╂───■───╂───╂───┨
      -3 ?。病 。薄  。啊  。薄  。病  。?br />
      生硬                      柔和
      非?! ∮行 ∫稽c  沒有  一點  有些  非常
      ┠────╂───╂───╂───╂───■───┨
      -3 ?。病 。薄  。啊  。薄  。病  。?/td>
         

      在打好分之后,將得到的“動態(Dynamic)——靜態(Static)”值作為橫坐標分值、“生硬(Hard)——柔和(Soft)”值作為縱坐標分值,在XY二維坐標系中找出相應的點。

                      柔和
        ■--------------┯3
       ?。             々?br />  ?。             々?br />  ?。             々?br />  ?。             々?br />  ?。              觯?br />  ?。             々?br />  ?。             々?br />  ?。             々?br />  ?。             々?br />   ■--------------┿1
       ?。             々?br />  ?。             々?br />  ?。             々?br />  ?。             々?br /> 動態┠────╂────╂────╂────╂────╂────┨靜態
      ?。场  。病  。薄  。癌Α   。薄   。病   。?br />                  │        ?。?br />                  │        ?。?br />                  │        ?。?br />                  ┿?。薄     。?br />                  │        ?。?br />                  │        ?。?br />                  │        ?。?br />                  │        ?。?br />                  ┿?。病     。?br />                  │        ?。?br />                  │        ?。?br />                  │        ?。?br />                  │        ?。?br />                  ┷?。常?br />                  生硬

      紅色會給人一種動態的感覺,藍色會給人一種靜態的生硬的感覺,黃色給人一種柔和的動態的感覺,而綠色雖然也是較柔和的感覺,但它不會給人動態的感覺也不會給人靜態的感覺。

      這就是Color Image Space的基本概念。

      單色印象空間

      印象究竟是什么?

      簡單地說,印象就是人們對某一個事物的感覺。所以為了分析人們對某一事務的印象,就必須事先了解人們的內心世界,在需 要的時候,或許還需要研究人員與被測試人群進行單獨的交流。此時的研究人員會盡可能地引導被測試人員通過語言表達自己的感覺,再通過對語言的推理的出具體 的印象。但這種方法需要耗費較長的時間,而且很難得到具體可靠的數字資料。

      為了更科學更廣泛地分析人們對物體的印象,人們通常使用SD方法(Semantic Differential Method)。前面我們進行的測試(對顏色進行打分)就屬于SD方法的范疇。

      有人曾經進行過如下的測試:

      精心篩選出能夠表達人們對顏色的感覺的多個形容詞,然后利用SD方法對不同工作、生活環境中的1000個人進行了相關 的測試,用于測試的顏色是色相&色調(Tue & Tone)表中的116種不同的顏色。“單色印象空間”就是對這次測試的數據進行科學整理后得到的結果。從結果可以獲知,人們對顏色進行評價時,最習慣使 用的4個形容詞是“柔和(Soft)”、“生硬(Hard)”、“動態(Dynamic)”、“靜態(Static)。

      將這兩類印象的取值分別作為二維坐標系上的橫縱坐標值得到的點的集合就被稱為“單色印象空間”。

      比起色相(Hue),人們對顏色的印象更大程度地取決于色調(Tone)。這主要表現為鮮明的色調通常給人柔和、動態的印象,陰暗的色調給人生硬的印象等等等等。

      單色印象空間

       

      我們在設計網站或者廣告的時候,絕對不會僅僅使用某一種顏色,通常都需要搭配使用多種顏色來獲得較好的配色效果。而為了對這種多種顏色的混合使用進行評價,就需要引入新的分析方法——配色印象空間。

      為了得到“配色印象空間”的具體形狀,又利用SD方法進行了相應的測試。其中,“配色印象空間”的縱橫坐標值同樣是柔和——生硬、動態-靜態。

      調查結果發現,在“配色印象空間”中:

      • 給人靜態柔和感覺的,通常都是隱約柔和顏色之間的搭配;
      • 給人動態柔和感覺的,通常都是鮮亮顏色間的搭配;
      • 給人動態生硬感覺的,通常都是鮮亮和渾濁暗淡顏色之間的搭配;
      • 給人靜態生硬感覺的,通常都是灰冷顏色之間的搭配。

      在“配色印象空間”中,相距較遠的顏色之間的印象會有較大的差異,而距離較近的顏色之間的印象會比較相近,也就是說顏色間的距離與印象的差異程度成正比關系。

      配色印象空間
      點擊放大!
       
      形容詞印象空間
      點擊放大!

      利用Color Image Space分析顏色

      假設打印出一個“配色印象空間”和一個“形容詞印象空間”形狀的膠片,此時位于相同位置上的顏色和形容詞可以說是具有 相同的意義,也就是說,位于“配色印象空間”A位置上的顏色完全可以用“形容詞印象空間”A位置上的形容詞來形容。通過這種方式比較顏色與形容詞,設計師 們就可以判斷出不同顏色給人感覺的不同,也就可以由此策劃出一套科學客觀的配色方案。

      假設我們正在設計一個少兒主題的站點。

      當決定好站點的主題風格為“可愛、快樂”之后,查找這些形容詞在“形容詞印象空間”中的位置,然后確認在“配色印象空間”中同一位置上的顏色,站點的設計中就可以重點考慮使用這些顏色了。但并不是說只能使用這些顏色,而是應該在以這些顏色為主流的同時適當地使用一些其他顏色。因為決定好配色的主顏色后,就可以輕松地找到可以與主顏色進行較好搭配的其他輔助顏色。

      需要注意的是,在形容詞印象空間中,不應該將一個形容詞理解為空間中的一個點,而應該將形容詞理解為以該點為中心向四 中擴散的范圍。例如,“溫和的”形容詞所在位置中的顏色具有最強的“溫和的”感覺,而以該點為中心向四周“溫和的”感覺逐漸減弱。所以在利用形容詞印象空 間決定配色方案時,應該充分分析其周圍的相關形容詞。

      熱門關鍵詞: 色相 色調 Hue Tone 116色體系
      欄目列表
      推薦內容
      熱點內容
      展開
      无码流畅人妻一区二区三区|国产亚洲日韩精品一二三区|无码中文字幕av免费放∨|日韩人妻AV无码一区

      <li id="lnxxx"><object id="lnxxx"></object></li>
    2. <button id="lnxxx"><object id="lnxxx"></object></button>
      <s id="lnxxx"></s>
      <button id="lnxxx"></button>
        <button id="lnxxx"><acronym id="lnxxx"></acronym></button><dd id="lnxxx"><noscript id="lnxxx"></noscript></dd>
      1. <em id="lnxxx"><object id="lnxxx"><input id="lnxxx"></input></object></em>

        <rp id="lnxxx"><object id="lnxxx"><input id="lnxxx"></input></object></rp>