設(shè)計(jì)中的配圖知識(shí)

2023-2-5    博博

前言

配圖是我們平時(shí)在設(shè)計(jì)工作中經(jīng)常用到的,一個(gè)好的配圖很多時(shí)候會(huì)直接影響到一個(gè)作品的好壞,圖片本身也是一種視覺語言,通過學(xué)習(xí)跨領(lǐng)域的知識(shí)可以幫助我們提升自身所處的領(lǐng)域設(shè)計(jì)能力,本篇文章和大家討論一些構(gòu)圖和景別知識(shí),通過對(duì)這些知識(shí)的了解判斷如何選擇一個(gè)好的配圖以及怎么應(yīng)用好配圖,大多數(shù)設(shè)計(jì)師選擇配圖時(shí)都是憑著主觀意識(shí)在選擇配圖,你所選擇的配圖很大程度會(huì)受到你的主觀意識(shí)的影響,這些主觀意識(shí)來源于自身審美、文化、環(huán)境等因素的,因此在我們的主觀意識(shí)基礎(chǔ)上,應(yīng)該具備一定的客觀依據(jù)來幫助我們更好的選擇合適的配圖。

構(gòu)圖與景別知識(shí)在攝影、繪畫、影視中應(yīng)用很多,但很多設(shè)計(jì)師容易忽視這些知識(shí),這些知識(shí)看似是攝影、繪畫、影視等行業(yè)的知識(shí)與設(shè)計(jì)好像沒太大關(guān)系,這些知識(shí)也是很有必要學(xué)習(xí)的的理論知識(shí),對(duì)構(gòu)圖景別的理解很大程度會(huì)影響你能否把握好設(shè)計(jì)畫面中的配圖,配圖本身也是一種視覺語言,提升構(gòu)圖和景別知識(shí)對(duì)設(shè)計(jì)師整體綜合實(shí)力提升是有幫助的,當(dāng)你做三維和插畫等設(shè)計(jì)時(shí)同樣也會(huì)用到這些知識(shí),了解這些知識(shí)會(huì)讓你以客觀依據(jù)的角度,運(yùn)用和判斷設(shè)計(jì)中配圖的好與壞。

01 關(guān)于構(gòu)圖

目前來看幾乎所有的藝術(shù)或商業(yè)作品,無論是攝影、繪畫、CG等都離不開畫面的構(gòu)圖與結(jié)構(gòu),你甚至能在很多繪畫大師的的經(jīng)典作品中看到他們作品中也使用了構(gòu)圖理論,合理的構(gòu)圖作品,給觀眾美的視覺享受和與眾不同的情感體驗(yàn),同時(shí)提升畫面表現(xiàn),關(guān)于構(gòu)圖的知識(shí)很寬泛,構(gòu)圖方式方法也非常多,有的作品中可能包含多種構(gòu)圖形式,這里給大家大致介紹一些常見的構(gòu)圖知識(shí),目的是拋磚引玉讓大家意識(shí)到良好的構(gòu)圖能平衡畫面同時(shí),傳達(dá)出更清晰明確的圖像信息。

1.1 中心構(gòu)圖

中心構(gòu)圖是將畫面主體放置在畫面的視覺中心,讓主體成為整個(gè)畫面的視覺焦點(diǎn),通過周圍環(huán)境氛圍烘托畫面主體,這種構(gòu)圖形式聚焦主體,能更好的凸顯畫面主體。



1.2 一點(diǎn)透視

一點(diǎn)透視構(gòu)圖有較強(qiáng)的空間感和縱深感,畫面的元素會(huì)向中心聚焦,會(huì)把觀眾的視覺引導(dǎo)向畫面中心,比較適合表現(xiàn)畫面空間感。



1.3 黃金法則

黃金法則構(gòu)圖遵循古希臘學(xué)者畢達(dá)哥拉斯的黃金分割比例進(jìn)行構(gòu)圖,也就是我們常說的 0.618:1,黃金法則構(gòu)圖有采用像三分法那樣井字構(gòu)圖,還有采用黃金螺旋的構(gòu)圖方式,構(gòu)圖時(shí)將主題放置在黃金比例焦點(diǎn)或線上。



1.4 對(duì)角線構(gòu)圖

對(duì)角線構(gòu)圖中主體在畫面的對(duì)角線位置排列,對(duì)角線構(gòu)圖視覺沖擊強(qiáng),具有動(dòng)感和不穩(wěn)定性,更使畫面更有趣味和視覺張力。



1.5 三角形構(gòu)圖

