[閱讀分享] 解構版面設計準則 色彩重點

顏色這部份是我很喜歡的一個區塊，這些內容都是從近期讀的 “解構版面設計準則” 整理出來的，有興趣的話歡迎參考 [閱讀分享] 解構版面設計準則，文章裡大致進行初步的介紹，當然，書是自己讀過消化了才能成為能量，推薦沒事就找時間讀讀吧！

圖片都是參考自己喜歡的輔助工具截圖的，若有興趣也可以參考以下這些網址，挑自己喜歡的來用。

• http://paletton.com/#uid=c5C2O0t3h0kllllaFw0g0qFqFg0w0aF （這是我用的網站）
• http://www.colorexplorer.com/
• https://www.colorspire.com/
• https://www.materialui.co/flatuicolors
• https://coolors.co/

那麼，今天重點不是這些工具，就先不在這裡進行詳細介紹囉！改天再分享，現在就讓我們一同進入色彩世界中吧！

善用色環

色環中有12個基礎色調：

• 主色 - 紅、黃、藍
• 主色相互結合後 - 二次色 - 橘、綠、紫
• 主色＋二次色 - 三次色 

共有色

由部分相鄰顏色所組成 - 共有藍、共有黃、共有紅

色度

明暗之分為色度，由外到內可發現圖片顏色從淺慢慢加深

色彩關聯

單色配色 - 藉由單一色系，透過明暗對比呈現簡潔有力的好設計

類比配色 - 低對比度、顏色和諧，配色豐富，容易搭配，例如紅、紫、咖啡

互補配色 - 互補色能產生明顯對比，傳達出能量、活力，適合小比例強調用，例如紅、綠

分割互補色 - 對比強烈，最為相異的顏色，適合強調重點，例如主色紅，配上藍黃之間的顏色

主色配色 - 紅黃算是常見色系、藍紅則是少稍微間隔較合適，三色同時則較為少見

二次配色 - 主色間的共有色能產生柔和協調、色系強烈卻能互相搭配出豐富效果，例如紫色、咖啡、綠色

顏色設定主要可吸引注意力、設定氛圍、傳遞訊息

主要架構圖片，透過Photoshop 濾鏡 > 像素> 馬賽克效果 能分解成不同色塊  取主要的幾個顏色，淘汰相近的，便能與主要架構的圖片進行搭配。

• 暖色系 - 粉紅、淡橘、深褐、棕色，能夠使得構圖柔化具有溫度
• 冷色系 - 藍色、泛藍色系。帶給人較嚴肅、認真，傳遞簡明扼要的訊息，搭配明亮度足夠的主圖時，能讓圖片產生迎面而來的感受

分享這麼多，不知是否有帶給您一些收穫呢？有機會希望您也能與我分享自己的作品喔！