當前位置:編程學習大全網 - 人物素材 - 無標題文章配色設計|7種顏色法則、6大搭配禁忌,妳都知道嗎?

無標題文章配色設計|7種顏色法則、6大搭配禁忌,妳都知道嗎?

色彩是壹種語言、壹種信息,色彩是具有感情的,能讓人產生聯想,讓人感到冷暖。在色彩搭配中,設計師把握好色彩的冷暖對比,明暗對比,面積對比,混合調和,明暗調和等,就能夠 保持畫面的均衡和色彩的條理性 。

色彩包涵的內容豐富多彩,但只要我們掌握了色彩的搭配方法,並遵循色彩構成的均衡、韻律、強調、反復等法則, 以色彩美感為最終目的 ,將色彩組織安排在平面設計作品的畫面上,便能得到壹種和諧的、優美的、令人心情愉悅的視覺效果。

via 最後幾秒

以色相為主的色彩搭配

這個配色方法是 以色相環為基礎 ,按區域性進行不同色相的配色方案。

當進行平面設計作品時首先應 依照主題的思想、內容的特點、構想的效果、表現的因素 等來決定主色或重點色。是冷色還是暖色、是艷色還是淡色、是柔色還是硬色等。

主色決定後再決定配色,再將主色帶入色相環便可以按照同壹色相、類似色相、對比色相、互補色相以及多色相進行配色。

①? 同壹色相的配色是指 相同的顏色 ,主要靠 明暗程度不同深淺的變化 來構成色彩的搭配。由於它只是單色的明暗、深淺變化,所以它使人感到 穩定、柔和、統壹 。但變化太小,會使色彩產生單調、呆滯、陰沈的感覺。

《媚者無疆》海報

②? 類似色相的配色包括的範圍較廣, 配色角度越大 越顯得 活潑而富有朝氣 ,角度越小越有 穩定性和統壹性 。但如果太小就產生陰沈、灰暗、呆滯的感覺,反之太大,產生色彩之間相互排斥、不和諧的畫面效果。

③? 對比色相的配色,其配色角度大、距離遠,顏色差異大,其效果 活潑、跳躍、華麗、明朗、爽快 。但如果兩色都是純度高的顏色,則會對比強烈、刺眼,使人產生不舒服的感覺。

聯合國國際和平郵票

④? 互補色相的配色具有完整性的色彩領域,占有三原色的色素,所以其特色清晰、明亮、艷麗、燦爛。但它是色相中對比最強烈的配色,如果再加上色彩的純度高,就會 產生沖擊力強烈、辛辣、嘈雜的感覺 。

via 西西coolbaby

以明度為主的色彩搭配

前面談到每壹個色相都有不同的明暗程度,且它的變化可以控制色彩的表情, 利用色彩高低不同的明暗調子,可以產生不同的心理感受 。

如 高明度 給人明朗、華麗、醒目、通暢、潔凈、積極的感覺, 中明度 給人柔和、甜蜜、端莊、高雅的感覺, 低明度 給人嚴肅、謹慎、穩定、神秘、苦悶、鈍重的感覺。

via visiongave

以純度為主的色彩搭配

純度也就是 色彩的飽和度 ,平面設計作品中,純度的運用起著決定畫面吸引力的作用。

純度越高,色彩越鮮艷、活潑、引人註意、沖突性越強;純度越低,色彩越樸素、典雅、安靜、溫和。

因此常用高純度的色彩作為突出主題的色彩,用低純度的色彩作為襯托主題的色彩,也就是 高純度的色彩做主色,低純度的色彩做輔色 。

面積因素

除色相、明度、純度外,色彩面積大小是直接影響色調的重要因素。色彩搭配首先考慮大面積色的安排, 大面積色彩具有遠距離的視覺效果 。另外,在兩色對比過強時,可以不改變色相、純度、明度、而擴大或縮小其中某壹色的面積來進行調和。

七種顏色法則

- 強調色 -

強調色是總色調中重點用色,是面積因素和視認度結合考慮的用色。壹般要求明度和統度上高於周圍的色彩,在面積上則要小於周圍的色彩,否則起不到強調作用。

via Edisonwong7

- 間隔色 -

間隔色運用是指 在相鄰而呈強烈對比的不同色彩的中間 ,用另壹種色彩加以間隔或作***用,可以 加強協調,減弱對比 。間隔色自身以偏中性的黑、白、灰、金、銀色為主。如采用有彩色間隔時,要求間隔色與被分離的顏色在色相、明度、純度上有較大差別。

- 漸層色 -

漸層是漸漸變化的用色,色相、明度、純度都可作漸層變化。漸層色具有和諧而豐富的色彩效果,在廣告的色彩處理中運用較多。

via 彎彎yang

- 對比色 -

對比色不同於強調色,這是 面積相近而色相明度加以對比 的用色,這種用色具有強烈的視覺效果,從而具有 “廣告性” ,可以瞬間吸引人的目光。

via ATOMIC14

- 象征色 -

這是不直接模仿內容物色彩特征,而且根據廣大消費者的***同認識加以象征應用的壹種觀念性的用色。主要用於 產品的某種精神屬性的表現 或 壹定品牌意念的表現 。

- 標誌色 -

這裏講的標誌色不是指LOGO的色彩,而是用色彩區別不同種類、或同類不同品種產品的系列用色。

例如以不同的色彩區別同壹品牌的化妝品, 不同成分用不同的色彩 。在處理上,面積、形狀、位置應加以變化。