主體在畫面中呈三角形狀,正三角形構(gòu)圖畫面更具穩(wěn)定性,反之倒三角形構(gòu)圖會(huì)使畫面有緊張感和不穩(wěn)定性。



1.6 字母形構(gòu)圖

字母形構(gòu)圖畫面呈現(xiàn)字母形態(tài),不同的字母構(gòu)圖會(huì)給觀眾帶來不同的視覺感受,S 形構(gòu)圖是一種比較常見的構(gòu)圖形式,S 形構(gòu)圖迂回延伸使畫面產(chǎn)生優(yōu)美、雅致、韻律感。



1.7 引導(dǎo)線構(gòu)圖

引導(dǎo)性構(gòu)圖利用畫面中有形或無形的線,引導(dǎo)觀眾的視覺聚焦到畫面的重點(diǎn),引線不一定是一條線,它是一種具有引導(dǎo)性的東西,光影、道路、河流等都可以做為引導(dǎo)線,引導(dǎo)性構(gòu)圖視覺表現(xiàn)強(qiáng),引導(dǎo)觀眾視線突出主體。



1.8 三分構(gòu)圖

三分構(gòu)圖是最常用的構(gòu)圖方法,結(jié)構(gòu)由兩條豎線和兩條橫線構(gòu)成,形成一個(gè)井字,也叫井字構(gòu)圖法,在三分構(gòu)圖中主體通常放置在四個(gè)交點(diǎn)上或線條上,三分法是比較常見的構(gòu)圖形式,可以在很多攝影和繪畫作品中看到。



1.9 對(duì)稱構(gòu)圖

對(duì)稱構(gòu)圖是根據(jù)對(duì)稱軸,使畫面形成的對(duì)稱的構(gòu)圖形式,比較常見的對(duì)稱構(gòu)圖上下對(duì)稱、左右對(duì)稱,對(duì)稱構(gòu)圖具有平衡性、穩(wěn)定性、均衡性。



1.10 水平線構(gòu)圖

水平線構(gòu)圖也是比較常見的一種構(gòu)圖,水平線構(gòu)圖通常表現(xiàn)寬廣的場(chǎng)景,地平線、海面、湖面等主題,水平線構(gòu)圖給人寬闊、穩(wěn)定、平靜、舒適的感覺,水平線構(gòu)圖主要是是采用橫畫幅來表現(xiàn)。



1.11 垂直線構(gòu)圖

垂直線構(gòu)圖中主體呈現(xiàn)為垂直的線條,垂直線構(gòu)圖給人高聳、莊嚴(yán)、挺拔的感覺,具有較強(qiáng)的視覺張力,錘子線構(gòu)圖常采用豎畫幅來表現(xiàn)。



1.12 十字形構(gòu)圖

十字形構(gòu)圖是水平線和垂直線的組合,十字形構(gòu)圖畫面會(huì)給人平穩(wěn)、安全、嚴(yán)肅、神秘的感覺。



1.13 夸張透視

夸張透視會(huì)以比較特別和夸張的的視角表現(xiàn)畫面和主體,使畫面整體都具有強(qiáng)大的視覺張力和沖擊力。



1.14 虛實(shí)對(duì)比

虛實(shí)對(duì)比通過主體和背景的間的虛與實(shí)對(duì)比,從而突出畫面主體,虛實(shí)對(duì)比使畫面更有層次和空間感。



1.15 明暗對(duì)比

明暗對(duì)比通常以暗襯托明,在視覺感受中越暗感覺離我們?cè)竭h(yuǎn),越明亮感覺離我們?cè)浇?,明暗?duì)比對(duì)比可以使畫面更有立體感,層次感等,通過畫面中的明暗對(duì)比形成的強(qiáng)烈反差,可以凸顯畫面中主體,引導(dǎo)觀眾視線到主體上。



1.16 色彩對(duì)比

色彩對(duì)比中包含三個(gè)要素色相對(duì)比、純度對(duì)比、明度對(duì)比,同時(shí)根據(jù)色環(huán)中的色相變化,還可以分為同類色對(duì)比、鄰近色對(duì)比、對(duì)比色對(duì)比、互補(bǔ)色對(duì)比,色相角度變化越大對(duì)比月強(qiáng)烈,通過色彩對(duì)比可以突出畫面重點(diǎn)、豐富畫面、提升畫面層次,背景色彩與主體色彩形成對(duì)比,能凸顯畫面主體。



1.17 奇數(shù)原則

