2020最新国产在线不卡a-爱看女同中文字幕av-国产大秀视频在线一区二区-大香蕉手机在线最新视频

石家莊網(wǎng)站開發(fā) 石家莊網(wǎng)站開發(fā)公司

資訊動(dòng)態(tài)

察而思、思而行、行而后語、知行合一

設(shè)計(jì)中如何營造畫面的層次感

發(fā)布時(shí)間:2025-06-06 熱度:

1、前言

在設(shè)計(jì)中為了營造一種更加真實(shí)和生動(dòng)的畫面,我們通常會(huì)對(duì)畫面中的各個(gè)元素之間進(jìn)行層次感的營造,但不管是設(shè)計(jì)師后期營造的,還是在畫面中所應(yīng)用到素材和主體,本身都會(huì)存在一定的層次感,而對(duì)于層次感很多時(shí)候大家只是有一個(gè)模糊的概念,對(duì)于如何營造層次感以及什么是層次也會(huì)存在的一知半解,本期文章將通過對(duì)層次感的闡述讓大家對(duì)層次感的概念以及營造有更加深入的認(rèn)識(shí),以及在以后的作品中如何去把控層次感的變化;

2、什么是層次感

層次感即是在符合視覺合理性的基礎(chǔ)上,把要強(qiáng)調(diào)或者要突出的主體與畫面中其他元素進(jìn)行區(qū)分時(shí)所發(fā)生的關(guān)系;通過對(duì)版面中的元素大小,遠(yuǎn)近,前后等多重關(guān)系原理,并運(yùn)用色彩加以區(qū)分使元素和主體在畫面中具有一定的主次,當(dāng)人眼通過觀看時(shí)會(huì)產(chǎn)生一定的視覺層次和心理變化;對(duì)設(shè)計(jì)師而言,可以通過技術(shù)手段對(duì)主體自身的層次感進(jìn)行調(diào)整變化,使畫面的在傳遞的過程中更加具有視覺效果和層次變化;

企業(yè)微信截圖_a04c3bd1-ba45-4b2f-9a3f-183c0dd9d4a5.png

如圖所示:通過兩張簡單的模特圖可以看出,左邊處理成黑白色,自身的層次感除了黑白灰并沒有其他的區(qū)分,而右邊則是正常色顯示,除了黑白灰之外還有黃色的皮膚,整體更加能夠突出人物,并且是真實(shí)存在的自然現(xiàn)象,即使換成不同風(fēng)格的衣服和裝扮都是來襯托人的主體,衣服和裝扮與人物自身則會(huì)形成一種層次分明的感覺;

1.png

2.png

兩組同樣大小的案例使用不同的編排方式和表現(xiàn)形式,而畫面所傳遞出來的層次感完全是不一樣的;左邊的案例除了文字信息自身的編排營造的節(jié)奏感和層次感之外,主體的投影也是從上向下延伸沒有太多的層次變化;而右邊的案例在主體的倒影做了透視之后很好的與整個(gè)版面形成前后的層次感,文字的編排則會(huì)給人一種懸掛的感覺,在增加層次感的同時(shí)也增加了空間感,讓整個(gè)版面不再那么平淡;

版面里的層次感除了元素與背景之外,還需要注意元素與元素之間的層次變化,而文字信息與其他元素之間的層次感是最容易忽略的

3.png

如兩組案例所示;在使用相同編排的同時(shí),把畫面中的主體自身進(jìn)行變化,左邊則是實(shí)心的線條沒有做任何的修飾和變化,而右邊的則是把主體處理成具有強(qiáng)烈層次感的形式,在改變自身變化的同時(shí)也可以為整個(gè)畫面增添不少視覺效果,很多時(shí)候?qū)τ谥黧w自身的層次變化也是不可忽略的,主體的好壞則會(huì)直接的影響畫面的視覺效果,在選擇主體時(shí)也要進(jìn)行全面嚴(yán)格的把控和篩選;

