身為品牌設計出身的ADORN，配色設計是我一直以來很重視的一個環節；色彩美感雖不是一兩天就能練成的，但能透過尋找大量素材及參考資料獲得靈感，今天就來跟大家分享一些配色設計的網站及我個人的IG版面配色分享囉～～
大家好我是勇敢的ADORN！✧
這是我的個人網站－Be Brave ADORN，帶領大家一起變得更勇敢，由內而外遇見更好的自己
想更了解我可以先看看以下這些
✧IG追蹤給個鼓勵✧ 追起來！
✧ FB粉專點讚鼓勵一下 ✧ 讚起來！
配色設計網站推薦1-coolors
以下所有截圖來源：Coolors
首先>>點此去網址
介面很直觀，右上角註冊完畢後，直接點選網頁中間的按鈕就可以開始！
觀看漸變配色
進去後會出現幾個默認顏色，滑鼠放上去會有一些小圖標
這個”VIEW SHADES”點下去
就能看到這個顏色的漸層變化囉～還蠻好用的，這樣如果你要做漸層變色就很適合
收藏喜歡的顏色
看到喜歡的顏色還可以點星星符號收藏～
探索色票組合
右邊這邊可以探索更多不一樣的色票～
有很多別人配好的，非常適合新手
身為藍色控當然毫不猶豫選擇這個ＸＤＤ
一樣滑鼠移到上面可以複製這個色票號碼，用於很多領域
像是我會用在ILLUSTRATOR作圖，或是網頁的配色等等
從照片取色
如果想從自己拍攝的照片中取色，這個功能真的很適合新手
其實就跟ILLUSTRATOR滴管工具是一樣的道理ＸＤ
但是可以幫妳精準到色票號碼～而且不用再打開軟體
保存配色
大概功能用一用後相信你也找到自己喜歡的色系了～
可以在右上角儲存唷～～～
以上所有截圖來源：Coolors
配色設計網站推薦2-NIPPON COLORS
以下所有截圖來源：NIPPON COLORS
每次進來網頁都會是隨機不同的顏色
滑鼠往下可以找到更多不一樣的顏色，我當然選藍色點點看！！
旁邊會顯示此色票的＂CMKY＂及＂RGB＂色號
CMYK主要用於印刷的色票～
像我之前做雜誌設計及名片設計都需要把稿件印刷出來就需要用CMYK格式
點此去看>>維基百科的CMYK解釋
點次去看>>維基百科的RGB解釋
當你沒靈感的時候，也可以點選右邊這個按鈕讓畫面隨機出現顏色
這個網站設計得非常簡潔，使用上也很快速，整個日系的高級灰色系深得我心！
以上所有截圖來源：NIPPON COLORS
配色設計網站推薦3-ITEMO
以下所有截圖來源：ITEMO
這個網站的功能比較適合＂網頁設計師＂
網頁非常的直觀，很多組背景顏色直接看到喜歡的就點
看到喜歡的顏色滑鼠點上去！！
就可以全螢幕觀看這個顏色！！
由於是主要給網頁配色用，所以這樣就能一目瞭然如果套用在網頁上的視覺呈現效果
還有很多美麗的漸變配色，ADORN也好心動想改顏色囉ＸＤ
線性漸變的顏色非常獨特又夢幻！！！
以上所有截圖來源：ITEMO
配色設計網站推薦4-PALETTABLE
以下所有截圖來源：PALETTABLE
喜歡或不喜歡的直觀選擇題
一樣是每次進來會有隨機顏色
但我超喜歡這個網頁原因是他直接給你選擇
左邊是不喜歡，右邊是喜歡
怎麼有點像交友軟體！（誤）
選擇了不喜歡，就會馬上隨機跳其他顏色給你，如下圖
你可以狂按不喜歡，直到遇到喜歡的ＸＤＤ
但如果你選擇了喜歡，一組最多也只能有五個顏色哦！！
導出喜歡的一組顏色
導出方式可以選擇＂網址＂或是＂圖片＂
本人配出的一組顏色導出成為照片格式如下圖
也可以>>點此看導出網址版本
以上所有截圖來源：PALETTABLE
配色設計網站推薦5-Material Design
以下所有截圖來源：Material Design
這叫做＂MATERIAL DESIGN＂的網站有很多設計資源
本次介紹的是他的＂COLOR TOOL＂符合我們配色靈感的主題～其他大家有興趣可自行去摸索唷！！一定也會很有收穫
一樣非常的直觀，直接在右邊選擇喜歡的顏色就會出現在左邊預覽效果
如果你想要自己設定具體的顏色，他可以輸入色號
我個人非常推這個是因為他能讓你選好整組配色，並直接用在排版預覽！
如上圖就是我有選擇四個不同顏色，他會呈現在排版
很適合你在其他網站找到顏色後來這邊直接輸入並搭配
比如以下就是我用＂深藍＂字體搭配＂白色＂字體，在＂淺藍＂背景的效果
但是如果跟我一樣用ILLUSTRATOR的讀者當然就直接在軟體上看就可以ＸＤ
以上所有截圖來源：Material Design
配色設計IG推薦
現在不一定大家隨時能用電腦，但總是手機不離身吧？
所以也推薦一些IG帳號給大家可以隨時找找配色靈感！！
@awsmcolor
@coolors.co
@colours.cafe
配色設計網站總結
- Coolors－適合新手，可以直接取用別人的
- NIPPON COLORS－喜歡日系顏色或是想找日系配色靈感，想用於印刷文宣
- ITEMO－適合設計師，特別是網頁及UI設計領域的
- PALETTABLE－超適合新手，喜歡不喜歡直接選的直觀配色法
- MATERIAL DESIGN－適合排版配色，直接看到幾個顏色搭配在排版設計中的呈現效果
- 各種IG配色設計帳號－適合出門在外沒電腦直接找靈感並收藏
配色設計運用領域
服裝及配件搭配
社群及網頁配色
文宣及廣告配色
居家空間及家具搭配
名片及品牌識別色
……無限可能等你發掘
ADORN的個人品牌配色
IG版面配色設計
個人網站配色設計
配色設計分享總結
其實配色的部分最建議大家先有個自己的大概想法
比如我都喜歡藍色，但剛開始我也不明確自己具體喜歡的藍
後來也是經過不斷摸索試驗，包括個人網頁及LOGO設計
才固定才為比較主要的那幾個藍色
說實話剛開始也沒有接觸這些網站，因為我還是鼓勵大家有自己想法為主
不要過度依賴其他人的配色
這些網站只是提供靈感，但最終還是要保有自己的鮮明特色哦！
希望大家看完都對配色設計更有方向了～～
如果對此還有疑問都歡迎用以下方式繼續深入諮詢及學習！
之前在IG也有分享過自己設計的藍色版面配色
點圖去IG看原文~
相關好文推薦
✧你可能也會想看這些✧
✧【讀書心得】為何要經營個人品牌？成為與眾不同的人，贏得更多共鳴！《SNS社群行銷術：關鍵就是「3F」》
✧【創業故事】 我為何畢業不到6個月就開始創業? ADORN & FANCY 自創品牌創立故事（一）
✧【讀書心得】如何評估你自媒體的影響力及行銷力?《你，就是媒體！》
追蹤耳洞看更多
希望你喜歡今天的分享，也歡迎留言或是私訊跟我說你想聽的主題✧✧
以下順手支持一下耳洞～讓你天天充滿正能量！！
✧IG追蹤給個鼓勵✧ 追起來！
✧ FB粉專點讚鼓勵一下 ✧ 讚起來！
✧各式合作邀約 ✧郵寄聯繫我
或是點下面也可以讚IG跟FB唷✧
你的每一個支持點讚都是我持續創作分享的動力！！
*文章皆為用心產出的原創內容，若需轉載請聯絡本人並註明出處，謝謝您！
高價值IG五天挑戰 品牌形象改造營
立即加入>>https://www.skool.com/paradiseroadacademy/about
回應