首頁   新聞資訊   

為什么洋氣的漸變配色,到了你的手里卻很土?


為什么洋氣的漸變配色,到了你的手里卻很土?

漸變色應(yīng)該是近兩年來,各種LOGO、平面以及UI設(shè)計趨勢中提到最多的一種大熱元素了。

這個潮流從最近的新設(shè)計中就能看出

從LOGO設(shè)計

為什么洋氣的漸變配色,到了你的手里卻很土?

到海報設(shè)計

為什么洋氣的漸變配色,到了你的手里卻很土?

via 葉子

甚至到產(chǎn)品設(shè)計

為什么洋氣的漸變配色,到了你的手里卻很土?

眼看著漸變色已經(jīng)鋪天蓋地

而自己做的漸變卻是這樣的?

為什么洋氣的漸變配色,到了你的手里卻很土?

時下最流行的漸變色,要怎么做?

什么是漸變色

所謂漸變色是指某個物體的顏色從明到暗,或由深轉(zhuǎn)淺,或是從一個色彩緩慢過渡到另一個色彩,充滿變幻無窮的神秘浪漫氣息的顏色。

色彩可以給我們不同的感受和情緒,而漸變色則可以給我們更多的想象空間。純粹的漸變色使得色彩更生動緩和,不單調(diào),可以豐富整體設(shè)計感,卻又不會增加視覺負(fù)擔(dān)。合理的使用漸變色可以吸引用戶視覺焦點、渲染氛圍、提升美感、傳遞情緒等。

漸變現(xiàn)象

漸變現(xiàn)象分為四種:色相漸變、明度漸變、飽和度漸變、綜合漸變。

通過HSB色彩值來展示這四種漸變現(xiàn)象,會非常直觀和容易理解:

色相漸變,言簡意賅則是由一個顏色到另一個顏色的漸變或是多個顏色的漸變。

為什么洋氣的漸變配色,到了你的手里卻很土?

明度漸變,是同一色相不同明度,如同一顏色加黑或者加白摻和以后能產(chǎn)生各種不同的明暗層次。

為什么洋氣的漸變配色,到了你的手里卻很土?


飽和度漸變則是基于各種顏色的不同純度進(jìn)行變化,每一種純度都有與其相應(yīng)的明度。

為什么洋氣的漸變配色,到了你的手里卻很土?


綜合漸變,即是色相、明度和飽和度同時發(fā)生變化,完全變成另一種顏色,是我們最常使用的漸變形式。

為什么洋氣的漸變配色,到了你的手里卻很土?


漸變的顏色數(shù)量

漸變色在數(shù)量上的使用也沒有一定的規(guī)范。在多數(shù)情況下,分為四種情況:單色漸變、雙色漸變、三色漸變、多色漸變。

單色漸變即是上方演示的單純明度漸變或飽和度漸變。

為什么洋氣的漸變配色,到了你的手里卻很土?


雙色漸變是最常見的漸變,同時它也是一把雙刃劍,因為常見所以用起來不會造成太大的錯誤,也因為常見所以常常不會給人視覺上的震撼。

為什么洋氣的漸變配色,到了你的手里卻很土?


三色漸變是除了雙色漸變之外另一種常見的漸變,視覺效果上較雙色漸變更有層次感。

為什么洋氣的漸變配色,到了你的手里卻很土?


多色漸變比較少運用,因為把握不好就會給設(shè)計造成花俏輕浮的感覺,特定情況下除外。

為什么洋氣的漸變配色,到了你的手里卻很土?


總的來說,顏色越少越不容易出錯,但同時越豐富的層次感,越是需要多種顏色的相互碰撞形成,對顏色的理解和融合的技巧要求越高。

漸變的表現(xiàn)形式

漸變色有五種形式,線性漸變、徑向漸變、角度漸變、對稱漸變、菱角漸變。在日常設(shè)計工作中線性漸變、徑向漸變用的較多。

為什么洋氣的漸變配色,到了你的手里卻很土?

了解了漸變色的一些基本概念后,接下來我們再分析下在使用漸變色過程中幾種常用的表現(xiàn)手法:

漸變要如何應(yīng)用?

一、雙色漸變

雙色漸變是漸變設(shè)計中很重要的組成部分,是設(shè)計師們最常用的創(chuàng)作手法之一。其漸變現(xiàn)象可多種多樣。漸變方向主要指從一個顏色到另一個顏色的漸變,如下圖A-B,有橫向漸變、縱向漸變、對角漸變?nèi)N方式。

為什么洋氣的漸變配色,到了你的手里卻很土?

雙色漸變可作為設(shè)計的主視覺存在,也可是諸多特性中的一個。其效果是獨一無二的,可以讓畫面更加豐富、活潑,同時使畫面更整體統(tǒng)一,提升美感。

橫向漸變


為什么洋氣的漸變配色,到了你的手里卻很土?


縱向漸變


為什么洋氣的漸變配色,到了你的手里卻很土?


對角漸變


為什么洋氣的漸變配色,到了你的手里卻很土?


二、圖片上的漸變色疊加

在圖片上疊加色彩已經(jīng)流行了相當(dāng)長的一段時間。這種漸變通常在背景、照片中使用,可讓畫面更具神秘、優(yōu)雅、更具吸引力,讓用戶注意到上面更加重要和更關(guān)鍵的元素。

其中半透明的疊加可以讓畫面更細(xì)膩,同時也奠定了畫面的主色調(diào),這種設(shè)計對于大圖的作用尤其明顯,可以為圖片帶來耳目一新的感覺。