4.png

對(duì)于主體而言我們?cè)谶M(jìn)行明度對(duì)比調(diào)整,色彩調(diào)整和光影調(diào)整的時(shí),以及使用材質(zhì)進(jìn)行刻畫和形式表現(xiàn)時(shí),即是對(duì)層次感的把控和修飾;

3、層次感的作用

強(qiáng)調(diào)重點(diǎn)、突出主題,提升畫面視覺表現(xiàn)力,豐富畫面建立主次關(guān)系,平衡單調(diào)與花哨,讓畫面更加生動(dòng)真實(shí)

4、形式層次感

形式層次感作為最有力凸顯層次感的方式之一,同時(shí)也是兼具設(shè)計(jì)感和強(qiáng)有力的藝術(shù)性,包含多種設(shè)計(jì)中的風(fēng)格,細(xì)節(jié)以及處理技法,其目的主要是在現(xiàn)有的基礎(chǔ)上進(jìn)行另一種形式的變化,尤其是在主體較為固定的情況下,形式所營造的層次感尤為重要,且極具視覺沖擊力,重點(diǎn)的突出可以起到美而新的作用,而在立體和繪畫這種可控性較強(qiáng)且加持各種類型的層次感風(fēng)格上,所起到的作用最為明顯;

5.png

從六個(gè)形式中可以看出,右邊的圖形與畫面中的文字信息和背景全部進(jìn)行了區(qū)分,在較為固定的元素中同樣可以用很多種合適的形式營造層次感突出所要強(qiáng)調(diào)的,但需要注意不同形式對(duì)畫面整體風(fēng)格所帶來的影響變化;

實(shí)際案例:

1)置入素材

新建一個(gè)畫布,然后把找到的素材置入到畫面當(dāng)中,所找到的素材則是立體的流體分裂球,其本身就帶有一定的層次感和極強(qiáng)的藝術(shù)性,對(duì)于優(yōu)秀的素材可以省去我們很多功夫,但也需要根據(jù)實(shí)際的效果而定,然后根據(jù)主體所呈現(xiàn)的層次感對(duì)背景進(jìn)行處理;

6.png

2)背景紋理

找到一個(gè)褶皺紙張的紋理素材,其目的主要是利用褶皺所呈現(xiàn)出來的層次感變化,然后對(duì)其執(zhí)行圖層樣式-顏色疊加-正片疊底,選擇一個(gè)亮紅色得出右邊的效果,在此基礎(chǔ)之上可以利用曲線調(diào)整明暗關(guān)系;

7.png

3)調(diào)整明暗關(guān)系

用曲線調(diào)整完明暗關(guān)系之后可以看出左邊的圖的明暗關(guān)系稍微弱了一些,同時(shí)也與主體更加吻合,在此基礎(chǔ)之上再執(zhí)行濾鏡-風(fēng)格化-曝光過渡,最終得出右邊的效果,而此時(shí)調(diào)整出來的效果與主體的對(duì)比更加明顯,但在風(fēng)格上面的差異比較大;

8.png

4)主體刻畫

對(duì)主體執(zhí)行濾鏡-風(fēng)格化-油畫效果,讓主體自身沒有那么光滑,增加更加細(xì)膩的層次變化,然后再對(duì)其添加漸變疊加效果,加入紅色的泛光則是為了與背景中的紅色達(dá)到和諧統(tǒng)一的效果,并且讓主體也有一些色彩層次的變化,得出右邊的效果;從整體來看風(fēng)格和形式比較和諧統(tǒng)一,但卻覺得主體不夠真實(shí)且空蕩不穩(wěn)定;

9.png

5)主體加入輔助信息

接著直接把主體復(fù)制一層,調(diào)整下面圖層的大小至合適的位置,然后調(diào)整混合模式為正片疊底,與上面的主體正好可以形成前后鮮明的對(duì)比,同時(shí)也是圖疊圖用法,讓主體更加突出,最后加入編排好的文字即可;

