教你如何打破配色原理「規則」

2020-12-17 知圖設計院

眾所周知,顏色搭配對用戶的情感傾向和行為具有重大的影響,用戶訪問你的網站,或者使用你的產品時,不同的配色方案可以引起用戶特定的情緒,如熱情,優雅,可愛等。但除此之外顏色還會影響用戶的行為操作,正確的使用顏色,可以提高轉化率,而辣眼睛的配色只能讓用戶扭頭就走,抓著衣角都無法挽留。

不過雖然色彩心理學發展至今,對於每種顏色的搭配都有其既定的含義,而且使用這些經典的配色理論,往往遠遠勝過亂七八糟的配色,但在實際應用中,設計師卻不必拘泥於這些規則,也許規則之外有更好的選擇。

要想打敗敵人,首先要了解敵人,要想打破既有的配色理論,首先要了解它,在色彩中有兩個基本的概念,單個顏色的普遍含義,和顏色組合搭配方案,以下是兩者的簡要介紹,可以幫助你了解或者回顧一下,色彩基本含義。

單色顏色含義

注意,下面這些解讀只是普遍的含義解讀,在不同的文化裡,色彩的含義也會有所差異,而且通常顏色的具體含義會根據使用的場景和周圍顏色而有所變化。

紅色:激情,愛,危險,憤怒

橙色:歡樂,活力,警告

黃色:幸福,樂觀,創造力

綠色:自然,新鮮,成長,金錢

藍色:忠誠,冷靜,誠實

紫色:神秘,皇室,奢華

黑色:神秘,黑暗,力量,力量

白色:安全,清潔,純真

灰色:精緻,優雅,正式,無感情

棕色:自然,牢固,接地

傳統的配色方案

單色:單色(或色相)的不同陰影,色調和色彩。

類比:色輪上彼此相鄰的三種顏色(主色在中間)。

互補色:在色輪上彼此相對的兩種顏色。

分割互補色:主色與與其互補色相似的顏色配對。

Triadic:三色在色輪周圍均勻分布。

四面體:在色輪上彼此相鄰的兩種顏色及其互補色。

正方形:四種顏色均勻分布在色輪周圍。

(色環對應順序是從左到右,從上到下)

在要做這件事情之前,要先考慮為什麼要這樣做,是否因為你所在的行業中,大多數都在使用同樣的配色,而你想做出品牌差異,發視說就是要嘗試一下新的配色,幫助產品帶起一波潮流,你或許還有別的答案,但要記住一點,僅僅是為了打破規則而違反規則,是極難成功的。

最有效的一個例子是關於CTA(商品期貨交易)按鈕的轉換率,傳統的含義中,綠色或藍色按鈕的優先級高於紅色,因為綠色等偏冷色通常代表執行,通過,而紅色往往代表停止或者警告。

但是在Hubspot網站對客戶進行的測試中,他們發現紅色的按鈕比綠色點擊率要高21%,部分原因即在於由於綠色在頁面中的大面積使用,導致紅色反而更突出,這與單色中對紅色的定義剛好相反。

在設計中使用意想不到的配色會讓用戶印象深刻,這是色彩心理學的主要目標,影響用戶的情緒和行為只是其中之一,如果對比一些金融機構的網站,你會發現他們大多使用珠寶色,特別是深綠色和藏青色,,這些都是非常傳統的配色,綠色和藍色分別和代表金錢和誠實(大概跟美元的顏色有關,這就是前面說的文化差異),因此通常都會使用這樣的配色。

但這並不意味著你只能使用這些配色,金融網站Stripe使用的彩色漸變首屏和金融網站的其他首屏配色都不一樣,當然在後面幾屏中也會使用到深藍色,單色許多地方仍用淺藍色或紫色來區分元素,這幾點與傳統的配色有明顯的區別,因此該網站設計可以獨樹一幟。

關於配色原理,有一些經典的理論,如同一個頁面顏色(指色相)不能超過三不包括黑白灰,單色這種規則一直被打破,並且效果很好(好慘一規則)

例如AItuus網站為例,網站同時使用了深藍紫色,淺藍色,黃色,粉紅色,和薄荷綠,以及黑白色,使設計整體看起來生動有趣,非常適合他們社交禮品的業務定位。

使用意外的打破規則的配色時,不要忘記我們的目的是影響用戶對設計的感知以及行為,以達到我們想要的設計目的,即道路不一定只有一條,但目的只有一個。

知圖設計

每天分享一篇國外優質設計翻譯文章,歡迎關注。

