設計色彩學系列｜設計師私藏的6個色彩運用技巧大公開！

了解顏色搭配技巧 設計色彩學系列｜設計師私藏的6個色彩運用技巧大公開！2020-08-102020-08-17設計色彩學系列,網站設計系列,LOGO設計系列設計師一定要知道的6個色彩運用技巧色彩是視覺設計中一個非常重要的元素，無論是在網站設計或是LOGO設計中，都佔有舉足輕重的地位。

今天，我們來分享一些關於色彩運用的實用小技巧。

內容目錄 1.設計先以黑白灰呈現2.不要超過3種顏色3.色相黃金比例60：30：10法則4.了解顏色搭配技巧5.用對比色產生視覺重量6.使用一致的品牌主色調1.設計先以黑白灰呈現先以黑白灰呈現設計很多設計師常犯的一個錯誤就是：太早將設計品上色！這樣會讓整個作品失焦，通常會浪費非常多的時間在選擇適合的顏色上面。

所以建議設計師們先用黑白灰簡單的顏色去做設計，在確定整個結構與視覺效果後，再上色。

2.不要超過3種顏色設計不要超過3種顏色你有沒有聽過這樣一句話：在穿衣服的時候盡量不要穿超過3種顏色，不然你會看起來像隻鸚鵡或是小丑。

而設計師在設計品中運用顏色的時候也是如此，盡量不要用超過3種顏色，如果真的沒有辦法，必須使用超過3種顏色的時候，可以用調整色盤中顏色的深淺去做區隔。

3.色相黃金比例60：30：10法則突兀的顏色運用對觀賞者來說是件大大扣分的事情，你不希望用了「突兀」、「不協調」的顏色讓整個作品失焦，或是讓觀賞者一頭霧水。

在設計中，顏色使用上的和諧非常重要。

60：30：10法則是一個極為簡單卻非常強大的設計技巧。

概念很簡單，也就是在作品的顏色呈現上，應該要符合60：30：10的比例。

60%主色相+30%輔助色相+10%強調色相。

協調的色相比例60：30：10法則比如說例子中的圖，其實就是按照60：30：10的配色技巧應用的。

主色相：佔了設計中絕大部分的顏色，通常是用於背景，也因為使用面積龐大，建議使用中性色。

輔助色相：佔了設計中大約30%的顏色，通常是品牌顏色，用於標題等。

強調色相：和主輔色有強烈的對比，主要用以吸引目光注意。

用於按鈕、圖標、小標題。

如果對於這個60：30：10法則有興趣的朋友，歡迎參考黃金比例的實際應用。

4.了解顏色搭配技巧5大顏色配色技巧選擇顏色的時候應該比照5大顏色配色技巧，去選擇適當的顏色搭配。

基本上，常見的配色技巧有補色、相似色、三分色、補色分割與矩形。

5.用對比色產生視覺重量視覺重量是一個物件是否能吸引人注意的自然特性。

當一個物件有更大的視覺重量，就有更大的機會被注意到。

視覺重量主要是3種特性的總和：一個物件的大小（物件越大，視覺重量越大）物件旁的負空間（負空間越多，視覺重量越大）物件的顏色（對比色越高，視覺重量越大）用對比色產生視覺重量所以在設計中，針對視覺上想重點呈現的物件，可以用尺寸、留白空間以及對比色去拿捏理想的視覺重量。

紅色基本上是視覺權重最大的顏色，而黃色則是最輕的。

設計中的視覺重量應用是一個非常重要的概念，也是設計師們一定要掌握的設計技巧之一。

6.使用一致的品牌主色調在品牌的各個設計或是呈現的設計品中，應該都要以品牌顏色為主體。

在顏色的選擇上，可以根據受眾的性別、年齡層選擇適當的顏色，與此同時，也要了解不同顏色會帶來的不同情緒反應。

建議你也可以使用市場上不常見的顏色組合，這樣可以讓你的品牌記憶點更為深刻。

選擇適當的品牌顏色比如說，MailChimp就使用了刺激行為，象徵樂觀、開心的黃色作為品牌主色調，而藍色則是作為強調色調。

MailChimp品牌主色調希望這次分享的色彩設計技巧系列對你有幫助，歡迎關注哈利熊的文章、IG、Facebook以及YouTube頻道了解更多關於設計、行銷、斜槓相關的知識。

推薦文章：設計色彩學系列｜顏色的冷暖色性：設計師一定要知道的顏色知識網站設計系列｜2020年8個創新的網站設計趨勢你好，我是「哈利熊」—賣家 設計色彩學系列｜配色黃金比例60：30：10的實際應用！ 你知道有一個非常實用的配色技巧嗎？那就是Readmore 設計色彩學系列｜顏色的冷暖色性：設計師一定要知道的顏色知識 冷暖色調指的是一個顏色會給予觀賞者的心情Readmore 設計色彩學系列｜你一定要知道的5大配色手法：補色、相似色、三等分、補色分割、矩形 視覺設計師在選擇顏色時，不僅僅要了解到不Readmore 設計色彩學系列｜設計師入門一定要知道的色彩學基礎：顏色3分類與顏色3屬性 在「品牌行銷顏色使用大全：不同性別、年齡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 正能量 溝通 潛能 瑜珈 甜點 生氣 生活 生產力風格 用人 直播 翻譯外包 腦力運動 臉書廣告 自由工作者 資安 連假 銷售 魷魚幣