10.png

6)最終效果圖

11.png

5、色彩層次感

無處不在的色彩作為營造層次感最強(qiáng)有力且最為直接的方式,不僅僅存在于設(shè)計(jì)當(dāng)中,在生活當(dāng)中也時(shí)刻對(duì)我們產(chǎn)生著久遠(yuǎn)的影響,色彩作為一門學(xué)問,其作用和影響的廣泛度也是有目共睹的,在之前寫過色彩對(duì)風(fēng)格的影響,而本期提及的色彩則是對(duì)層次感的營造和影響;

image (17).png

單色的層次感就是通過色彩的明暗度和飽和度的變化來營造明暗和深淺的層次關(guān)系,這種層次感也是在設(shè)計(jì)中最為常用的方式,但很多時(shí)候單色容易給人一種單調(diào)乏味的感覺,而這種時(shí)候就需要通過層次感來提高單色的檔次;

image.png

image (4).png

1)將主體置入到畫面中

新建一個(gè)畫布,以文字信息為主體,把事先做好的字體設(shè)計(jì)置入到畫面當(dāng)中,調(diào)整到合適的位置大小,然后針對(duì)版面進(jìn)行編排設(shè)計(jì);

12.png

2)加入層次感

如左圖;當(dāng)把所有的信息都擺放好之后可以看出,整體全部使用一個(gè)顏色,這樣會(huì)讓整個(gè)版面過于平庸單調(diào),且沒有視覺效果,在此基礎(chǔ)之上加入具有層次感變化的材質(zhì),即讓畫面更加真實(shí)同時(shí)也具有較好的視覺效果,而左上角的標(biāo)志則使用圖形和文字不同的單色,即使在版面中占據(jù)較小的空間,也瞬間讓圖標(biāo)更加醒目;

13.png

3)最終效果圖

14.png

image (2).png

多色層次更多的是色相與色相上的變化,即包含了明暗度又涵蓋了飽和度,在使用是可以用不同的色變化來豐富畫面,同時(shí)也是在營造一種色彩的層次感,而當(dāng)下用的最多的則是多彩漸變的方式,讓色彩發(fā)揮出自身獨(dú)有的視覺優(yōu)勢(shì);

image (3).png

image (4).png

1)將主體置入到畫布中

素材雖然是黑白的,但對(duì)比度強(qiáng)烈層次分明,在實(shí)際商業(yè)應(yīng)用中也可以通過利用曲線色階等工具來調(diào)整素材的層次感;

由于這個(gè)素材自身不是全身展示,根據(jù)所建的畫布新建一個(gè)適量矩形并調(diào)整好位置置于版面中間,然后把人物素材剪切蒙版到矩形里面并調(diào)整所要展示的部位,在這個(gè)時(shí)候其實(shí)畫面已經(jīng)形成了一種層次,接著把文字置入到畫面當(dāng)中;

15.png

2)加入層次感

如左圖所示;把文字編排好之后置入到畫面當(dāng)中,根據(jù)人物自身的顏色選擇一個(gè)深灰偏藍(lán)的顏色,(在設(shè)計(jì)中很多設(shè)計(jì)師都會(huì)這么用)右下角的文字會(huì)與人物重合,就選擇一個(gè)紅色作為區(qū)別,雖然模特有種邪魅的帥氣,整體看起來過于深沉,

把所有文字的顏色全部統(tǒng)一用紅色,這個(gè)時(shí)候文字與主體之間則會(huì)有上下的層次,而且與人物形成極大的反差,既能凸出人物,又能凸出文字;

16.png

3)利用多色的層次對(duì)人物主體執(zhí)行漸變疊 ,形成最終效果圖

6、編排與主體層次感