比如說之前大大君寫過的 國貨化妝品牌羽西 ,在產品及海報的色彩搭配上,充分考慮到產品本身成分所帶有的色彩元素。

- 輔助色 -

這是 與強調色相反的用色 ,是對總色調或強調色起調劑作用的輔助性用色方法,用以加強色調層次,取得豐富的色彩效果。在設計處理中,要註意不能喧賓奪主,不能盲目濫用。

比如下面這張海航現代物流的廣告圖,畫面以橙色作為強調色,而“A”字中間的壹點藍色,則是作為輔助色存在, 對讀者視覺起緩沖作用 。

via Flyingbeard

黃金法則

這是壹個很基本的法則 ?60:30:10 ,主色彩是60%的比例,次要色彩是30%的比例,輔助色彩是10%的比例。這個法則是黃金法則,在任何時間任何地方都是非常正確的。

via Swallow_Ho

配色禁忌

- 太亮的霓虹色 -

閃亮的霓虹色看起來很有趣,似乎能讓頁面顯得非常潮、非常流行。但是他們並不會讓眼睛覺得舒服,往往會給人以“閃瞎了”的不適感覺。

想解決這個問題,妳可以試著 降低霓虹色的亮度 ,讓它看起來更暗,讓它看起來更加微妙;或者是 增加顏色的灰度 ,為整個頁面增添柔和、親近的感覺。

via aute Couture

- “震顫”色彩 -

當高飽和度的色彩搭配在壹起的時候,它們會產生壹種 “震顫效應” , 會讓妳覺得兩種色彩之間會產生模糊、震顫或者發出光暈的視覺效果,令人不適。

不過即使妳沒有嘗試搭配,也可以通過它們的基礎特征, 合理規避“震顫”配色 :

它們都是高飽和度的色彩

兩種色彩在色輪上是互補色

他們在色輪上相隔180度,處於對稱的位置

將兩種色彩轉化為灰度之後,兩者灰度非常接近

如果說妳必須使用“震顫”配色,這個矛盾也不是不能調和的: 加入中性的色彩將兩者分隔開就好了 。

- 淺色+淺色 -

淺色+淺色的搭配也是 最常見的錯誤之壹 。也許妳在某個平面設計或者印刷相關的項目上這麽配色,最終沒造成可讀性的影響,這可能是設置的問題或者色差造成的,但是在絕大多數的情況下,是錯誤的。

無論妳怎麽設計,這樣的配色壹定很難閱讀其中的內容。想要修復這個問題其實非常簡單: 選擇色彩均勻統壹的背景 ,文字部分可以與之構成對比。

via say417

如果無法修改背景,可以 在背景和文字之間加壹層 ,增加對比。

via lokngs

嘗試 調整整個背景圖片的色調、明暗、飽和度 等,以達成提升對比度的目的。

- 彩虹式配色 -

“彩虹飄飄”,設計師壹定是也生無可戀了。想想看,當壹大堆各種各樣的色彩都成為配色的壹部分的話,各種色彩之間的幹涉,都不知道打破了多少配色的規則。

這種設計雖然可能在壹開始會吸引用戶的註意力,但是隨後讓用戶產生的惡心和不適絕對會遠超設計者的預期,即使內容再好,都無法被人識別。

如果妳真的希望讓頁面更加“多彩”,那麽不要讓色彩都混雜到壹起,試著 使用卡片式設計 來承載不同的色彩,合理的排布,既可以讓色彩更加靈活,也可以保證 組織性和流動感 。

- 亮色+亮色/深色+深色 -

就像淺色+淺色的搭配壹樣,亮色+亮色或者深色+深色的搭配,都是 因為飽和度接近而造成的辨識度問題 。毫無疑問,這也是要規避的問題。即使是經驗豐富的設計師,也可能會在這個時候掉坑裏。

比如, 餓了麽星選LOGO ,裏面有幾張品牌之間“對話”的海報:

評論區下有粉絲留言 “晃眼睛” ,這就是兩個亮度過高的顏色搭配在壹起,造成的視覺不適感。

總之,千萬註意配色的對比度,在 視覺對比和可讀性 之間做出適當的平衡。

- “K”黑 -

我們常說的 CMYK中的K是黑色 。許多設計師的設計作品會橫跨網頁版和印刷品,有時候會在做印刷品的設計的時候,會誤將網絡配色中的黑色用上去。

印刷品,包括我們日常生活中的許多黑色,其實分很多種,它們通常是某種色彩疊加了很多之後產生的效果,比如渡鴉的羽毛是黑色的,但是妳仔細看它會微微泛藍。

所以,在設計這個黑色的時候,最好是挑選壹個 帶有品牌色調的黑色 (而非#000000)。這樣可以在印刷的時候更容易協調。

其實以上所談到的所有的配色的問題,幾乎都是關於 對比度和可讀性問題 的。實際上,只要確保色彩和內容的對比度和配色美感,幾乎所有的色彩都是能用的。

如果配色設計缺乏靈感,沒有突破,記得來 “愛集網” 找找感覺。

愛集網 是壹款專註創意工作者的靈感方案產品,匯集國內外200+知名設計網站作品,涵蓋平面、廣告、電商、UI、網頁、插畫、攝影等26個大類。

覺得沒看夠的話,請點擊下方“/”,素材網站,配色、排版、文案壹應俱全

  • 上一篇:ps睫毛-ps能不能處理睫毛擋著眼睛
  • 下一篇:仿古純色材料
  • copyright 2024編程學習大全網