設計色彩學系列|設計師入門一定要知道的色彩學基礎:顏色3 ...
文章推薦指數: 80 %
設計色彩學系列|設計師入門一定要知道的色彩學基礎:顏色3分類與顏色3屬性 · 1. 色相(Hue) · 2. 明度(Value) · 3. 彩度(Chroma) ...
設計色彩學系列|設計師入門一定要知道的色彩學基礎:顏色3分類與顏色3屬性2020-08-072020-08-21設計色彩學系列在設計中,顏色是一個非常重要的元素。
在品牌行銷顏色使用大全:不同性別、年齡層分別該用什麼顏色一文中,有提到不同顏色的使用會給觀賞者不同的情緒反應,而根據不同性別、年齡,可以選擇不同的品牌顏色。
但決定品牌的專屬顏色之前,有什麼關於顏色的基礎知識是設計時一定要知道的呢?內容目錄
顏色分類1.原色2.二次色3.三次色顏色屬性1.色相(Hue)2.明度(Value)3.彩度(Chroma)顏色分類顏色總共可以分成3大類別:原色——三原色二次色——三間色三次色——複色顏色3分類1.原色又稱為「三原色」,由「紅」、「黃」、「藍」組成。
「紅」、「黃」、「藍」這三種顏色無法調製而成,是所有顏色的基色,也就是說你可以透過這三種顏色混合出世界上所有的顏色。
2.二次色三間色又稱為「三間色」,由紅、黃、藍三原色兩兩互相調和而成的「橙」、「綠」、「紫」組成。
3.三次色複色又稱為「複色」,由兩種或兩種以上的顏色融合而成的顏色。
可以是如上圖的三原色+三間色的組合方式,也可以是間色間互相的組合而成。
所有的複色都會有紅、黃、藍三原色的成分,只是多少的問題。
顏色屬性每一個顏色都有3種屬性:色相(Hue)明度(Value)彩度(Chroma)當我們平常生活中說到「藍綠色」、「珊瑚紅」等顏色的時候,其實就包含了色相、明度以及彩度。
只要知道了顏色的這三個屬性就可以精準的了解相近顏色的不同之處、精確的跟別人描述一個顏色的真實樣貌並且為品牌選擇最適合的顏色。
顏色3屬性1.色相(Hue)色相是將一個顏色與另一個顏色區隔的用語,也就是我們平常用的顏色名稱紅、黃、藍、綠等。
色相與顏色的差別,在於色相是由原色、間色和複色所構成,而將這些色相再加以混合則能構成無數種顏色。
2.明度(Value)明度指的是一個顏色的深淺,也就是顏色距離「黑」與「白」有多近。
在所有的顏色中,白色有最高的明度,而黑色則有著最低的明度。
一個顏色越淺,距離白色就越近。
反之,一個顏色越深,距離黑色就越近。
比如說,海軍藍就比天空藍的顏色更深,明度也就越低。
想要改變一個顏色的明度,最快的方式就是加入「黑」「白」或是「灰」色。
理論上來講,一個顏色加上這三個顏色並不會改變本身的顏色,但是如果在使用顏料時,加了這三種顏色可能會讓顏料看起來像是不同的顏色,這是因為顏料本身的材料中的雜質所致。
明度也是讓一個物體看上去立體的一個重要因素。
下圖就是PaulKlee在1921年透過改變顏色的色相、明度與彩度所創作出來的畫作。
PaulKlee,CrystalGradation,19213.彩度(Chroma)彩度指的是一個顏色的純度。
如果將色相與黑、白、灰或其他任何顏色混合,會降低顏色的純度,並且降低原始色相的強度。
一個顏色的彩度越高,就代表該顏色含量越高,顏色也就越純。
在日常生活中,我們比較少聽到大家用「彩度」,可能會比較常聽到的是顏色的「強度」或是「飽和度」。
無論純紅是加入黑色或是白色,都會降低顏色的純度,也就是降低顏色的彩度。
最後,想要提醒大家不要被這些專有名詞給嚇到了,其實我們都與顏色共伍了將近一輩子的時間,即使不知道這些詞彙,我們也能夠清楚的了解顏色的意義。
只是現在,更精準的了解顏色的基礎知識後,我們就向他人傳達確切的顏色,也就能創造出更適合品牌的色彩了!推薦文章:色彩設計系列|PANTONE彩通公布2020年度色彩是這個!5分鐘看2016–2020的年度代表色!色彩心理學|你最喜愛的顏色代表什麼?你好,我是「哈利熊」—賣家
設計色彩學系列|配色黃金比例60:30:10的實際應用!
你知道有一個非常實用的配色技巧嗎?那就是Readmore
設計色彩學系列|設計師私藏的6個色彩運用技巧大公開!
色彩是視覺設計中一個非常重要的元素,無論Readmore
設計色彩學系列|顏色的冷暖色性:設計師一定要知道的顏色知識
冷暖色調指的是一個顏色會給予觀賞者的心情Readmore
設計色彩學系列|你一定要知道的5大配色手法:補色、相似色、三等分、補色分割、矩形
視覺設計師在選擇顏色時,不僅僅要了解到不Readmore標籤:品牌行銷視覺設計色彩學設計發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。
必填欄位標示為*留言*顯示名稱*電子郵件地址*個人網站網址在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址,以供下次發佈留言時使用。
{{#message}}{{{message}}}{{/message}}{{^message}}無法完成傳送程序。
伺服器回應為「{{status_text}}」(代碼:{{status_code}})。
請聯絡這個表單處理程式的開發者以改進相關問題。
進一步了解{{/message}}{{#message}}{{{message}}}{{/message}}{{^message}}傳送程序已完成。
即使伺服器的回應為OK,一樣可能不處理傳送工作。
請聯絡這個表單處理程式的開發者以改進相關問題。
進一步了解{{/message}}正在傳送...
Searchfor...
關於我們哈利熊是台灣最有趣的線上服務市集!我們的目標是解決傳統外包市場與接案時的種種問題,打造一個方便、好用的服務平台,讓斜槓與需要服務的人都能在我們網站上安心下單、更有效率的合作。
加入我們!瀏覽服務:
IT與程式設計
視覺設計
影片動畫
音樂音效
行銷與企劃
商業支援
文書翻譯
線上教學
生活趣味 哈利熊臉書Seemore標籤雲Chatbot
FB行銷系列
Instagram
Logo
Logo動畫
SEO工具
seo策略
TEDTALK
WooCommerce
youtube系列
互聯網
企業e化
健身
命果報
咖啡
品牌建立
商業開發
嘉義
國外業務開發
在地商家seo
居家工作
年肉麵
廣告文案
復古穿搭
復古風格
心理測驗
技術SEO
斜槓青年
正能量
溝通
潛能
瑜珈
甜點
生氣
生產力風格
用人
直播
翻譯外包
腦力運動
臉書廣告
自由工作者
資安
連假
銷售
魷魚幣
延伸文章資訊
- 1色彩學 - 博客來
色彩學除了是一門應用廣泛的專業知識,同時也是生活科學,不只是從事設計、藝術、動畫、影視相關行業的人必修;對從事行銷、業務、文書內勤的人員也一樣必備。 本書內容 ...
- 2實用色彩學基本知識
溝通色彩學 ... 稱PCCS色彩體系(詳細說明於10頁),進一步修正為以Hue代表色相、Lightness表示. 明度、Saturation代表彩度,本書循此法則陳述顏色的 ... 基礎色相。
- 3你可能收藏這麼一篇基礎色彩原理就足夠了
1)色光的三原色(RGB):紅、綠、藍,用於電腦、電視等屏幕顯示;在Photoshop中,我們採用色彩的加法,在黑色背景基礎上著色100% R ,100% G,100%B,並將 ...
- 4基礎的色彩學
基礎的色彩學. 印刷色彩管理工作坊 ... 一對色樣在不同光源下, 會產生不同的色彩變化稱之 ... CIE Lab 色彩空間是基於⼀一個顏色不能同時既是綠又.
- 5設計色彩學系列|設計師入門一定要知道的色彩學基礎:顏色3 ...
設計色彩學系列|設計師入門一定要知道的色彩學基礎:顏色3分類與顏色3屬性 · 1. 色相(Hue) · 2. 明度(Value) · 3. 彩度(Chroma) ...