在版面中的編排通常是指文字信息與文字信息之間,版面和元素之間的關(guān)系,通過層次感的編排劃分主次讓文字信息和版面中的其他元素都可以很好的傳遞給觀者,以達(dá)到一目了然的實(shí)際作用,為了突出文字信息通常會(huì)使用各種各樣的技巧和方法來滿足我們的目的;

image (5).png

image (4).png

1)將主體置入到畫布中 調(diào)整素材的明暗對(duì)比度

在新建的畫布當(dāng)中把該素材置入畫面當(dāng)中,高清大圖的優(yōu)勢(shì)就是可以隨意截取想要的部位以達(dá)到最佳的畫面視覺效果;

把素材置入畫面之后并調(diào)整至合適的位置,然后轉(zhuǎn)為智能對(duì)象對(duì)齊添加曲線,調(diào)整素材的明暗對(duì)比度,增強(qiáng)素材自身的層次感,整體來看效果還行但就素材自身的色彩而言視覺效果稍微弱了一些,然后對(duì)齊調(diào)整;

image (7).png

2)調(diào)整圖片模式 增加層次感

在之前的基礎(chǔ)上對(duì)素材圖層添加漸變疊加,模式選擇為柔光,然后調(diào)整合適的顏色即可,如作圖所示,整體看起來更加的具有視覺效果和表現(xiàn)力,最后把文字置入到版面當(dāng)中,文字則是使用襯線體和無襯線體兩種字體,再編排的過程文字之間形成一定的層次,同時(shí)通過文字的大小和顏色的明暗以及形式的編排上,讓重要的信息突出,不重要的信息弱化,并與主體之間不規(guī)則的形成錯(cuò)落的層次和方形的引導(dǎo),使版面更加和諧;

image (8).png

3)最終效果圖

image (9).png

7、最后總結(jié)

在設(shè)計(jì)中可以營造層次感的方法有很多種,需要根據(jù)畫面所傳遞的內(nèi)容情況,再結(jié)合實(shí)際應(yīng)用需求,選擇一個(gè)合適的方式進(jìn)行表現(xiàn),以滿足我們需要表達(dá)的內(nèi)容和畫面?zhèn)鬟f出的目的,希望通過本期所闡述的營造層次感的方式可以為你帶來一些想法和對(duì)層次感的認(rèn)識(shí),在創(chuàng)作時(shí)把控好層次感不僅是細(xì)節(jié)的表現(xiàn),更是決定作品程度的高低和自身對(duì)于設(shè)計(jì)的理解;

聯(lián)系尚武科技
客戶服務(wù)
石家莊APP開發(fā)
400-666-4864
為您提供售前購買咨詢、解決方案推薦等1V1服務(wù)!
技術(shù)支持及售后
石家莊APP開發(fā)公司
0311-66682288
為您提供從產(chǎn)品到服務(wù)的全面技術(shù)支持 !
客戶服務(wù)
石家莊小程序開發(fā)
石家莊小程序開發(fā)公司
加我企業(yè)微信
為您提供售前購買咨詢、
解決方案推薦等1V1服務(wù)!
石家莊網(wǎng)站建設(shè)公司
咨詢相關(guān)問題或預(yù)約面談,可以通過以下方式與我們聯(lián)系。
石家莊網(wǎng)站制作
在線聯(lián)系:
石家莊Web開發(fā)
石家莊軟件開發(fā)
石家莊軟件開發(fā)公司
ADD/地址:
河北·石家莊
新華區(qū)西三莊大街86號(hào)河北互聯(lián)網(wǎng)大廈B座二層
Copyright ? 2008-2025尚武科技 保留所有權(quán)利。 冀ICP備12011207號(hào)-2 石家莊網(wǎng)站開發(fā)冀公網(wǎng)安備 13010502001294號(hào)《互聯(lián)網(wǎng)平臺(tái)公約協(xié)議》
Copyright ? 2025 m.dachencms.com, Inc. All rights reserved