關於排版,給你幾個甲方不懟你的理由!(三)
版式設計中圖片的處理方法
在很有優秀的平面設計作品中,圖片的分量甚至超過了文字。 文字可以準確的表述設計作品的意圖, 圖片卻可以更直觀的傳達出設計的最根本的感情。
by SELECTO
圖片說到底是什麼東西? 圖片最基本的功能就是記錄 ,記錄 最基本的資訊以及傳達出更深層次的藝術內涵。
by Vladimir Biondic
我們很多時候 更願意用圖片去交流, 把合適的圖片放在合適的情境中,就會產生意想不到的效果。
by Vladimir Biondic
那合適的圖片又是怎麼樣的呢?今天我們就要來說說, 對於排版設計中圖片處理的要點。
排版中所使用的圖片分類
by Mandy
當設計師收到需要排版的圖片素材時,不經過準備而直接進行排版是很容易出現問題的。應該首先慢慢地 從圖片素材的分類開始著手。
by Saepul Rohman
圖片中包括了各種不同的內容,並且各自具有不同的性質。 我們必須確定哪些圖片是一組的、哪些圖片是主要的、哪些圖片需要後期處理的
by tamashi
只有經過前期的分類工作,後期排版設計的方向自然會明朗起來,就可以更有效地設計出合適的頁面。
▐根據圖片的功能和意味來進行分類
在拿到一組圖片素材時,我們首先要考慮的是, 這些圖片是出於什麼目的而使用的。 只有在充分理解各圖片所具有的功能和意味,才可以避免排版設計時出現混亂。
主要分類依據包括:
by Hrvoje Grubisic
作為主要視覺形象而使用
by tamashi
為了說明拍攝物件的狀態而使用
by Zhenya Rynzhuk
為了強調頁面的效果而使用
by Fanny
關於圖片之間的組合方式和先後順序,需要進行仔細的確認,因為這些問題與畫面的整體設計息息相關, 只有通過頻繁而細緻的協商,最終才能達到滿意的效果。
▐ 根據圖片的構圖或拍攝角度進行分類
圖片素材的拍攝角度和距離的不同,圖片效果也各不相同。
by kissmyui
對於屬於同一個範疇的物件,拍攝時候應該 儘量採用統一的角度和距離 ,那麼在排版的時候 也會呈現的比較清晰自然。
by kissmyui
圖片的拍攝角度決定來圖片在排版時候的位置。例如,將仰視角度的圖片放在頁面的上方,而俯視角度的圖片則放在頁面的下方,使得頁面整體和諧。
by kissmyui
設計師很難在後期去調整素材的角度, 只有充分的前期溝通,後期的設計排版工作才能更好的推進。
圖片排列的先後順序與大小的調整
圖片排列的先後順序的調整是一項很重要的工作,如果採用來不合適的順序,那麼就會產生有悖於原本設計意圖的結果。
by Shaun Moynihan
根據頁面結構的基本脈絡、設計的意圖等要素,去決定素材的先後順序。
by medium.muz.li
只有將最重要的圖片安排在能夠吸引觀者注意力的位置上,才能夠有效的傳達出設計的意圖。
▐將位置重要的圖片放大,使其變得顯眼
在圖片的先後順序確定之後,就可以進入實際的排版工作了,而最基本的表現方法,就是 對圖片的尺寸大小的控制。
by Oliur
運用第一篇 ofollow,noindex" target="_blank"> 《關於排版,給你幾個甲方不懟你的理由!(一)》 提到的對比原則,可以將主要圖片和其他圖片的相對大小進行調整, 放大主要圖片,縮小其他圖片,明確主次關係。
by kissmyui
當然,如果不需要強調兩張圖片之間的先後順序關係, 可以將拖片調整至等大,這樣就可以表現出它們之間的並列關係。
▐調整圖片的位置,吸引觀者的注意
我們也可以 通過位置來控制圖片的先後順序。
by medium.muz.li
如果有一張圖片位於其它圖片有一定距離的位置,那麼這張圖片就會比較顯眼。
by medium.muz.li
如果在眾多圖片中混入一張不同的內容,那麼觀者就會覺得這個位置大概有什麼特殊的設計意圖, 很容易吸引觀者的注意力。
by Unity
當然,我們 不能將圖片之間的位置調整的過於零碎,導致頁面顯得散亂, 還是需要在第一篇 《關於排版,給你幾個甲方不懟你的理由!(一)》 提到的四大原則基礎上進行調整。
恰當的裁剪處理
排版設計時對圖片的處理,最基本的也是必須的方法就是 對原圖片進行美觀的裁剪。
by Walid Beno
圖片裁剪不僅僅是 調整圖片的長寬比例, 更主要的是,通過裁剪使得圖片 要傳達的資訊更準確。
▐通過裁剪來改變圖片的縮放
by Eddie Lobanovskiy
將圖片中的某一部分裁剪出來, 減少畫面中包含的資訊量,可以有效的將觀者的注意力集中到想要展示的內容上。
▐通過裁剪來調整拍攝物件的位置
by Eddie Lobanovskiy
就圖片本身而言, 拍攝物件在畫面中的位置能夠左右圖片帶給觀者的印象。
by Eddie Lobanovskiy
如果原圖片不能夠充分傳達設計意圖, 通過改變主要物件在畫面中的位置也許能夠更好的表現出來。
▐把握正確的裁剪方法
by trio curio
很多時候,不合適的裁剪會導致圖片變得更讓人不舒服。
by the code
由於裁剪處理造成圖片不能夠辨認,以及由於裁剪造成主要物件的缺失,這些都是在裁剪的時候應該避免的。
對圖片中的動勢及方向性的考慮
在一些圖片中,可以讓人感受到動勢和方向性,例如任務臉部到朝向,眼睛到視線,光線到方向等等。
by Filip Justić
by Zhenya Rynzhuk
通過靈活到處理,來引導觀者視線到流動,能夠讓人感受到一種躍動到感覺。
▐考慮人物圖片中到視線方向
by Paolo Spazzini
人物圖片中眼睛到位置是特別容易吸引觀者到注意,而後,觀者到目光會自然的跟隨到人物到凝視方向。
by Paolo Spazzini
所以在在人物凝視到方向安排主要到內容,是經常採用引導視線的處理方法。
▐ 注意圖片中到邊線
by Eddie Lobanovskiy
圖片到邊線不僅僅是圖片外框四周到水平或豎直線,還包括圖片內容中的線條。可以 藉助這些線條,來表現空間的延伸和動態,也可以作為排版過程中的對齊線。
▐向圖片中加入動勢和變化
by