實戰簡單圖片配色講解設計配色技巧

設計是為品牌服務的。關於為品牌服務一般有兩種情況,一是“服務的品牌”,即你在為“他人的品牌”服務;二是“個人的品牌”,即你正在打造屬於自己的個人品牌。

一般情況下,服務“他人的品牌”需要做的是提升該品牌的價值和產品的銷量,你需要根據品牌原有的VI風格進行配色,或根據要求打造一種品牌配色;而打造“個人品牌”則需要思考打造這個品牌的目的是什麼,比如說提升個人影響力、實現自我價值或者為創業、面試鋪路等,這就需要想清楚你要做什麼風格的品牌,再進行配色。

作為設計師,色彩的運用真的是至關重要,色彩是設計師永遠的話題。如果想得心應手地運用色彩,你的心中需要有一個色環。色環就是在彩色光譜中所見的長條形色彩序列,將其首尾連接在一起形成一個圓形,使紅色連接到另一端的紫色,色環是由紅、橙、黃、綠、藍、紫六種色彩漸變連接而成。

實戰簡單圖片配色講解設計配色技巧

配色實戰:一張圖片的簡單配色

實戰簡單圖片配色講解設計配色技巧

以上所見是一個還未進行配色的六宮格草圖(白模),很多設計師在做這種作品的時候,經常是將別人作品的顏色直接複製粘貼來做,但其實你也可以參考下我以下的分析,看看我是如何做配色的。方法十分的簡單,希望對大家有所啟發。

1、配色的分析:為何而做?

如果是“服務的品牌”,那就根據該品牌原有或具體要求的配色風格,來做配色即可。而以下的案例完全是我的 “個人的品牌”,我要突出的案例主題是“夢想”,因此沒有太多的條條框框限制,純粹是做我感興趣的、符合我個人風格的作品。

2、配色的執行:尋找主次輔、設計主次輔

“方塊理論”是我原創的設計理論,要學好它,只需學會兩點:尋找主次輔、設計主次輔。而這個理論在配色中同樣適用。

由於該案例的主題是“DREAM(夢想)”,那麼,首先我為這個主題定義了關鍵詞,並且在心中形成一個色環。“自由”(藍色)、“有趣”(粉色) 、“陽光”(橙色)、“草地”(綠色)等。同理,你也可以根據心中的主題,自由定義作品的關鍵詞哦。

1) 字母D

我們從字母D開始說吧。在這裡我採用關鍵詞聯想法:“自由”讓你聯想到什麼呢?我想到的是藍色。然後再思考“藍色”的情侶色是什麼顏色?是紅色。但是紅色是比較正統的顏色,為了使顏色更有趣,我把紅色改為粉紅色(當然你也可以發揮你的想象,為你定義的關鍵詞找到合適的配色)。

實戰簡單圖片配色講解設計配色技巧

配色的主次輔解析:字母D中,(主)色調是藍色,(次)色調是粉紅色。

2) 字母R

這裡可以同時使用關鍵詞聯想法和呼應法。這裡我選的是“陽光”,陽光很明顯是跟黃色相關的,因此主色調是黃色,如果是需要跟“天空”結合,那麼就選藍色作為次色調,也可以加入一些有趣的元素,我選擇粉紅色。

實戰簡單圖片配色講解設計配色技巧

配色的主次輔解析:字母R的(主)色調是黃色,(次)色調是藍色和粉紅色,而藍色與粉紅色剛好跟之前的字母D是相呼應的。

3) 字母E

這裡同樣可以同時使用關鍵詞聯想法和呼應法。根據色環,黃色的近鄰色是橙色和綠色。為了給畫面的顏色層次增加一些細節,我們可以增加輔助的顏色,比如說綠色是中性色調,紫色也是中性色調,加入一點點的紫色會使畫面看起來更舒服,但不會喧賓奪主。

此外,在畫面中可以裝載很多圖形,這些圖形所佔的面積不大,因此可以用不同的顏色少量點綴,如畫面所見的紅色、藍色、橙色、綠色、黃色等,都是與主題相呼應的。

實戰簡單圖片配色講解設計配色技巧

配色的主次輔解析:(主)色調是橙色,(次)色調是綠色、(輔)助的顏色是紫色和各種小量點綴的顏色。

4) 字母A

根據呼應法橙色和綠色的近鄰色是黃色,黃色跟紅色也是近鄰色的關係,而橙色是兩者中的過度顏色。

實戰簡單圖片配色講解設計配色技巧

配色的主次輔解析:(主)色調是黃色,(次)色調是紅色,再少量加入黃色的近鄰色綠色、以及紅色的情侶色藍色作為(輔)助的點綴。

5)字母M

最後一個字母,希望其感覺是比較有趣比較酷的,因此使用了高級黑作為主色調。

實戰簡單圖片配色講解設計配色技巧

配色的主次輔解析:(高級)黑色是萬能的顏色,跟任何顏色相配都可以。於是選擇了黑色作為(主)色調,而跟關鍵詞“有趣”相配的粉紅色作為(次)色調,然後再選擇跟“陽光”相配的黃色、跟“自由”相配的藍色、跟“草地”相配的綠色作為(輔)助色互相呼應,讓畫面更為豐富。

加分題

除了需要關鍵字聯想法和呼應法之外,如果想作品更加具有設計感,還需要配合整體的排版。以下畫面配色完成後是一個六宮格(圖1),感覺有點單調,而我們可以試著把它改成九宮格,並配合一定的排版(圖2)。作品的設計感就出來了。

實戰簡單圖片配色講解設計配色技巧

圖1(配色完成效果,非最終排版效果)

實戰簡單圖片配色講解設計配色技巧

圖2(最終排版效果),出自2017年的《種夢年度總結:精選作品合集》

題外話:如何為一張“貼圖”做的簡單配色

實戰簡單圖片配色講解設計配色技巧

在做創作練習時,我們有時候會找一些顏色豐富的圖片,如果我們把其作為材質的貼圖,那我們應該如何為一張“貼圖”做簡單配色呢?

其實方法也很簡單,場景搭建及材質貼圖完成後,我們可以從這個顏色豐富的貼圖中找其中一些合適的配色作為呼應,如粉色、藍色、黃色,小面積的使用,不會打亂整個畫面的風格,而為了整體氛圍的烘托,我們可以使用發光材質。關於C4D燈光、材質、渲染的技巧可以查看我之前所寫的相關文章。以上就是一些常用的配色基本思路。

實戰簡單圖片配色講解設計配色技巧

總結

在給作品配色的時候,很多人都會腦袋裡一片空白,不知該採用什麼配色方案,在這時候,先思考為何而做(到底是服務的品牌還是個人的品牌),然後心中要有一個色環,通過色環確定主色調。一切就變得簡單了。

另外,你需要清楚地瞭解,無論是一套作品、還是一張圖片,它們的配色都是有主次輔的。我們可以通過關鍵詞聯想法和呼應法來完成這個作品。最後希望大家學會獨立思考,舉一反三,當然記得多練習。

注意:以上整理的內容均來自網絡,如有侵權請及時告知刪除!


分享到:


相關文章: