一些視覺知識點(diǎn)-各類對比

2022-9-19    純純

通過用各類對比繼續(xù)為大家?guī)硪曈X“熱”知識~目錄如下

海報(bào)視覺如何做的有創(chuàng)意?有哪些方法呢?

比如從構(gòu)圖、擬物、光影、嫁接、對比、或者反差?等等等等

每一種又都可以拆分成很多細(xì)類。

比如對比在視覺海報(bào)中的運(yùn)用,又有明暗對比、顏色對比、大小對比、虛實(shí)對比等等、太多了!

首先我們來分析一下大小對比是如何應(yīng)用的。

1. 大小對比

1.1 大小對比的作用

我們先看下這張圖:



兩個(gè)元素, 如果一樣大,平鋪在畫面中,就會(huì)顯得普普通通的,沒有任何亮點(diǎn)。

如果我們把其中一個(gè)放大,另一個(gè)縮小,再來看:



畫面是不是有特點(diǎn)了很多,并且有了節(jié)奏感, 就連文案排版也有更多的方式。

所以對比就是讓畫面的兩個(gè)組成部分/元素,以夸張的手法,布局構(gòu)圖,以讓畫面產(chǎn)生強(qiáng)烈的反差。以提升畫面沖擊力,畫面縱深,內(nèi)容豐富層度。是非常有效提升畫面品質(zhì)的方法之一。

那大小對比如何玩的精通,玩得高級呢?

我們一起來看一下:

1.2 人物與人物

1.2.1 全身與半身對比






這種半身人物和小人物的對比,或者頭部表情眼神與小人物的對比主要可以展示人物細(xì)節(jié),后面的人物放大表情傳遞情緒,前面的人物展示全身,傳遞狀態(tài),可以很好地傳遞內(nèi)容,常常用在各類視覺海報(bào)中。

1.2.2 局部大特寫與小人物對比

(下面右側(cè)的圖是江湖哥2017年做的圖,分析兩次了,哈哈,備注下):



這種對比有強(qiáng)烈的大小反差,并且可以很大程度地拉伸畫面縱深,表現(xiàn)出很強(qiáng)的空間感!

并且還有一個(gè)細(xì)節(jié):這兩張都是三角形構(gòu)圖,非常穩(wěn)定。



所以我們在設(shè)計(jì)的時(shí)候要也要注意畫面的構(gòu)圖方式,夸張對比同時(shí),要保證畫面的穩(wěn)定和飽滿!



1.2.3 全身與全身對比


全身的人物對比很小的人物,讓畫面有更多的空間可以利用, 可以留白想象,也可以打造場景氛圍,展示更多場景氛圍。 

1.3 人物與場景

1.3.1 小場景與大人物


夸張化的對比,讓本該小巧的人物矗立在場景里,很容易就營造除了一種巍峨磅礴的視覺感受。



一般需要很高的設(shè)計(jì)成本,工時(shí)不小。簡單點(diǎn)的做法我們可以直接在人物下面拼接一些小場景,比如這樣:


一些日常小需求中,沒有那么多的時(shí)間去打磨細(xì)節(jié),就可以這樣做,既能保證按時(shí)完成需求,也能有一定的創(chuàng)意性。

1.3.2 小人物與大場景對比

這種方法也非常具有創(chuàng)意性,把一些很小的物體放大,人物縮小, 反差表現(xiàn)兩個(gè)主體的大小對比。往往也能有出人意料的效果,需要更多的靈感和想法。

創(chuàng)意本身就是打破常規(guī),把不可能變成可能,達(dá)到出人意料的效果就是創(chuàng)意。大小對比在畫面中的各種玩法就是可以很好達(dá)成這種目的的方法之一,大家可以多去嘗試,和練習(xí),單這一種方法用好了就很牛逼了。

2. 光影對比

光影是在平面視覺里常用的一種技法方式,再說光影的創(chuàng)意之前,我們先說一下光影的作用。讓大家對光有所了解。

2.1 光影的作用

我們?yōu)榱酥庇^一些,直接用幾個(gè)圖片說明。

現(xiàn)在這張圖,這是一個(gè)瓶子的圖形:


我們給瓶子加入光影:


瓶子就變得立體了!

我們給背景加入光影:


空間變得有縱深了,畫面層次也豐富了起來!

所以光在畫面中最基礎(chǔ)的有兩個(gè)作用:

⑴讓物體變得立體,更加真實(shí)!

⑵增加空間縱深,豐富畫面層次!

那我們應(yīng)該如何利用光影,去做更有創(chuàng)意性的設(shè)計(jì)呢?

光影、光影,先有光后有影。那我們就先來說說主要表現(xiàn)光的幾個(gè)玩法:

2.2 光

2.2.1 逆光

逆光就是主體在正前方,光源與主體重疊的一種使用方式,可以說是我們最常用的光影塑造方法之一了:


它的特點(diǎn)是光源與主體重合,形成很強(qiáng)的對比,在畫面可以可以非常好地聚焦視線,強(qiáng)化主體。

2.2.2 側(cè)光

側(cè)光是光從主體側(cè)面打過來的光,一般不會(huì)太強(qiáng):


主要是起到一個(gè)豐富畫面層次,營造氛圍的作用。

2.2.3 頂光

從主體頂部打下來的光:


這種光,可以有效引導(dǎo)視覺,把需要的部分亮起,不需要的部分暗下去,由上至下,吸引人的視線范圍和順序。

2.2.4 聚光

從前方照射過來的燈光:


聚焦視線,不要的地方全部暗下去,是一種最能收攏視線的打光方式了。有些細(xì)節(jié)比較豐富的聚光畫面,暗部也會(huì)保留一定的細(xì)節(jié),不會(huì)是一個(gè)純黑色。

