日韩亚洲AV无码一区二区三区|av在线国产哟哟|国产精品人人爽人人爽AV|免费一区二区精品无码视频

<th id="kwciy"><video id="kwciy"></video></th>
<code id="kwciy"><em id="kwciy"><optgroup id="kwciy"></optgroup></em></code>
    1. <center id="kwciy"></center>

      <code id="kwciy"></code>

      0712-2888027 189-8648-0214
      微信公眾號

      孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號

      當(dāng)前位置:主頁 > 技術(shù)支持 > 平面設(shè)計 > 色相 &amp; 色調(diào)(Hue &amp; Tone)116色體系

      色相 & 色調(diào)(Hue & Tone)116色體系

      時間:2015-11-11來源:風(fēng)信官網(wǎng) 點擊: 4568次

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

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

      下面的圖像是10色相環(huán)與色調(diào)(Tone)表,其中色調(diào)(Tone)表示以紅色(Red)為基準(zhǔn)的。

      10色相環(huán)

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

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

      色調(diào)表

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

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

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

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

      色相 & 色調(diào)(Hue & Tone)116色體系就是將前面所介紹的色相環(huán)與色調(diào)表結(jié)合在一起的產(chǎn)物,它是由110種彩色顏色(色相10各等級 X 色調(diào)11個等級 = 110種顏色)和6種非彩色顏色所構(gòu)成的。

        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

       

      分析顏色

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

      我們不再用如“強(qiáng)烈”、“柔和”等形容詞表達(dá)對顏色的感受,而是對顏色進(jìn)行打分,打分時則利用如下所述的標(biāo)準(zhǔn):

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

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

                      柔和
        ■--------------┯3
       ?。             々?br />  ?。             々?br />   |              │
       ?。             々?br />   |              ■2
       ?。             々?br />   |              │
       ?。             々?br />   |              │
        ■--------------┿1
       ?。             々?br />   |              │
       ?。             々?br />  ?。             々?br /> 動態(tài)┠────╂────╂────╂────╂────╂────┨靜態(tài)
      ?。场  。病  。薄  。癌Α   。薄   。病   。?br />                  │        ?。?br />                  │        ?。?br />                  │        ?。?br />                  ┿?。薄     。?br />                  │        ?。?br />                  │        ?。?br />                  │         |
                       │        ?。?br />                  ┿ -2     ?。?br />                  │        ?。?br />                  │        ?。?br />                  │        ?。?br />                  │        ?。?br />                  ┷ -3------■
                       生硬

      紅色會給人一種動態(tài)的感覺,藍(lán)色會給人一種靜態(tài)的生硬的感覺,黃色給人一種柔和的動態(tài)的感覺,而綠色雖然也是較柔和的感覺,但它不會給人動態(tài)的感覺也不會給人靜態(tài)的感覺。

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

      單色印象空間

      印象究竟是什么?

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

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

      有人曾經(jīng)進(jìn)行過如下的測試:

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

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

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

      單色印象空間

       

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

      為了得到“配色印象空間”的具體形狀,又利用SD方法進(jìn)行了相應(yīng)的測試。其中,“配色印象空間”的縱橫坐標(biāo)值同樣是柔和——生硬、動態(tài)-靜態(tài)。

      調(diào)查結(jié)果發(fā)現(xiàn),在“配色印象空間”中:

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

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

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

      利用Color Image Space分析顏色

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

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

      當(dāng)決定好站點的主題風(fēng)格為“可愛、快樂”之后,查找這些形容詞在“形容詞印象空間”中的位置,然后確認(rèn)在“配色印象空間”中同一位置上的顏色,站點的設(shè)計中就可以重點考慮使用這些顏色了。但并不是說只能使用這些顏色,而是應(yīng)該在以這些顏色為主流的同時適當(dāng)?shù)厥褂靡恍┢渌伾R驗闆Q定好配色的主顏色后,就可以輕松地找到可以與主顏色進(jìn)行較好搭配的其他輔助顏色。

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

      熱門關(guān)鍵詞: 色相 色調(diào) Hue Tone 116色體系
      欄目列表
      推薦內(nèi)容
      熱點內(nèi)容
      展開