打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Colour Wheel 色環
廣告

Continuing my last post, I went and studied more about colour wheel.I found some websites and they are very useful for learning the basic colour theory and English vocabularies. This time, I’ve added a little star* next to some words. They will appear in My Study Notes for learning vocabularies.

今天要來複習一下基本的色相環。我找到兩個網頁簡單說明色彩計畫基本技巧 [1] 和 英文版的 Basic Colour Schemes-Introduction to Color Theory [2]. 色環這個中文詞感覺好陌生喔!設計師真的是該好好的把色彩學給學好的~OMG! 我要加油了!英文字旁邊外加的* 表示會在My Study Notes* / 英文學習筆記裡喔~有興趣的可以看看。

色環又稱色輪或色圈,是將可見光區域的顏色以圓環來表示,為色彩學的一個工具。最早發明類似色環理論的是1704年,艾薩克·牛頓(Isaac Newton)的七色板(Colour Disk/ Colour Circle),為說明日光的成分所做的儀器。目前我們比較熟悉的是一個基本色環包括12種不同的顏色。這個基本的12相色環是由瑞士的設計師 約翰·伊登 (Johannes Itten) 於1961年所發明的[3]。伊登是瑞士的表現主義畫家和設計師,也是早期德國魏瑪包浩斯大學(Bauhaus-Universität Weimar)的核心成員之一。[4]

Sir Isaac Newton Colour Circle and Johannes Itten Farbkreis by PixelSpoke

 

色環是配色的基本工具,通常包含:三原色(primary colors)、三間色(secondary colors)、及六個再間色(tertiary colors)等 12 種顏色。三原色是紅、黃、藍三色 。三間色是由相鄰的原色混合而成:紫=紅 藍、綠=藍 黃、橙=黃 紅。再間色則是由原色跟相鄰的間色混合而成。[1] 這裏有一個互動式色環可以了解一下三原色、三間色及再間色。

“Traditionally, there are a number of color combinations that are considered especially pleasing. These are called color harmonies or color chords and they consist of two or more colors with a fixed relation in the color wheel.' [2]

Tint, Shade 和Tone 的區別

“These terms are often used incorrectly, although they describe fairly simple color concepts. If a color is made lighter by adding white, the result is called a tint. If black is added, the darker version is called a shade. And if gray is added, the result is a different tone.' [2]

所以說,用白色調色差叫做 Tint。加黑色調色叫做Shade。用灰階展示不同色階叫做Tones。要學起來不要再用錯詞了喔~

Tints, Shades and Tones by tigercolor.com

基本色彩計畫常用詞彙

 

 


 

 

“Complementary color scheme
Colors that are opposite each other on the color wheel are considered to be complementary colors (example: red and green). The high contrast of complementary colors creates a vibrant* look especially when used at full saturation*. This color scheme must be managed well so it is not jarring*Complementary color schemes are tricky to use in large doses, but work well when you want something to stand outComplementary colors are really bad for text.' [2]

互補色配色

具有高反差的互補色能製造鮮明的基調,尤其是使用全飽和的色彩。但是這需要很小心的使用,才能避免不協調。互補色通常也不太合適用於文字和背景色彩搭配。


 

“Analogous color scheme
Analogous color schemes use colors that are next to each other on the color wheel. They usually match well and create serene* and comfortable designs. Analogous color schemes are often found in nature and are harmonious and pleasing to the eyeMake sure you have enough contrast when choosing an analogous color scheme. Choose one color to dominate*, a second to support. The third color is used (along with black, white or gray) as an accent.' [2]

類似色配色

類似色使用的色彩是色環上鄰近的色彩。這些色彩通常很好搭配並且能製造出安祥及舒適的設計。類似色通常能在大自然中發現,這些顏色很和諧悅目。選擇類似色時,要選一個主色,一個輔助色。第三個顏色是做調性用的,通常用黑灰白調第三色。


 

“Triadic color scheme
A triadic color scheme uses colors that are evenly spaced around the color wheel. Triadic color schemes tend to be quite vibrant, even if you use pale* or unsaturated versions of your hues*To use a triadic harmony successfully, the colors should be carefully balanced – let one color dominate and use the two others for accent.' [2]

三等角配色

