配圖知識:版式設(shè)計中應(yīng)該如何正確搭配圖片
很多設(shè)計師認為配圖只是隨便找個圖片搭配一下就好了,沒什么難度,其實配圖是有很多講究的。毫不夸張的說,毫不夸張地說把配圖作為圖片設(shè)計中最核心的部分也不為過。
你找的圖片真的合適嗎?你有思考過配圖的合理性嗎,比如圖片是否清晰(什么樣的圖片算作清晰)、圖片的大小和位置、是否和所處的環(huán)境匹配、是否做到了整體的統(tǒng)一等。
根據(jù)我平時工作和教學中遇到的一些問題,總結(jié)出了一些配圖過程中用到的一些小技巧和常犯的錯誤,下面我就從清晰度、合適性、統(tǒng)一性三個方面具體講一下配圖方面的知識。
一、清晰度
在配圖應(yīng)用中有一個點更是很多設(shè)計師都會自動忽略的部分,那就是圖片的清晰度。不管素材清晰度的好壞就直接應(yīng)用到畫面里,這種做法會讓圖片的整體檔次直接降低很多,即便你做的版式再好看,排版再合理,也都于事無補。所以平時應(yīng)用素材的時候一定要滿足最基本的清晰條件。高清圖片搜集渠道當然是海洛創(chuàng)意,我們下面所用到的所有圖片均來自海洛創(chuàng)意。

清晰度在圖片里有三種表現(xiàn)形式 —— 清晰、模糊、低像素。

清晰自然是清晰度較好的圖片,能夠看清圖片的細節(jié)內(nèi)容;模糊是一種人為的圖片處理效果,是一種設(shè)計表現(xiàn)手段;而低像素是由于圖片分辨率過低導致的過渡像素不豐富,是最不提倡使用的圖片形式。舉個例子:同樣是在1cm²的體積內(nèi)表現(xiàn)黑白,如果只有兩個像素就是黑到白的直接過渡,而如果有十個像素則會是從黑色—深灰—灰—淺灰—白色的柔和過渡。

比起直接過渡,柔和過渡對圖片的表達會更飽滿,細節(jié)會更多,這也是為什么我們要用盡可能大分辨率圖片的原因,我們通常所說的圖片分辨率其實就是指某一特定尺寸內(nèi)所包含的像素數(shù)量的多少,拿顯示器常用的分辨率1920X1080來說,1920指的是橫向尺寸內(nèi)的像素數(shù)量,1080是指豎向尺寸內(nèi)的像素數(shù)量,那么整個顯示器所顯示的像素數(shù)量就是1920X1080個,所以當我們把顯示器分辨率調(diào)到1280X720,桌面的圖標和文字會變大,但是精度會變差,就是同等單位里的像素數(shù)量變少了,過度生硬了,所以圖片應(yīng)用中,我們也要盡可能去找同一單位像素數(shù)量內(nèi)分辨率更大的圖片。

在特意使用模糊一些的圖片的時候,很多人分辨不出模糊效果和低像素圖片,其實區(qū)分它們的最直觀方式是查看色塊連接處有沒有明顯的色彩溢出,模糊圖片色塊銜接處的過度效果均勻,沒有很明顯的溢出感,而低像素的圖片在兩個不同色系的連接處會有非常生硬的色彩溢出,過度非常生硬——第二個圖有明顯的深藍色溢出。

不過在實際圖片應(yīng)用中也會出現(xiàn)一些低像素但是確實好看的素材,使用這些圖片的時候我們要盡量使用原始尺寸或縮放尺寸,盡量不要放大應(yīng)用,尤其是在背景處理中,不要一根筋的非要全部都呈現(xiàn),我們可以結(jié)合分割效果去應(yīng)用,或者做大數(shù)值的模糊處理配合一些壓暗或紋理疊加等效果使用。

二、合適性
選擇清晰的圖片,只是應(yīng)用好配圖的第一步,我們不能只滿足于尋找到了一個高清的圖片,還要去考慮這個圖片在畫面中的位置,大小,角度等合適性的問題。
配圖比較常用到的擺放形式有兩種,中心擺放和非中心擺放。
1、中心擺放
中心擺放多適用于圖形展示、產(chǎn)品展示、對稱物展示等追求平衡性和規(guī)范性的畫面中,體現(xiàn)穩(wěn)重感。針對于左右、上下的空間距離有一定的約束。

2、非中心擺放
非中心擺放常借助九宮格形式或三等分線來完成,把主要的元素集中到三等分線的交界處,讓空間變的靈活,讓畫面不呆滯,有一定畫面的延展性。

三等分的應(yīng)用不要太過死板,要靈活對待,這種擺放形式針對于體現(xiàn)側(cè)面感、沖擊力、運動性等配圖有很好的視覺效果,是最為合適的表達形式。

非中心擺放中有兩種配圖形式是需要特別重視的,具有運動軌跡的配圖和具有明確視線方向的配圖。
首先是具有運動軌跡的配圖,從下方三張圖片去分析:

圖①的摩托車沒有完全進入畫面,有明確的方向軌跡,讓畫面的延續(xù)性和故事性變的更好。
圖②摩托車全部都在畫面中,對于運動性畫面來說缺少沖擊力,但是有相對的平穩(wěn)感;
圖③摩托車已經(jīng)沖出畫面,擁有絕對的速度感,但對于前方道路的未知感會增加一定的緊張氛圍。
所以對于運動中的配圖,選擇什么樣的位置去展示是需要針對要做的圖片主題去做思考的。
其次是視線方向,針對于具有明確視線方向的配圖,在應(yīng)用中要盡量讓視線所看到的方向多預(yù)留一些空間,這樣才能讓視線的延展和引導性得到更大的發(fā)揮,下圖為例:

圖①視線所看方向有大量空白,擁有足夠的引導空間,讓畫面有很好的延續(xù)性,最為合理。
圖②視線前方?jīng)]有空白,引導不足,視覺感受是一下斷掉的,穩(wěn)定性是有了,但是不夠舒展。
圖③以在眼睛前方直接阻斷畫面,是在配圖中最為禁忌的一種表現(xiàn)類型。
相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機的傳感器尺寸
說到相機畫幅,估計平時聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認為中畫幅比全畫幅要小,為了避免這種常識性錯誤,這篇文章就來和大家說說相機的不同畫幅,所謂2025-04-07
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細請看下文介紹2024-02-10
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應(yīng)聘,還是入學注冊,亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計是一個注重視覺效果的設(shè)計,簡單的排版方式有時候不能滿足視覺突出的效果,業(yè)務(wù)很難達到吸引用戶的眼球,下面我們就來看看8個平面設(shè)計技巧分享2023-10-08
如何選擇平面設(shè)計工具? 這10款軟件應(yīng)該收入囊中
每個設(shè)計師都有自己最喜歡的設(shè)計軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設(shè)計不可或缺的工具,詳細請看下文介紹2023-10-08
夏日電影風怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個統(tǒng)一答復2022-12-24
手機UI設(shè)計尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機UI設(shè)計尺寸有哪些?作為新手在設(shè)計手機ui的頁面的時候,發(fā)現(xiàn)自己設(shè)計的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計算的?下面我們就來看看照片標準尺寸/像素對照表匯總2021-08-06









