色彩理論基礎
色彩專業名詞：
- Hue: what color something is, like blue or red
- Chroma: how pure a color is; the lack of white, black or gray added to it
- Saturation: the strength or weakness of a color
- Value: how light or dark a color is
- Tone: created by adding gray to a pure hue
- Shade: created by adding black to a pure hue
- Tint: created by adding white to a hue
Four main types od color palettes#四大主要的色調類型(調色板)
-
Monochromatic#單一色
Different shades and depths of a single hue#單一個色調的不同陰影和深度,
這種是最簡單的色系，如果設計不當，單一色策略可能會顯得很無聊，空洞。
![img]()
-
Analogous#相鄰色
一個主色調，和色輪上相鄰的顏色組合。 這種調色板通常在設計中用於表達一致和統一性效果顯著。由於色調反差不大，這種調色板策略也易於操作，不會顯得很不協調。
![img]()
-
Complementary#互補色
指的是色輪的互補或相反的顏色（例如紅色和綠色，藍色和橙色等）。
互補的調色板非常適合傳達平衡感. 此外，和相鄰色一樣， 可以通過添加不同的tints#色彩，和shades#陰影，來拓展這些schemes#(色系/策略)，這樣尤其有助於避免造成眼睛疲勞的強烈對比。
![img]()
-
Triadic#三元色
色輪上三個等距點上的取色（例如，紅黃藍），三元色用於創建多樣的色盤，但是需要很多的實驗，因爲將大量的對比色放在一起容易造成不和諧。
![img]()
What colors mean#色彩的心理情緒暗示
- Red: energy, power, passion
- Orange: joy, enthusiasm#激情, creativity
- Yellow: happiness, intellect, energy
- Green: ambition, growth, freshness#生機, safety
- Blue: tranquility#安寧, confidence, intelligence
- Purple: luxury, ambition, creativity
- Black: power, elegance#典雅, mystery
- White: cleanliness, purity, perfection
更多參看這裏https://www.canva.com/learn/color-meanings-symbolism/
A note about accessibility#可訪問性
UX 設計師需要關注的一個挑戰點，是色盲或者CVD#色覺缺乏症對網站的訪問需求。Pinterest 工程師團隊在這方面有可借鑑之處, 參見 link.
3 tips to get you started#入門
- Start with greyscale 通過先用灰度來設計，可以使得你確保專注於可用性和清晰的導航， 而不是去糾結顏色佈置， 強迫你自己專注於佈局元素和優化留白，乾淨整潔的層次結構是一個優秀 UX 的基礎。
- Use the 60-30-10 rule 你的色彩引用比例應該是 60% + 30% + 10%。 這個古老的室內設計規則是爲了平衡你的顏色。這個公式之所以有效，是因爲它能讓眼睛舒服地從一個焦點移動到另一個焦點。它的使用也非常簡單:60%是主色調，30%是次要顏色，10%是強調色。即使你的調色板有超過三種顏色(但請不要超過五種)，保持顏色的平衡會讓你的眼睛更乾淨，也會讓你的用戶的大腦更舒適。
- The best color combinations come from nature 它們看起來總是很自然。關於尋找設計解決方案的環境，最好的事情是調色板總是在變化。日出，日落，海灘，這些都有獨特的調色板，可以適應您的需求。使用像Adobe Capture這樣的應用程序(下一節將詳細介紹)將調色板從照片中分離出來，以便在其他應用程序中使用。
3 color tools that'll up you palette game
-
Color Hunt 一個免費的開放平臺，可爲彩色靈感提供數千種時尚的手工挑選調色板。
![img]()
-
Coolors.co 該工具是“適用於涼爽設計師的超級快速配色方案”。有一個iOS應用以及用於Photoshop和Illustrator的Adobe附加組件。您可以從社區瀏覽數千個調色板，幾乎可以從任何地方保存和訪問您喜歡的調色板，並僅需單擊幾下即可在項目中使用它們。
![design color palette]()
-
Paletton 這類似於Coolors和Color CC，主要的區別是你不限於5個色調。當你有三原色並且想要探索其他色調時，這是一個很好的工具。如果你想探索我們上面提到的所有不同類型的調色板，這是一個學習它們的好工具。
![design color palette]()