三等角配色,顧名思義就是等角配色。這三個顏色混在一起的時候通常都很活躍色調,即使你使用的是比較蒼白色或不飽和的色階。為了能比較成功的讓三等角配色和諧,顏色比需要小心的協調。讓一個顏色當主色,其他兩個顏色當色調用(加黑白灰調色)。


 

“Split-Complementary color scheme
The split-complementary color scheme is a variation of the complementary color scheme. In addition to the base color, it uses the two colors adjacent* to its complement. This color scheme has the same strong visual contrast as the complementary color scheme, but has less tension*The split-complimentary color scheme is often a good choice for beginners, because it is difficult to mess up.'[2]

補色分割配色

補色分割配色也是三角配色的一種,但是不是正三角度。它使用了兩個相鄰原色的類似色和對比的補色。這個配色方式跟互補色配色一樣有強烈的對比,但張力比較小。這樣的配色通常很適合初學者使用,因為很不容易出錯。


 

“Rectangle (tetradic)
The rectangle or tetradic color scheme uses four colors arranged into two complementary pairs. This rich color scheme offers plenty of possibilities for variation. The tetradic color scheme works best if you let one color be dominant. You should also pay attention to the balance between warm and cool colors in your design.' [2]

矩形配色

矩形配色是用兩個補色配色所組成。(e.g. 紅-綠, 藍-橘) 這四種配色能製造出多種配色的可能性。這樣的配色方式最好使用一個顏色為主色。在你的設計裡,要注意到整個暖色和寒色的平衡性。


 

“Square
The square color scheme is similar to the rectangle, but with all four colors spaced evenly* around the color circle. The square color scheme works best if you let one color be dominant. You should also pay attention to the balance between warm and cool colors in your design.' [2]

方形配色

方形配色類似於舉行配色,但這四個顏色是等角的落在色環上。好的方形配色是你使用一個顏色當主色。一樣的,要注意到整個暖色和寒色的平衡性。


 

最後一樣附上我的筆記,有需要的可以點開來看全部的內容。

My Study Notes* / 英文學習筆記

I am using some Mandarin notes to help myself revising vocabularies. Please ignore them if you can’t read them. They are just translations. I used Cambridge Dictionary [5] to look up meanings and sentences are captured from both dictionary web page and the original articles. [1][2]
  • Colour Harmonies / harmoniously
    • 色彩和諧 / 色階 / 色調
      • Being able to use colors consciously and harmoniously can help you create spectacular results. (引人入勝的效果)
      • Traditionally, there are a number of color combinations that are considered especially pleasing. These are called color harmonies or color chords and they consist of two or more colors with a fixed relation in the color wheel.
  • Numerous
    • 眾多
      • Colors affect us in numerous ways, both mentally and physically.
  • Vibrant
    • 鮮豔度
  • Saturation
    • 飽和度
      • The high contrast of complementary colors creates a vibrant look especially when used at full saturation.
  • Jarring
    • 不和協
      • This color scheme must be managed well so it is not jarring.
  • Serene /səˈriːn/
    • peaceful and calm 安詳
      • Analogous colours usually match well and create serene* and comfortable designs.
  • Pale
    • 淡白,蒼白,灰白
  • Hue
    • 色調,色彩,顏色
      • Triadic color schemes tend to be quite vibrant, even if you use pale or unsaturated versions of your hues.
  • Adjacent
    • 鄰近
      • In addition to the base color, it uses the two colors adjacent to its complement.
  • Spaced evenly
    • 均勻間隔
      • The square color scheme is similar to the rectangle, but with all four colors spaced evenly around the color circle.

 


Reference

[1] Original article: http://digitized-life.blogspot.co.uk/2011/03/blog-post_15.html
[2] Original article:  http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm
[3] https://zh.wikipedia.org/wiki/%E8%89%B2%E7%92%B0
[4] https://zh.wikipedia.org/wiki/%E7%B4%84%E7%BF%B0%C2%B7%E4%BC%8A%E7%99%BB

[5]http://dictionary.cambridge.org
廣告
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
色彩搭配
好片,色彩也是在讲故事的!好莱坞电影五种基本配色模式
分析 | 电影调色前与后对比视觉效果明显(PS:内含五中基本电影调色手法)
我们还年轻,不要因为一点学习成本就放弃对品味的追求
三分钟带你快速入门极简色彩学
美术兴趣小组活动教案
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服