2.2.5 造型

給光賦予一個(gè)造型,可以達(dá)到一種形式創(chuàng)意上的突破,

比如這種:



把光塑造成一個(gè)人物的造型,下面放置對應(yīng)的人物錘喪的狀態(tài),形成很強(qiáng)的人物情緒反差,可以說是非常有創(chuàng)意了。

還可以把光塑造成物體,比如這種:


把偷過來的光塑造成與主體相關(guān)的某個(gè)物品造型,中間放置一個(gè)小的人物,同樣也是一種很棒的創(chuàng)意方式。

2.2.6 分割

除了打光方向,造型之外,其實(shí)還可以用光來風(fēng)格畫面,也可以起到一些非常亮眼的視覺效果,比如這樣:


以上就是光的玩法了,可以看到,光的玩法多種多樣,利用好了可以讓畫面非常具有創(chuàng)意性。

說完了光,我們來接著說說影子的玩法都有哪些呢?

2.3 影

2.3.1 投射

投射相交來說是比較常規(guī)的一種處理方式了:


用投影的方式加入到畫面中,可以增加畫面層次,渲染氛圍,讓畫面更有深度。

2.3.2 造型

影子也是可以改變造型的:


本來是應(yīng)該與人物動(dòng)作一致的影子,被改變造型與人物產(chǎn)生互動(dòng)或?qū)Ρ?,映射出了非常?qiáng)的故事性,和內(nèi)容深度,非常具有創(chuàng)意性了。

在一些插畫或者游戲視覺中同樣也可以應(yīng)用起來:


內(nèi)容深度和想象空間直接拉滿!

2.3.3 剪影

配合逆光的形式,將主體以剪影的形式表現(xiàn)出來:


剪影的表現(xiàn)形式,為了凸顯剪影,背景上都會(huì)有一個(gè)逆光源存在,并且輪廓要清晰,在素材上刻畫一些輪廓光源以讓人物變得立體,可以營造出很棒的神秘感,常常應(yīng)用在神秘嘉賓、新品發(fā)售、新角色發(fā)布等活動(dòng)中。

應(yīng)用在一些游戲中,強(qiáng)烈的明暗對比配合富有氣勢的人物造型,也可以打造出一些很有視覺沖擊力的海報(bào)視覺!


光與影的玩法多種多樣,既可以讓畫面變得立體,又可以提高空間縱深。打光方式、造型、剪影、分割等等用法,可以讓我們的視覺變得不太平淡單調(diào),讓畫面擁有無限想象力的創(chuàng)意方式。

3. 其他對比

3.1 陣營對比

陣營對比的特點(diǎn)是5:5分畫面,以對比色鋪墊畫面,形成強(qiáng)烈的視覺對比,和陣營感。常用于表現(xiàn)兩個(gè)不同的陣營,或者正反派的視覺表現(xiàn)中。


除了影視海報(bào)、游戲,競技類體育類也常常使用這種對比方法:

主要表現(xiàn):對抗、競爭、陣營

3.2 狀態(tài)對比

狀態(tài)對比常用于表現(xiàn)同一個(gè)人或主體物的多種狀態(tài),比如人物的正常狀態(tài)和特殊狀態(tài)對比。通過一些技法讓兩種狀態(tài)和諧地拼接到一起,是讓單薄畫面豐富起層次和內(nèi)容的一種有效方法。

比如用畫面拼接的方式:

或者是同一主體,把兩種狀態(tài)表現(xiàn)到一起的方式:


主要表現(xiàn):人或物的的兩種不同的狀態(tài),冰對火、明對暗、正常對黑化等等。

3.3 時(shí)空對比

讓兩個(gè)不同的時(shí)空聯(lián)系到一起,形成時(shí)間地點(diǎn)上的反差對比。

3.3.1 兩個(gè)不同空間的對比

由同一個(gè)元素貫穿兩個(gè)不同空間,提供畫面的延續(xù)性,表現(xiàn)出打破/穿越空間的意境,非常具有沖擊力。


3.3.2 兩個(gè)不同時(shí)段的對比

同一人物不同時(shí)期通過倒影等巧妙的表現(xiàn)方式,與主體形成時(shí)間上的對比。具有延續(xù)時(shí)間長河的感覺,為觀者提供非常大的想象空間,是一種很有創(chuàng)意性的的方法。


主要表現(xiàn):空間穿越、時(shí)間變化的對比。

3.4 情緒對比

這種創(chuàng)意方式更多是傳遞人物的情緒,安靜的狀態(tài)

對比憤怒的狀態(tài),快樂的狀態(tài)對比悲傷的狀態(tài),


也可以表現(xiàn)人物的兩面性,正常狀態(tài)和陰暗面等等:


會(huì)讓觀者感受到強(qiáng)烈的情緒傳遞,視覺表現(xiàn)上反而不會(huì)那么注重。

主要表現(xiàn):重視情緒的傳遞

3.5 虛實(shí)對比

此虛實(shí)非彼虛實(shí)。

和我們常說的虛實(shí)對比不同,這里指的是虛幻和真實(shí)的對比,比如:

用線條或者影子打造一些和實(shí)體區(qū)別開的虛構(gòu)元素,和實(shí)體的元素形成對比,會(huì)有一種很虛幻浪漫文藝的感覺,可以用于表現(xiàn)一些幻想,不切實(shí)際的愛戀類似的主題中,能達(dá)到很少見的一些視覺效果。情感和創(chuàng)意都能得到很充分的傳遞。


作者:菜心工作室 來源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



分享本文至:

日歷

鏈接

個(gè)人資料

存檔