使用過程中要注意對背景圖的挑選,色調(diào)應(yīng)與內(nèi)容的含義相匹配,疊加后需強化頁面信息的可讀性,不要只為了裝飾而裝飾,否則呈現(xiàn)出來的結(jié)果會完全相反。

為什么洋氣的漸變配色,到了你的手里卻很土?


上面Spotify的頁面采用了圖片疊底和雙色縱向漸變,弱化圖片、讓文字可讀性更強的同時,使畫面依舊靈動具有視覺沖擊力。

為什么洋氣的漸變配色,到了你的手里卻很土?


而對于文字比重不高的海報,漸變色的運用更多是側(cè)重于協(xié)調(diào)圖片與顏色的關(guān)系。

三、多層次漸變疊加


為什么洋氣的漸變配色,到了你的手里卻很土?

兩年前,Instagram放棄了復(fù)古相機樣式的LOGO,更換成集合了多種顏色的漸變色扁平新圖標(biāo),引發(fā)了大家激烈的討論。

不管這個設(shè)計好壞與否,我們都不得不承認(rèn),這個彩虹色讓人眼前一亮。也讓我們重新認(rèn)識到在UI設(shè)計中,使用得當(dāng)?shù)臐u變色彩,可以使界面和圖標(biāo)的設(shè)計感得到迅速提升。

為什么洋氣的漸變配色,到了你的手里卻很土?

Instagram圖標(biāo)主要由一組線性對角漸變,加兩組球形徑向漸變疊加組成。細(xì)數(shù)一下,里面融合了桃紅、紫、橙、黃、藍(lán)五種顏色,可以說是多色漸變中非常具有技術(shù)含量的一個設(shè)計。

四、色塊漸變

漸變的顏色不只可以運用在一個色塊上,還可以運用在一組色塊上。

不如說下面的這組海報,設(shè)計師會采用同類色、近似色、對比色、補色,將一個圖形中的分區(qū)清晰區(qū)分開,讓圖形色塊平衡在一個頻率上,這樣的畫面多姿多彩,也更富有節(jié)奏感和舒適性。

為什么洋氣的漸變配色,到了你的手里卻很土?


為什么洋氣的漸變配色,到了你的手里卻很土?


五、置入元素

還有一種漸變色的使用方式是將漸變色置入到版面中的元素內(nèi),最常見的兩種形式就是置入到幾何元素當(dāng)中和置入到文字當(dāng)中。

這兩種形式都會為畫面帶來一些變化性,同時又能夠緩沖色彩與色彩之間的沖突,但需要注意漸變色之間的統(tǒng)一與協(xié)調(diào),建議一個版面當(dāng)中不要置入數(shù)量過多的漸變色,以免造成設(shè)計的最終效果顯得混亂。


第58屆塞薩洛尼基國際電影節(jié)海報

為什么洋氣的漸變配色,到了你的手里卻很土?

以上兩張電影節(jié)海報,將漸變色置入到數(shù)字“58”當(dāng)中,采用了多種顏色的疊加漸變,與黑色背景形成鮮明對比,重點突出這兩個數(shù)字。


為什么洋氣的漸變配色,到了你的手里卻很土?

這一形式同樣可以應(yīng)用于字體LOGO上,比如說前陣時間更換新LOGO的榮耀手機,在新LOGO的變色上加入了與產(chǎn)品呼應(yīng)的漸變色系。

六、網(wǎng)格漸變

AI網(wǎng)格工具繪畫出的成品不亞于3D,是一種很好的矢量畫圖方法,繪畫技巧相對復(fù)雜,要求較高,廣泛用于平面設(shè)計作品中。

網(wǎng)格配色的運用,考驗設(shè)計師的顏色搭配功底,調(diào)整每一個瞄點讓色彩過渡自然,也可采用多圖層的疊加方式。

為什么洋氣的漸變配色,到了你的手里卻很土?

via 網(wǎng)絡(luò)

為什么洋氣的漸變配色,到了你的手里卻很土?


為什么洋氣的漸變配色,到了你的手里卻很土?

via 唐寅

你見過最土的漸變色是什么樣的?

匯包裝,一站解決產(chǎn)品包裝定制需求,17年經(jīng)驗/源工廠,一分鐘就給到您產(chǎn)品的包裝預(yù)算,萬款案例讓您快速做出決策,最快看到樣品及量產(chǎn)所需時間,您產(chǎn)品銷量暴增開始!

往期精彩:
這么清新脫俗的茶葉包裝,喝完也舍不得扔!
2018年還有36天就要過去啦!新一年的日歷更新,設(shè)計精美創(chuàng)意獨特
內(nèi)衣包裝都設(shè)計成這樣,真是讓人心癢癢啊
別具一格的手機殼包裝設(shè)計自帶藝術(shù)光環(huán),快種草
耳機包裝早已脫掉塑料包裝“外衣”,有創(chuàng)意且極能吸引大家注意
測價人數(shù)已達(dá)
材質(zhì)
硬紙盒
硬紙盒
卡紙盒
彩瓦盒
木盒
皮盒
鐵盒
盒型
常規(guī)盒型
常規(guī)盒型
異形盒
尺寸
數(shù)量
手機
立 即 報 價
訂 單 查 詢
點 擊 查 詢




通話完全免費,請放心接聽
我們的來電顯示:13585166199 025-84486366

提交成功后請接聽您的專屬呼叫中心系統(tǒng)客服電話

免費通話.

在線
客服

在線客服服務(wù)時間:9:00-23:00

撥打
電話

13585166199
13357720636
7*24小時客服服務(wù)熱線

智能
客服

關(guān)注
微信

官方小程序
關(guān)注官方微信
頂部