奇數(shù)原則畫面通常是一個(gè)、三個(gè)或五個(gè)主體,通常不超過七個(gè),超過七個(gè)時(shí)觀眾會(huì)將其視為一個(gè)整體,當(dāng)畫面中為主體為奇數(shù)時(shí),在視覺上會(huì)比偶數(shù)更和諧、更美觀。



1.18 視覺引導(dǎo)

視覺引導(dǎo)通過畫面內(nèi)容引導(dǎo)用戶視覺,視覺引導(dǎo)形式有很多種,人物或動(dòng)物直視、運(yùn)動(dòng)方向、肢體語言等,都可以引導(dǎo)用戶在觀看畫面時(shí)的視線運(yùn)動(dòng)。



1.19 大小對(duì)比

通過大小對(duì)比使主體與周圍元素形成差異化的視覺沖突,同時(shí)大小對(duì)比中的次要元素還可以作為比例參考,突出主體的大小,強(qiáng)烈的視覺落差增強(qiáng)版面節(jié)奏。



02 關(guān)于景別

裁剪圖片為不同景別的圖片對(duì)板式設(shè)計(jì)也有很大影響,不同景別的圖片傳達(dá)的視覺語言也是不同的,哪怕是圖片朝向的位置都值得我們仔細(xì)思考,在配圖時(shí)我們要思考通過圖片傳達(dá)什么視覺信息給觀眾,所以在我們做設(shè)計(jì)時(shí),要想清楚當(dāng)前頁面要傳達(dá)什么樣的信息從而采用什么樣的景別。

2.1 大遠(yuǎn)景

大遠(yuǎn)景通常表現(xiàn)廣闊氣勢(shì)宏偉的場(chǎng)景,大遠(yuǎn)景的空間感非常強(qiáng),強(qiáng)化景物與環(huán)境的關(guān)系,主體相對(duì)較小與場(chǎng)景形成強(qiáng)烈的大小對(duì)比。



2.2 遠(yuǎn)景

遠(yuǎn)景營(yíng)造主體與場(chǎng)景的關(guān)系,通過畫面場(chǎng)景敘述主體和場(chǎng)景的關(guān)系,遠(yuǎn)景具有較強(qiáng)的空間感,具有開闊的畫面場(chǎng)景。



2.3 全景

全景通過場(chǎng)景來體現(xiàn)主體的處境,利用人物和場(chǎng)景的關(guān)系強(qiáng)化主題,全景中主體會(huì)被強(qiáng)化形成明顯的內(nèi)容中心,從而弱化場(chǎng)景。



2.4 中景

中景表現(xiàn)主要表現(xiàn)人物膝蓋以上,在中景中人物在畫面中的占比更大更為突出,人物會(huì)被強(qiáng)化,同時(shí)弱化場(chǎng)景。



2.5 近景

近景主要表現(xiàn)人物胸部以上,畫面中人物或主體會(huì)占有主導(dǎo)地位,強(qiáng)調(diào)人物的情感特征,通過細(xì)微人物的動(dòng)作、肢體語言、表情等表現(xiàn)畫面主題。



2.6 特寫

特寫主要表現(xiàn)人物肩部以上或主體的細(xì)微部分,主體被放大,場(chǎng)景弱化到難以分辨,強(qiáng)調(diào)主體的情感、心理或產(chǎn)品的工藝結(jié)構(gòu)等。



2.7 大特寫

大特寫會(huì)將主題放的更大,展現(xiàn)主體的局部細(xì)節(jié),大特寫具有強(qiáng)調(diào)和突出主體細(xì)節(jié)特征的作用,具有極強(qiáng)的視覺效果。



寫在最后

配圖知識(shí)是設(shè)計(jì)師在平時(shí)工作或設(shè)計(jì)練習(xí)中必備知識(shí),很多時(shí)候我們?cè)谶x擇配圖時(shí)完全是憑感覺在選,圖片也是一種視覺語言,作品整體質(zhì)量也會(huì)受到配圖的影響,本次配圖知識(shí)分享希望能幫助大家在之后選擇設(shè)計(jì)配圖時(shí),在主觀意識(shí)判斷的基礎(chǔ)上有一個(gè)客觀的依據(jù),寫這篇文章的同時(shí),我也正好根據(jù)文章大綱做了一套板式練習(xí)作為文章配圖,最后給大家分享幾個(gè)高質(zhì)量的圖片網(wǎng)站(需要翻墻)

圖片網(wǎng)站分享

攝影類圖片
https://unsplash.com/
https://burst.shopify.com/

CG類圖片
https://www.deviantart.com/
https://wallhaven.cc/


作者:Tomato76      來源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



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



藍(lán)藍(lán)設(shè)計(jì)m.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è)人資料

存檔