相關焦點

  • 塗料配色的基本原理及方法
    配色是一項比較複雜而細緻的工作,因為顏色的種類非常多,需要了解各種顏料的性能,也需要對色彩差異的準確判斷。按需要的色漆樣板來鑑別其由哪幾種單色組成,各單色大約的比例是多少,然後再進行試配。今天,我們就來為大家介紹一下塗料配色的基本原理及方法。
  • 如何做增長:利用人性的貪婪打破規則
    不破不立,無論是在什麼時代,打破規則永遠是最有效的增長手段之一。 尤其是在當下,利用人性的貪婪打破規則,往往能獲得成功,這本質上是在給用戶創造1個無法拒絕的選擇。 1 打破規則4類玩法 將打破規則的玩法,按目的(用戶增長/營收增長)和類型(產品向/運營向)進行劃分,得出以上4種類型象限,每一個象限內都利用到了一個用戶心理,接下裡將針對每一個象限進行講解,並且搭配具體案例。
  • 教你如何打破夫妻間的無話可說
    心態有沒有用心去關注對方,如果你正在遭遇這樣的感情該怎麼辦?昆仔幫大家劃幾個重點,三個途徑,新鮮感,儀式感和驚喜,今天呢昆仔就詳細給大家講一下如何在溝通中應用新鮮感,這個可以通過換位呀,角色語境等等方式去實現,我們可以用熟悉感去換位,比如說剛剛說到當他又要說嗯,或者是愛的時候。
  • 規則是用來遵守的 or用來打破的?
    如果你是「閱卷老師」,不妨給他們打打分。    《有法必依》    ︻作者簡介︼    任怨2003年開始創作個人第一部小說《橫刀立馬》,至今已有六部作品,包括《超越輪迴》《、武道乾坤》等。    如題,既然在競賽的開始就明確規定了規則,那麼在競賽過程中出現了違反競賽規則的現象,就應該按照規則進行處罰,該出局出局,該扣分扣分。
  • 有很多喜歡的顏色,如何搭配得當?配色原理你一定要知道
    其實啊,春季的花枝招展,自然界的百花盛開,就和服裝搭配的原理是相似的,都強調色彩要和諧,服裝搭配中只要掌握色彩搭配的原理,買回來的單品就自然不會愁沒有衣服搭配啦。今天小編就來講述一下簡單的色彩搭配原理,掌握了之後穿衣搭配的色彩和諧,以後就是輕輕鬆鬆的事情啦。
  • 規矩和規則:規則是用來打破的,規矩是用來遵循的
    按時按點上下班這是各行業的規矩,早晨8:30打卡就是規則。規則是人定的,規矩是事物運行、發展的客觀需要。打破規則,遵循規矩是行業有序健康運行的表現。為什麼要打破規則?1.規則是對人的約束無論多麼合理的規則,說到底都是對人的行為的約束。
  • 我這樣一步步的教你配色基礎,還說學不會?
    我來給大家分享一些配色乾貨。希望對你有所幫助!本篇文章是第一部分,後續我會繼續更新,請持續關注我們。我們開始吧~首先我們要大致學習一下配色的要領。請做好筆記給人留下深刻印象的配色有著共通的模式,恰當的顏色搭配需要遵循一定的原理和原則。那麼問題來了,什麼原理?什麼原則?
  • 多肉配色(二):色彩大師教你,利用色環原理,巧做拼盆多肉
    想成為多肉大神就快關注我們吧前言上一期講了如何利用色彩原理進行多肉花盆的原則。這一期講一講,色彩原理的拓展版,利用它,去拼湊成更為美麗的多肉拼盤。正文先看看色盤,弄清楚哪些的冷色、哪些是暖色、哪些是中性色。再來看看配色學裡面的一些原則。
  • 如何讓你的論文插圖具有《Nature》同款配色
    如何獲取專業的科研插圖及配色方案論文插圖的配色很重要,但是我們科研工作者畢竟不是專業的設計師,去學習配色知識和原理往往耗費大量時間和精力,自己配色耗時耗力還不一定美觀。但是,我們完全可以通過收集優秀論文插圖中的配色方案,應用在自己的論文插圖中。
  • 《最全面閒魚手冊》教你如何玩轉閒魚!普通玩家如何打破50個櫥窗
    我該怎麼解決 如何維護有購買意願的用戶,促進購買?系統停止給曝光了怎麼辦?怎麼樣知道自己的產品有沒有可能是爆款?不是閒魚玩家,普通賣家如何打破50個櫥窗位限制?,盈利模式是拉人頭,發展下線主流方式目前是以下這種通過標記商品價格為0.01元的誘餌,告訴你拍下之後,她會教你如何搶到這樣的商品誘導你加他的v,分享給你教程讓你下載app(填寫她的邀請碼),並告知如何操作
  • 多肉配色(一)色彩大師教你,6大原色理論,花盆隨心搭
    為了你成為多肉大神,快關注我呀前言很多肉友都有這種甜蜜又煩惱的時刻,買的一堆多肉到貨了面對這種痛點,小編新開一個專題,叫做《多肉配色-色彩大師教你》系列。希望通過學習簡單的原色原理,可以方便大家解決這個世紀難題。正文先看一下色環,顯示了十種常見的主要色相(色相即各類色彩的相貌稱謂)。配色原理,其實可以簡單地想像為一個色盤,距離不同的位置想組合,會產生奇妙的視覺感應。
  • 為什麼你家的配色很難看?——家居配色失敗原因分析
    這裡是Guoo設計師的付費課程《你的專屬家居配色——剖析家居色彩搭配的秘密》第一章節。以下是本章節的主要內容:1.常見的家居配色失敗案例解析。2.色彩的原理知識。3.家居配色的原理。在學習家居配色課程之前,我們先了解一下家居配色的錯誤做法。這樣,我們在沒有學會更好的色彩搭配之前首先做到不出錯、不踩坑。
  • PPT配色太難看?兩招教你搞定配色難題,還不用去學那複雜的色彩理論!
    其實配色難看的問題可能是兩個方面的原因,今天的教程就帶大家來詳細分析一下這兩個原因,掌握解決方法之後,我保證你的配色絕對不會再難看了!然而,讓你去了解配色原理又沒耐心,像是色相環、相似色、互補色、分離補色等等的概念哪裡能分得清啊。其實,PPT配色很簡單,只需要掌握2個基礎原則即可。
  • 乾貨 | 手把手教你如何將原理圖符號畫得通俗易懂?
    請確保你的軟體包能方便地創建符號,因為你可能得重新繪製每個單獨元件,以及創建新的元件。CAD軟體包含的上萬種符號只是你重新繪製它們的基礎。好的原理圖應該有可預測的信號流向。這個流向要求輸入部分位於左邊和上邊,輸出部分位於右邊和下邊。當然這並非鐵板一塊,但如果你希望其他工程師一眼就能理解你的原理圖,遵循這個規則就非常重要。如果我高聲對你喊叫,「區別什麼有做這樣?」
  • 宋茜唐嫣教你怎麼打破這個死亡定律!
    選擇半高領的女孩子們都是高手哦~相比於高領,半高領既可以讓你保暖又可以讓你過過高領毛衣的癮。袁姍姍這套look就做出了很好的示範。基礎配色的搭配但是單品選擇非常用心,呢大衣的大領口,毛須的設計非常有少女感。格紋又是很熱門的圖案。袁姍姍搭配了基礎色的灰色半高領毛衣,海軍風的帽子和皮靴讓整套look帥氣感增加了很多。
  • 9個常用方法教你搭配出協調精美的配色 ​​​​
    9個常用方法教你搭配出協調精美的配色 ​​​色相一致,所以保持純度相近統一的配色,能夠保證畫面的視覺一致。而使用正方形或者五角星選取色彩時,由於間隔較小,所以配色會更加均衡。所以當你的畫面中包含圖片或者照片時,可以嘗試吸取其中的色彩來進行其它元素的色彩填充。
  • 3個大神級配色網站,一鍵生成PPT配色方案,網友:太實用了
    關注我的百家號,私信關鍵字【PPT配色】獲取我給你準備了46種經典配色搭配!而優秀的配色,直接可以給PPT加分,讓PPT高大上和驚豔:那該如何才能處理好PPT配色呢?任何一個配色都是有色彩原理的,但對於很多職場人而言,搞懂這些深奧的原理似乎意義不大,畢竟我們不是專業的色彩師。那有沒有簡單的辦法呢?這裡給大家推薦4個優秀的配色網站,幫你輕鬆獲取配色,搞定高大上配色!
  • 從金字塔原理到SCQOR原則,這本書教你如何寫出有說服力的文章
    對於怎樣用文字獲得關注、贊同,以及如何寫出有說服力的文章,我想跟大家分享最近對一本書的閱讀收穫。這本書名叫《麥肯錫教我的寫作武器——從邏輯思考到文案寫作》,是在我的3月書單中的必看書籍。這本《麥肯錫教我的寫作武器》,書如其名,就是教你怎麼寫作的。正確使用信息相信大家在寫文章時都遇到過類似這樣的問題:腦子裡有很多零散的詞句,當你想將它們寫下來時,它們就擠在一起湧向指尖,然後堵住,不管你憋多好久,就是不知道如何下筆。
  • 格式塔原理,教你如何合理的布局設計界面
    APP頁面設計布局最關鍵的是為用戶展現層次清晰的視覺傳達,格式塔原理可以有效地指導界面設計中的用戶交互,它能夠幫助設計師準確對界面進行組織和架構,從而設計出用戶友好型界面。這個原理和人類的心智模型有相關性,當我們在辨識一個物體的時候,我們會將不完整的物體與我們的認知模型中的原型相匹配,從而達成認知。所以封閉性原則的前提之一是,把握局部不完整物體的尺度,如果太零散,太碎片,就會出現認知混亂。
  • 你不敢打破規則,憑什麼過上喜歡的生活
    洞見(DJ00123987)——不一樣的觀點,不一樣的故事,數百萬人訂閱的微信大號。