天天看點

以風格定位去配色

作者:小畫設

文章:不會配色沒關系,以風格制勝

來自公衆号:研習設

如果你沒有良好的色彩基礎對色彩不敏感或者對配色感到茫然,那麼這時你可以從設計的主題或者情感屬性出發,以預想的設計風格對作品進行定位。在大多數情況下一個設計作品通常都能确定其特有的風格,而這種風格雖然是由畫面的各個因素綜合起來決定的,但是色彩在其中起到了很重要的作用和影響。隻要能夠确定設計所要傳達的風格和意向,通過學習掌握不同風格所具有的色彩規律,就可以遊刃有餘地直接用在你所設計的作品當中,而不是吹毛求疵的去專研色彩的每一個細節,當然如果你有時間和精力還是有必要深入學習色彩的。

以風格定位去配色

如果提到簡潔素雅的風格相信很多人會自然而然的聯想到極簡主義或者留白設計,的确它們有共通之處但卻略有差異。相信很多人都是通過日本的設計了解的留白和極簡,但是這并不代表其他國家或民族沒有留白和極簡。其實留白的美學早在大陸古代就已經出現了,最主要的表現就是在山水畫以及建築當中。我們民族一直以來深受儒家思想的影響,講究禮讓、謙遜、克制,也講究中庸之道和盈滿則溢,強調凡事需要留有餘地,是以疏而不空是中國美學的一大特點。

以風格定位去配色

留白和極簡是現在比較流行的設計趨勢之一,恰到好處的使用留白可以強調出設計作品的印象,迅速的傳遞出作品的風格。留白和極簡并不是相等的關系,并且我們也不是在講純粹的極簡主義或留白設計,而是從中提取出二者的特性加以綜合,最終從色彩的角度總結出以簡潔和素雅為主題的色彩搭配方式。這種風格往往使用較少的元素和大量的留白,是以想要做好也并非易事,并且這種簡潔素雅的風格與留白極簡一樣會受到設計主題及客戶喜好的影響,這是設計之前需要謹慎考慮的。

那麼究竟什麼樣的配色才具有簡潔素雅的風格呢?我們可以從以下三個角度來分析,分别是色彩的數量、色彩的種類、色彩的色調。

以風格定位去配色

首先在色彩的數量上不宜過多(這裡的色彩數量主要是指色相),使用的色彩越多畫面就越難把控,也就越難保持簡潔素雅的風格。雖然在色調統一的情況下能夠調和色彩之間的沖突,但是使用數量過多的色彩仍不及使用少量色彩所呈現的效果好。

以風格定位去配色

如果在一個畫面中色彩的使用數量過多,自然就很難達到簡潔,即使不是簡潔素雅風格的設計,也應該控制色彩的數量。

以風格定位去配色

無印良品的設計是極簡和留白的代表,雖然前文中我們說過極簡和留白并不能和簡潔素雅劃等号,但是針對這個海報作品還是具有簡潔和素雅的特性的。從畫面中吸取具有傾向性的顔色,不難看出基本就是以灰色調為主。

以風格定位去配色

這個作品上半部分使用的是淡藍色與淡黃色的冷暖漸變,下半部分使用的是灰色,在色彩的數量上使用的并不多。

以風格定位去配色

在色彩的種類選擇上以無彩色中的白色系和有彩色中的冷色系為最佳選擇,而中間色系和暖色系的效果次之。這也是簡潔素雅與留白極簡的一個不同之處,可以說留白極簡的設計隻要滿足留白和極簡這兩大特性就可以,但是簡潔素雅的風格會對色彩的冷暖有所要求。

以風格定位去配色

在無彩色中主要以白色為最佳選擇,其次是淺灰色,而深灰色和黑色并不具有簡潔素雅的特質。

以風格定位去配色

由于冷色系及中間色系帶給人的情感刺激不及暖色系強烈,是以更适合表現簡潔素雅的那種中庸、冷漠或冷淡的感覺。這并不是說暖色系的色彩完全不能使用,而是在選取正确的色調之後,如果想讓整體的配色帶有一些溫度可以适當加入,隻不過整體簡潔雅緻的效果不及冷色系和中間色系。

以風格定位去配色

這個作品整體為偏暖的灰色調,印證了前文所講解的并不是完全不能使用暖色,隻要不過于暖即可。

以風格定位去配色

這個作品以冷色調的淡藍色為主色并且四周留有餘白,簡潔的同時又略帶素雅的氣質。

以風格定位去配色

