同類色配色,很少有人嘗試這麼做!

2021-01-11 UI設計優課堂

在我們剛剛開始做設計的時候,每當看到一個感覺很好的配色方案時,都會不經想到:他們究竟是怎麼做到的這樣的配色的?

圖片來源於網絡

為了掌握配色,很多人都會去學習專門的配色教程,或者去看專業的配色書籍。像是是互補色,鄰近色,這些名詞大家都不會很陌生。可即便是知道這些色彩知識,但當我們實際去運用的時候,卻還是會遇到了很多的問題。一個好的配色並不是僅僅只是那些擁有設計天賦的人才能掌握的。通過一些公式化的配色技巧也能讓大家在搭配色彩的時候有心中有色、不至於沒有頭緒無從下手。

首先我們先來認識同類色相配指的是什麼:

同類色搭配原則:指深淺、明暗不同的兩種同一類顏色相配,比如:青配天藍,墨綠配淺綠,咖啡配米色,深紅配淺紅等,同類色配合的服裝顯得柔和文雅。服裝配色方法較常用的有同類色搭配、類比、對比色搭配。1、同類色:

由同一種色調變化出來的,如墨綠與淺綠,深紅與淺紅,咖啡與米色等,在服裝上運用較為廣泛。配色柔和淡雅,給人溫和協調的感覺。

2、類比色:

指色環上比較相近的顏色相配,一般範圍在90度以內,例如紅色與橙色或藍色與紫色,給人的感覺是比較溫和、統一。但它和同類色相比,又更加富於變化。 3、對比色:

運用在衣服上能收到鮮麗明快的效果, 如黃色與紫色,紅色與綠色,它們給人的感覺比較強烈,不宜多用。如果需要大面積運用時,可以利用無彩色來加以協調。

下面給大家介紹一種同類色中配色的方法,你只需要簡單的增加、減少,色相、飽和度、亮度的數值就可以很輕鬆的掌握它。

01. 色彩模式 – 了解 HSB

首先現在的設計師大多都是在屏幕上完成工作的,在剛開始學習設計軟體的時候,都知道要設置正確的色彩模式。比如RGB和CMYK:RGB 稱之為色光的三原色,而 CMYK 則稱為印刷的四原色。

而上面的兩種色彩模式都是基於屏幕和印刷的,現在做配色的時候我建議大家選擇更貼近人類感官的方式 HSB ( 有時也稱作HSV )

HSB 分別表示的是 色相(Hue)飽和度(Saturation)以及亮度(Brightness)大家要好好記住這三個數值。

02. 巧用 HSB 數值變換

當你在HSB 模式下進行同類色配色時,首先要必須先確定一個色相(H),接下來就只需要對後兩項數值進行加減就能很快完成。

下面我給大家舉個例子,比如說下面這個電腦,在確定了紫色的色相值為270,其他的數值在這個值的基礎上變化。

來看看具體是哪些數值發生了變化:

從上圖可以看到基礎色的飽和度是24亮度是96,通過修改後兩項數值你可以發現:

同色相加深 = 飽和增加亮度減少同色相變淺=飽和減小亮度增加

看到這,相信大家對 HSB 的同類色配色有了相應的了解。但是記數值還是覺得太麻煩了,有沒有更簡單的方式呢?別急我們接下來看。

03. 用圖層模式快速打造配色方案

圖層疊加大家都了解,這裡我就不做更多表述了,那怎麼把它運用在配色方案裡呢?

首先,最簡單粗暴的方法就是在確定了一個顏色之後,把它複製出N份。在純黑和純白的底上,做不透明度的變化。如圖:

相較於 HSB 這個方法,會更直觀的讓你進行色彩選擇。也能快得到效果,你不必糾結,飽和度、亮度該增加多少減去多少。上去就是一頓不透明度調整,快速達到自己想要的效果。

04. 總結

配色的方法不止這一種,每個人都有自己習慣的方式。數值的設置也不用太死板,不同的情況調整的數值也不一樣。在本文中只探討了在固定的色值基礎上的顏色變化。

