狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

投了無數(shù)作品集,面試官卻說“視覺沖擊力不夠”?問題可能就出在顏色上!

掌握好用色技巧,作品集直接 Next level!感興趣的同學(xué)速速往下看吧!

更多作品集設(shè)計技巧:

一、顏色節(jié)奏

1. 背景跳色

很多同學(xué)都會忽略背景顏色的安排,其實背景顏色用好了,效果非常明顯。

先看一組對比圖。案例中,整個背景都使用了黑色,整體看起來會比較平,而且里面的內(nèi)容看起來也會有一點點散。

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

把背景顏色調(diào)整一下,變成黃-黑-綠-黑,讓顏色有節(jié)奏的切換,整個包裝是不是變得更搶眼了?

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

背景跳色除了讓作品集包裝更有視覺沖擊力以外,也可以起到“分類”的作用,把內(nèi)容裝在各自的“容器”中,劃分清楚。項目界面放一塊,項目描述放一塊...在視覺上會更規(guī)整一些。

2. 均勻布局

整體的講完了,我們來說一下單張中的顏色節(jié)奏。

讓畫面中突出的顏色布局均勻一些,不要都堆在一起。

假設(shè)顏色突出的部分都集中在一起,在視覺上容易產(chǎn)生一種節(jié)奏不平衡的感覺,一邊太重,一邊太輕。

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

我們可以有意識的把色塊分布開,畫面節(jié)奏會更均衡,看起來更舒服一些。

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

二、顏色面積


1. 大色塊

關(guān)于顏色面積這個點,其實在我們選擇界面的時候就已經(jīng)有所體現(xiàn)。無論是包裝單張界面還是多張界面,盡量選擇界面中有一定面積顏色的。

拋開背景,先看界面。在下方圖中,所有界面都太“平”了,缺乏視覺吸引力。

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

而以下這張圖會更吸引眼球。因為界面中有大面積的顏色,會自動“跳”出來。

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

那么假如界面就是比較平,顏色比較少,怎么辦?

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

可以嘗試給背景拉一個大色塊。對比下方左右兩張圖,右邊背景加入了橙色色塊之后是不是變的更突出了?

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

2. 無彩色

另外,在包裝中增加一些無彩色的面積,也可以使畫面更透氣,更高級。

比如這張圖標(biāo)包裝,除了局部的圓是彩色的,其他都是無彩色:

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

包裝其他內(nèi)容也是同樣道理,例如下方的吉祥物包裝,可以看到右下角有一塊淺灰色的面積:

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

以下的界面包裝中,右邊背景也有一個灰色色塊。包括左邊的界面中有比較大的白色區(qū)域,都是無彩色。

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

在畫面中留出無彩色是我最常用的技巧,基本排什么都能用上,嘎嘎好使!

三、主色數(shù)量

1. 控制主色數(shù)量

盡量控制包裝中的主色數(shù)量,特別是類似背景這種顏色面積比較大的地方。

下方同學(xué)的作業(yè)中,背景除了無彩色外,還有黃色、紫色、藍(lán)色 3 種顏色,用色比較雜。

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

減少紫色和藍(lán)色之后,我們能很明確主色就是黃色:

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

把主色控制在 1-2 個整體排版會清爽很多,而且面試官也會更容易記住你的作品集風(fēng)格。

四、總結(jié)

顏色用對,作品集嘎嘎吸睛!5 個超實用顏色技巧:

1.背景跳色

切換背景顏色,讓整體作品集包裝更有節(jié)奏感。

2.均勻布局

單張包裝中,亮眼的顏色排布均勻一些,節(jié)奏更舒服。

3.大色塊

優(yōu)先選擇界面中有一定的大色塊面積,效果會更突出。假設(shè)界面確實比較“平”,可以在背景拉大色塊。

4.無彩色

搭配黑、白、灰,讓畫面更透氣、更高級。

5.控制主色數(shù)量

特別是在大面積的背景色上,避免雜亂。

趕緊試試吧!沖!

歡迎關(guān)注作者的微信公眾號:「菜心設(shè)計鋪」

狂投200份作品集沒回應(yīng),這5個配色技巧讓作品集吸睛翻倍!

收藏 92
點贊 131

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。