在色調上淡色調、淡濁色調、白色調都可以用來表現簡潔素雅的風格,具體可以參看我們之前關于色調的文章。如果不了解色調的話也沒關系,可以在色彩的飽和度和明度上做選擇,飽和度在中間和較低區域而明度在中間或中高區域的色彩都可以使用。

以風格定位去配色
以風格定位去配色

如果你不了解色調那麼可以使用軟體中的HSB色闆滑塊來選取色彩,H代表色相,用來确定色彩的冷暖;S代表飽和度,需要保持在較低的百分比範圍;B代表明度,通常需要在較高百分比的位置。

以風格定位去配色

這個作品以偏暖的灰色作為底色,通過大量留白以及添加冷色系的藍色圖檔來調和畫面的整體平衡,以淡濁色調為主,簡潔素雅的風格昭然若揭。

以風格定位去配色

這個作品以淡色調和淡濁色調為主,用來填充文字的藍色起到的點綴和定調效果,整個海報風格偏向文藝和雅緻。

以風格定位去配色

雖然色彩對于畫面的整體風格有很大影響,但是要想完全達到特定的風格還有考慮版面當中的其他因素,比如在字型的選擇和編排上以及圖檔的選擇和處理上,都是需要慎重考慮的。

以風格定位去配色
以風格定位去配色

在常用的字形中,宋體字在展現簡潔素雅上要優于黑體,雖然黑體具有簡潔的特征,但是簡潔素雅風格的設計多用于表現文化、文藝等主題,是以要根據不同主題來綜合考慮。

以風格定位去配色
以風格定位去配色

由于簡潔素雅的風格常用在文化領域,是以除了宋體和黑體以外也會用到書法體,其中楷書具有文化屬性同時又帶有雅緻感,而草書或行書由于自身筆畫張力的原因并不具有簡潔素雅的氣質,是以并不适用。

以風格定位去配色
以風格定位去配色

在圖檔的選擇上,畫面元素簡單的圖檔要優于複雜的圖檔,因為元素越少越能展現簡潔的特性,元素過多會造成淩亂的印象。

以風格定位去配色
以風格定位去配色

此外,在選擇圖檔時除了要考慮主體之外還要将色彩的因素考慮在内,色調淡雅的圖檔要優于色調濃厚的圖檔。

以風格定位去配色

簡潔素雅的風格并不适用于所有設計領域,因為該風格自身色彩的因素造成了在視覺效果上往往不夠具有吸引力,是以通常比較适合表現文化、文藝或與此相關的産品類主題,除此之外如果單純的想表現簡潔素雅的風格也可以使用。如果使用在商業産品推廣上但産品本身不具備簡潔素雅的特質,那麼這種情況下不建議使用這種配色風格。

接下來我們提出一個設計方案,要求是為某經營花卉植物的品牌設計一款海報,所提供的文案資訊包括主題、活動日期、簡要描述等等,可以看出它并不是一個純商業海報,更多的需要是傳遞品牌的定位和風格。

Step 01

以風格定位去配色

該品牌的定位是偏向年輕、文藝又帶些小清新這樣的風格,是以首先我們從畫面整體的角度對風格進行定位,顯然簡潔素雅的風格是符合該品牌氣質特征的。确定了整體的風格之後根據資訊層級對文字進行編排,根據定位選擇符合氣質的字型,大緻的編排到版面當中。

Step 02

以風格定位去配色

簡潔素雅的風格本身視覺效果就比較弱,如果使用純文字的版式編排會更加單調,并且該海報的主題也具有一些商業屬性,是以我們還需要為畫面添加圖檔素材,然後調整文字的字号和位置。

Step 03

以風格定位去配色
以風格定位去配色

這裡我們将使用的圖檔作黑白處理的意思是說雖然圖檔上的色彩并非是我們填充的,但是在做設計時尋找圖檔素材的過程其實也是配色的過程。為了契合簡潔素雅的主題,除了圖檔本身要與主題相關之外圖檔的色彩也要具備一定的條件。提取圖檔的色彩資訊,均符合之前我們所總結的規律。

Step 04

以風格定位去配色

将圖檔置入到版面當中預先留好的位置,然後建立8×8的子產品網格,根據網格限制文字和圖檔的具體位置。

Step 05

以風格定位去配色

最後為背景填充偏冷的灰色,調整圖檔使得圖檔與背景相融合,整個海報就設計完成了。最後吸取畫面的背景色來檢視HSB色值,飽和度和明度也與理論相符合,整體的海報風格呈現出我們預期想要達到的的簡潔與素雅。

以風格定位去配色

