1. 程式人生 > >海報設計之色彩搭配與均衡構圖

海報設計之色彩搭配與均衡構圖

定義:

色彩搭配就是不同色相之間相互呼應相互調和的過程,顏色有成千上萬種,怎麼搭配顏色才能出彩,讓人耳目一新,這就是色彩的魅力。
配色比例:日本設計師曾經針對色彩的配色提出比例原則70%、25%與5%的配色比例方式,其中的底色為大面積使用的底色,而主色與強詞色則是可以利用互補色的特性,來將主色以及強調色皆襯托出來。
這裡寫圖片描述

認識色環:

這裡寫圖片描述
這裡寫圖片描述
色彩對比的強弱程度,取決於色相之間在色相環上的距離(角度),距離越小對比越弱,反之則對比越強

色彩搭配方式

各種顏色代表什麼?
紅:活躍、熱情、勇敢、愛情、健康、野蠻
橙:富饒、充實、未來、友愛、豪爽、積極
黃:智慧、光榮、忠誠、希望、喜悅、光明
綠:公平、自然、和平、幸福、理智、幼稚
藍:自信、永恆、真理、真實、沉默、冷靜
紫:權威、尊敬、高貴、優雅、信仰、孤獨
黑:神祕、寂真、黑暗、壓力、嚴肅、氣勢
網頁設計常用色彩搭配表《配色表》:

這裡寫連結內容
單色搭配:調整該色的明度/飽和度,得到另外一種顏色
這裡寫圖片描述
文字顏色就是用背景色降低飽和度/明度後的結果。本身背景色明度很高,又採用單色搭配手法所以會給人高雅,淡雅,寧靜的感覺。主標題的字型也配合整個畫面採用了一些變形,使得整體非常統一和諧

相鄰色搭配:
相鄰色因為比較鄰近,有很強的關聯性,非常協調柔和,畫面非常和諧統一,可以製造出種柔和溫馨的感覺,因為在色輪中位置較近所以這種搭配視覺衝擊力較弱。
這裡寫圖片描述
這裡寫圖片描述
這裡寫圖片描述

間隔色:
這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

說明:上方這幾個圖片的背景都不是單一顏色,比如最後這張海報,紅色背景上又加了個深紅色的放射性背景。第三張海報,紫色背景後面還加了一些深紫色的幾何方塊做點綴。雖然是兩個顏色,但是都屬於一種色相,這樣可以使得畫面擺脫單調的感覺,增加畫面的空間感,給人以活潑時尚的感覺。

互補色搭配:
這裡寫圖片描述
互補色搭配有非常強烈的視覺衝擊力,而且也是非常現代時尚的搭配。若控制的不好往往產生不協調,不含蓄,不安定的效果
一定要控制好畫面的色彩比例,因為這個2個顏色放一起對抗非常激烈,所以一定要選出一個老大當主色調,另外一方作為點綴或者輔助色
可以降低其中一方的明度/飽和度,這樣可以產生一種明暗對比,緩衝其對抗性
在畫面中加入黑/白作為調和色進一步緩衝其對抗的特性

Kuler的使用

視窗——擴充套件功能——Kuler:選擇規則為三色組合
這裡寫圖片描述

Kluer網址:
這裡寫圖片描述
可以在軟體中直接使用、可以在網頁上使用

均衡的構圖

1.左右式構圖
最常見的構圖方式,分別把主題元素和主標題左右擺動。
這裡寫圖片描述

2.居中輻射式構圖
標題文字居中,分別把主題元素環繞在文字周圍,用在著重強調標題的環境。
這裡寫圖片描述

3.三角形構圖
倒三角構圖,標題突出,構圖自然穩定,空間感強。
這裡寫圖片描述

4.斜線構圖
產品所佔比重相對平衡,構圖動感活潑穩定,運動感空間感強。此類構圖適合科技、汽車、潮流題材
這裡寫圖片描述