相關焦點

  • 大膽嘗試,諾貝爾高達元祖配色加女票發色
    |Meikannn 機體 |HG 1/144 諾貝爾高達,HG 1/144 RX78-2 元祖高達 標籤 | 入門、塗裝、投稿(已加入本月投稿抽獎池) 在三八婦女節之際想著做一個為數不多的女性化高達
  • 過年染頭髮 不妨嘗試漸變色
    每年年前,女生們都會做頭髮,那麼選什麼樣的顏色染,就成為了困擾。今天小編給大家介紹一些不同的染髮顏色,供大家參考。第一款:悶青漸變亞麻色 即時尚又獨特 而且顯臉白悶青漸變亞麻色第二款 薄藤色 淡淡的紫色似乎給人一種沉浸在紫羅蘭的錯覺 漸變又仿佛不是漸變 時尚美眉首選哦
  • 今冬「大地色」火了!講究女人一定要學會配色,優雅又高級
    那這麼多色彩當中哪些才是簡單又高級的顏色呢?今天我們就來一一打開這把色彩鑰匙,讓我們更深入的了解優雅女性的代表色——大地色系earth tone。 在同色系搭配當中一定要掌握好每個色的比例,什麼是主色什麼是配色,主色的面積要大於配色,這樣才能搭出層次感,當然,每個單品的面料材質的不同也是製造層次感的關鍵手法!
  • 一學就會的家居配色:對比色
    昨天我告訴大家了一套「強調色」的配色方案,你們回去之後有沒有試一試啊?不知道的小夥伴可以看我昨天的文章哦。今天,我要教給大家另一套更高階的方案——對比色。如果有學過美術的小夥伴,肯定會知道對比色是什麼,如果你完全不了解這個概念,其實也不要緊,因為真正適用於家居的主流配色方案也不過就是下面幾種。紅+藍自古紅藍出CP大家都聽過吧,哈哈……不得不說,紅色和藍色配在一起是真的很好看。你們看,是不是極具現代感和摩登感,美到爆炸好嗎?來一兩件紅色和藍色相間的裝飾品也是相當不錯的喲。
  • 簡單的色環圖,帶你解鎖不同的配色方法,一起學習安排起來
    01同類色配色法同類色配色法,顧名思義就是在色相環中角度為15°以內的顏色,通過調整單個顏色的明度、飽和度來完成搭配,簡單不易出錯,但是相對其他配色方法來說,視覺上比較單調。甜鳥覺得使用同類色方法來配色後,畫面雖然看起來會整體單調一些,但是也最不容易出錯,整體畫面還是很協調的。02鄰近色配色法鄰近色指的是色相環夾角60°以內的顏色,相鄰的兩種顏色搭配,例如紅色和橙色,藍色和綠色。鄰近色比同類色多一點活力,色彩也容易掌握。
  • 插畫師也太難難難了,配色都這麼多花樣!
    所有的顏色都可以根據這六種顏色結合色相環的位置來配色。色相環配色法1.鄰近色色相環上相距60。左右兩種顏色為鄰近色,如圖所示。鄰近色因為視覺衝擊力非常弱,一般表現溫馨、甜美、雅致的感覺,但是也容易造成單調、呆板的現象。
  • 色調配色:將彩虹色用得好看的秘密
    比如說:好電影、好音樂、美食、美景、彩虹色……提醒我們這個世界是鮮活且趣味的。今天給大家介紹色調配色,解鎖將彩虹色穿在身上也能好看的秘密。01什麼是色調配色?色調是指色彩的總的傾向。色調配色是指某種具有相同性質的色彩搭配在一起,色相越全越好,最少也要三種色相以上,比如說我們見到的彩虹色,就是典型的色調配色。
  • 原來配色這麼簡單…
    日本色彩學家曾做過這樣的一個試驗: 將兩人分別放入紅色系和藍色系牆壁的房間,讓他們憑自己感覺在裡面待一個小時後再出來。
  • 配色方案:綠色這麼好看,手把手教你搭配啊!
    眾所周知,高飽和度的螢光綠輕易不要碰,不管是撞色還是跟中性色搭配,都玩色高手才能駕馭的,屬於藝高人膽大的領域。▼(左:丹麥造型師EmiliSindlev,右:羅馬尼亞時尚博主AndreeaBirsan)如果非要試一試的話,可以學學紐約時尚博主LeandraMedine,用一雙襪子過過癮,不過即使是小物件,存在感也十分強。
  • 設計師如何做配色,反駁甲方說「配色醜」?
    在之前,配色一直都是我的弱點,而且會在這方面糾結很久,每次交稿的時候,總會被甲方噴成一坨屎,我覺得他說的很有道理,於是我花了很多時間在網上學習,然後,我的配色可能比坨屎好了點!!!因為我看到的都是一些:紅色代表激情、活力;藍色代表科技、冷靜;綠色代表健康、生機;橙色代表溫暖;還有鄰近色,互補色等等。
  • 學配色!需要爛熟於心的色彩搭配技巧
    在24色相環上,色相之間的間隔角度處於120°左右,那麼這樣的色彩組合就稱為對比色,例如:紅與黃綠。對比色相搭配是色相的強對比,其對比效果鮮明、飽滿,容易給人帶來興奮、激動的快感。由於對比色色相差異較大,其鮮明的對比效果能給人留下豐富深刻的印象,因此在許多的平面作品中,常採用對比色配色,並以高純度的配色來表現隨意、跳躍、強烈的主題,以起到吸引人們目光的作用。
  • 冬季穿衣配色最重要,巨溫柔的燕麥色穿搭,優雅到骨子裡
    冬天的衣服搭配顏色最重要,超級輕柔的燕麥色的,優雅至極。談到柔和的顏色呢,當然少不了燕麥色。身為土色系中的一員,其氣質溫柔大方,一直很受年輕小妹妹們的喜愛,在秋冬季,燕麥色的造型還可以和周圍環境融為一體,表現出更加和諧浪漫的情調。
  • 超實用的色彩搭配教程,讓你從小白進階為配色大神!
    新手如何學習繪畫配色?怎樣才能畫好插畫繪畫配色?畫好插畫繪畫配色有哪些技巧?想必這些問題都是繪畫初學者們比較傷腦筋的問題,那麼到底怎樣才能畫好動漫插畫繪畫配色呢?在網絡上收集整理了關於超實用的色彩搭配教程,讓你從小白進階為配色大神!
  • 聚焦哥:配色大課完結篇——主輔色比例
    「配色比例怎麼分配?」小何說「主色輔助搭配配色不累」聚焦哥「咋不累啊,累死了,快點開課囖」小何說!「好咧,說完這個配色就基本教完了」聚焦哥一、主輔色主輔色比例主色70%輔助色20%強調色10%很多人說配色不要超過三種顏色,上圖主色基本是暗色調灰色和黑色,輔助色是白色,強調色是棕色。
  • 一直喜歡莫蘭迪色卻不敢穿?這樣的配色技巧,看完就能快速上手
    這是日雜模特nonno,她的莫蘭迪配色技巧很有特色,今天以她為例,給大家剖析配色技巧,讓大家輕鬆上手並美豔動人。P1-2裸色//大人感成熟大地色系裸色可以跟哪幾種顏色搭配呢?①裸色+淺藍色:裸色鏤空長褲是很新奇的一種穿法,搭配一條牛仔淺藍上衣,既有女人味又有少女青春感,穿衣風格大膽的,可以嘗試一番。
  • 一分鐘搞定PPT配色丨附24個PPT配色網站
    各位親愛的大寶貝兒們~今天要分享的是「如何快速搞定PPT配色」。作為一個隨意派的PPTer,雖然很少套模板,但還是會使用同一套配色方案和同款字體維持整個PPT的統一性。很多PPTer都糾結如何配置顏色,尤其在給圖表配色的時候。
  • 黃+藍,綠+粉嘗試過嗎?這些神仙配色,美到有些出人意料了
    NO.1 灰色+紅色喏,就是下面這組搭配↓乍一看好像這兩個顏色並不是「一路人」,畢竟在很多人印象中,灰色都屬於高級色地帶,和黑白灰並列成為百搭之王。基本上每個follow時尚的女生,衣櫥裡都有幾件灰色單品。
  • 這個高級的色號,絕對不能錯過!
    如今整個世界正在重拾活力,有人為MeToo女權運動搖旗吶喊;有人為保護生態環境不惜餘力;有人為抵制甲醛房發聲抵制,改變無處不在。圖片來自多樂士其實琥珀黃的家居配色並沒有那麼難用,你必須知道:琥珀黃如何運用在家裡?為了更好展現黑白灰刷上琥珀黃後的驚人效果,以及教大家如何在室內家居設計中使用今年的主題色,貼心的多樂士給出了4個色盤搭配,高級又易學。思考空間色盤
  • 大地色系穿搭關鍵在配色,這3種高級時髦又大氣,難怪時髦精都愛
    其實不用擔心,冬季想要輕鬆駕馭大地色系,關鍵還在配色上,這三種配色高級時髦又大氣,難怪時髦精都愛,讓我們一起來看看吧! 一、同色系 想要將大地色系穿好,我們首先想要知道大地色系包含哪些具體顏色,以及哪種顏色適合自己。
  • iPhone 12 5G曝光繽紛配色,果粉直喊:為了這些新色,我等
    近日網上曝光了一組全新 iPhone 12 5G 的渲染圖,繽紛新色讓不少果粉直喊:為了這些新色,我等~。 至於在 iPhone 12 5G 系列的配色上,從曝光的渲染圖可見,除了黑、白基本色以外,還新增加諸如薰衣草紫、玫瑰金、莓果紅、天空藍、酪梨綠等繽紛設計,這麼多新色無不勾起消費者的購買慾