浪漫指為所愛的人和物而感動或開心等正面意義,以及能被記住很久的人或者所做的行為和語言。浪漫,代表着縱情富有詩意和充滿幻想甚至不拘小節。浪漫一詞來自于西方詞語Romantic音譯的演變而成,其作用就是為了翻譯Romantic。

而浪漫在如今的社會觀念中多指男女之間的一種關系,并且不同的人對浪漫的解讀也會不同。比如對于情窦初開的少男少女來說浪漫代表着柔情或羞澀;對于處于熱戀期的情侶來說浪漫可能是濃烈和熱情;對于已結白發的夫婦來說浪漫可能是一個淡淡的微笑和溫馨的眼神。

以風格定位去配色

那麼浪漫情調展現在配色上應該是怎樣的呢?我們從色彩的角度出發将浪漫情調劃分出具體的三大類:柔情羞澀、熱情濃烈、溫馨舒适。

以風格定位去配色

柔情羞澀也代表着溫柔含蓄,那麼展現在色彩上也應該具有這種情感屬性。是以所使用的色彩飽和度不應過高,暖色系中紅色和粉色更傾向于浪漫中的柔情;而綠色、青色、黃色常常代表着未成熟,是以更傾向于展現浪漫中的羞澀感,可以根據具體的喜好和傾向調整色彩所占的面積。

以風格定位去配色

在色彩的種類上紅色與紫色是表現浪漫的首選,如果想讓整體的配色帶有一些羞澀感也可以适當加入綠色、青色或黃色。

以風格定位去配色

在色調的選擇上飽和度中等的明色調、淡色調以及淡濁色調都可以表現柔情的浪漫。如果從色彩的飽和度和明度上來選擇最好将色彩的飽和度保持在中等偏低的範圍,明度保持在中等較高的範圍。

以風格定位去配色

這個海報的色彩雖然使用的數量較多,但是整體保持在明色調與淡色調的範圍之間,淡黃色背景之上添加暖色會為畫面增加一些溫暖和柔情,添加冷色會帶來青澀與對比。

以風格定位去配色

這個海報以暖色為主,同時又帶有綠色和黃色,整體色調為淡濁色調,結合畫面的主體呈現出一種柔情又略帶青澀的甜美。如果加深紅色和黃色就會變成我們之後要講的溫馨舒适的浪漫。

以風格定位去配色

熱情最佳的色彩選擇當屬暖色系中最暖的紅色,濃烈就是在紅色的基礎上增加飽和度。這種浪漫通常都是比較強烈無所畏懼的,也有着青春、正當年的意味,并且這種浪漫也代表着激情,是以在色彩的選擇上可以大膽的使用高飽和度的色彩,同時也可以通過加大反差來突出主體。

以風格定位去配色

在色彩的種類上紅色為最佳選擇,其次也可以與橙色、紫色搭配,與藍色配合使用會增加畫面的對比進而增加沖突性。

以風格定位去配色

在色調的選擇上飽和度中等偏高的明色調和純色調以及黑度值偏低的濁色調都可以用來表現熱情濃烈的浪漫。如果從色彩的飽和度和明度上來選擇的話二者都應該保持在中等偏高的色彩範圍之内。

以風格定位去配色

這個電影海報中以大面積暖色調為主,黃色與紅色互相搭配,紫色起到了很好的點綴效果,營造出的浪漫氛圍是熱情而濃烈的。

以風格定位去配色

這是法國電影《兩小無猜》的一款海報,影片講述了小男孩朱利與小女孩蘇菲從年少到成人,彼此相愛卻不敢說出來的愛情悲劇。海報中使用了較純的色彩,通過紫紅色和藍色的冷暖對比更加突顯了熱情而濃烈的浪漫印象。

以風格定位去配色

溫馨而舒适的浪漫少了一些熱情多了一些安逸,它既不是初戀的那種青澀也不是熱戀的那種熱情,更多的如家一般的溫暖。在色彩當中紅色、橙色、黃色最能表現出浪漫中的溫馨和甜美,如果單獨使用其中一種顔色那麼整體的風格會更傾向于該色彩的屬性,除此之外也可以将它們結合使用。

以風格定位去配色

在色彩的種類選擇上暖色系中的紅色、橙色、黃色最能展現出浪漫中溫馨和舒适感。

以風格定位去配色

在色調的選擇上明色調、淡濁色調和濁色調都可以用來表現浪漫的溫馨和舒适。如果從飽和度和明度的角度來選擇,整體的色彩飽和度需要控制在中等偏低的範圍内,而色彩明度值隻要不是過于低就可以。

以風格定位去配色

這個電影海報主要講述了一個男孩和父母離散,花了20年時間去尋找自己的父母的故事。畫面整體的色調以暖黃色為主同時又帶有少許藍紫色光暈,色彩的飽和度均控制在中等位置。浪漫不是愛情所獨有的,也可以是親情,隻不過是溫馨而舒适的。

以風格定位去配色

這個作品同樣是電影海報,主要講述了一對美國跨種族夫妻的真實愛情經曆。海報以濁色調為主,并且使用了大量的暖黃色,縱使經曆了再多的風雨,當兩人互相擁抱的那一刻是溫馨而浪漫的。

以風格定位去配色

色彩帶給人的印象通常會因為依附載體的不同而變化,浪漫情調也同樣如此。如果隻遵循浪漫的配色規律而畫面中并沒有表現浪漫的元素,那麼這種氣質和風格是很難讓閱聽人感受到的,是以在字型和圖檔甚至其他畫面元素的選擇上也需要仔細斟酌。

以風格定位去配色
以風格定位去配色

通常情況下表現浪漫的設計其主題都偏向現代、年輕、時尚,商業屬性比較多,是以黑體比較适用;而設計主題具有文化屬性時也可以使用宋體。

以風格定位去配色
以風格定位去配色

如果不使用黑體或宋體等“正常”字形,那麼具有手寫風格的字型也是一種選擇,但需要注意不要将手寫體與卡通體混淆。手寫體飄逸、流暢的筆勢具有文藝和優雅的特性,适用于表現浪漫情調,而卡通體更多是表現兒童的可愛氣質,除非是針對兒童的浪漫時可用。

以風格定位去配色
以風格定位去配色

由于是浪漫情調是以男女二人的主體更适合,而單人的主體即使在色彩上完全符合最終所呈現出的浪漫意味也較弱,因為一個人更多的是孤獨。

以風格定位去配色
以風格定位去配色

雖然浪漫的氛圍有時也需要場景的烘托,但是有人物主體的圖檔要優于風景圖檔,同時也可以将二者結合使用。

以風格定位去配色

案例示範部分我們模拟的是一款話劇演出的宣傳海報,以“青春禁忌”為主題,主要講述了青年男女之間的愛情故事。

以風格定位去配色

不難看出話劇的主題是與愛情相關,在大多數人的印象中,愛情都是一種幸福而美妙的浪漫,這也符合該海報的風格定位。接下來需要從前文講述的三種浪漫風格中選出合适的一種,這裡我們希望以柔情羞澀的浪漫來表現海報的主題。

以風格定位去配色

建立版面以上下結構的形式置入與話劇主題相關的圖檔,參考前文我們總結出的用色标準可以看出圖檔的色彩并不符合,是以我們可以通過統一畫面色調和反差式配色來強調柔情又帶有羞澀的浪漫。

以風格定位去配色
以風格定位去配色

根據我們總結的用色标準調整圖檔的色彩,使得最終整體效果以紫紅色作為案例的主色,以淡濁色調為案例的主色調。而從色彩的關系上來分析,藍色與紅色的互補關系會造成反差效果,是以為畫面添加少量的藍紫色。

以風格定位去配色

接下來将文字資訊依次編排到版面當中,通過不斷調整使版面達到平衡。這裡中文我們使用的是黑體而英文使用的是無襯線體主要是考慮到海報的主題更加偏向年輕和現代。

以風格定位去配色

接着還需要為版面建立網格,這裡我們設定的網格豎向為六欄,橫向也為六欄但是沒有欄間距,通過網格大緻限制下各個元素的位置。

Step 06

以風格定位去配色

最後為了給畫面增加一些青澀感和藝術性,我們為文字填充黃綠色,在紫紅色與黃綠色的碰撞之下,整個海報的版面具有一種柔情羞澀并且帶着淡淡憂傷的浪漫氣息,到此整個案例就設計完成了。

以風格定位去配色

本期文章我們以簡約素雅和浪漫情調這兩個風格為切入點,通多對色彩的數量、色彩的種類、色彩的色調總結出它們各自所具有的特點。我們不難發現以風格定位的配色思路簡單易操作,隻要掌握了不同風格所具有的色彩規律然後套用這個規律運用到自己的設計當中,那麼整體的設計風格就不會出現太大的問題,這就是我們所說的正确的配色,最後再通過對細節部分的調整就可以達到美觀的配色。簡約素雅和浪漫情調這兩種風格雖然具有局限性,不是所有主題的設計都能用到,但是我們可以學習這種配色的思路。

以風格定位去配色