起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識 關于排版，給你幾個甲方不懟你的理由?。ㄈ?/h2>
圖片最基本的功能就是記錄，記錄最基本的信息以及傳達出更深層次的藝術內涵。所以在很多優秀的設計作品中，圖片的分量甚至超過了文字。
在很有優秀的平面設計作品中，圖片的分量甚至超過了文字。文字可以準確的表述設計作品的意圖，圖片卻可以更直觀的傳達出設計的最根本的感情。
by SELECTO
圖片說到底是什么東西？
圖片最基本的功能就是記錄，記錄最基本的信息以及傳達出更深層次的藝術內涵。
by Vladimir Biondic
我們很多時候更愿意用圖片去交流，把合適的圖片放在合適的情境中，就會產生意想不到的效果。
by Vladimir Biondic
那合適的圖片又是怎么樣的呢？今天我們就要來說說，對于排版設計中圖片處理的要點。
排版中所使用的圖片分類
by Mandy
當設計師收到需要排版的圖片素材時，不經過準備而直接進行排版是很容易出現問題的，應該首先慢慢地從圖片素材的分類開始著手。
by Saepul Rohman
圖片中包括了各種不同的內容，并且各自具有不同的性質。我們必須確定哪些圖片是一組的、哪些圖片是主要的、哪些圖片需要后期處理的。
by tamashi
只有經過前期的分類工作，后期排版設計的方向自然會明朗起來，就可以更有效地設計出合適的頁面。
1. 根據圖片的功能和意味來進行分類
在拿到一組圖片素材時，我們首先要考慮的是，這些圖片是出于什么目的而使用的。只有在充分理解各圖片所具有的功能和意味，才可以避免排版設計時出現混亂。
主要分類依據包括：
by Hrvoje Grubisic
作為主要視覺形象而使用：
by tamashi
為了說明拍攝對象的狀態而使用：
by Zhenya Rynzhuk
為了強調頁面的效果而使用：
by Fanny
關于圖片之間的組合方式和先后順序，需要進行仔細的確認，因為這些問題與畫面的整體設計息息相關，只有通過頻繁而細致的協商，最終才能達到滿意的效果。
2. 根據圖片的構圖或拍攝角度進行分類
圖片素材的拍攝角度和距離的不同，圖片效果也各不相同。
bykissmyui
對于屬于同一個范疇的對象，拍攝時候應該盡量采用統一的角度和距離，那么在排版的時候也會呈現的比較清晰自然。
bykissmyui
圖片的拍攝角度決定來圖片在排版時候的位置。例如：將仰視角度的圖片放在頁面的上方，而俯視角度的圖片則放在頁面的下方，使得頁面整體和諧。
bykissmyui
設計師很難在后期去調整素材的角度，只有充分的前期溝通，后期的設計排版工作才能更好的推進。
圖片排列的先后順序與大小的調整
圖片排列的先后順序的調整是一項很重要的工作，如果采用來不合適的順序，那么就會產生有悖于原本設計意圖的結果。
by Shaun Moynihan
根據頁面結構的基本脈絡、設計的意圖等要素，去決定素材的先后順序。
by medium.muz.li
只有將最重要的圖片安排在能夠吸引觀者注意力的位置上，才能夠有效的傳達出設計的意圖。
1. 將位置重要的圖片放大，使其變得顯眼
在圖片的先后順序確定之后，就可以進入實際的排版工作了，而最基本的表現方法，就是對圖片的尺寸大小的控制。
by Oliur
運用第一篇《關于排版，給你幾個甲方不懟你的理由?。ㄒ唬?/a>提到的對比原則，可以將主要圖片和其他圖片的相對大小進行調整，放大主要圖片，縮小其他圖片，明確主次關系。
by kissmyui
當然，如果不需要強調兩張圖片之間的先后順序關系，可以將拖片調整至等大，這樣就可以表現出它們之間的并列關系。
2. 調整圖片的位置，吸引觀者的注意
我們也可以通過位置來控制圖片的先后順序。
by medium.muz.li
如果有一張圖片位于其它圖片有一定距離的位置，那么這張圖片就會比較顯眼。
by medium.muz.li
如果在眾多圖片中混入一張不同的內容，那么觀者就會覺得這個位置大概有什么特殊的設計意圖，很容易吸引觀者的注意力。
by Unity
當然，我們不能將圖片之間的位置調整的過于零碎，導致頁面顯得散亂，還是需要在第一篇《關于排版，給你幾個甲方不懟你的理由?。ㄒ唬?/a>提到的四大原則基礎上進行調整。
恰當的裁剪處理
排版設計時對圖片的處理，最基本的也是必須的方法就是對原圖片進行美觀的裁剪。
by Walid Beno
圖片裁剪不僅僅是調整圖片的長寬比例，更主要的是，通過裁剪使得圖片要傳達的信息更準確。
1. 通過裁剪來改變圖片的縮放
by Eddie Lobanovskiy
將圖片中的某一部分裁剪出來，減少畫面中包含的信息量，可以有效的將觀者的注意力集中到想要展示的內容上。
2. 通過裁剪來調整拍攝對象的位置
by Eddie Lobanovskiy
就圖片本身而言，拍攝對象在畫面中的位置能夠左右圖片帶給觀者的印象。
by Eddie Lobanovskiy
如果原圖片不能夠充分傳達設計意圖，通過改變主要對象在畫面中的位置也許能夠更好的表現出來。
3. 把握正確的裁剪方法
by trio curio
很多時候，不合適的裁剪會導致圖片變得更讓人不舒服。
by the code
由于裁剪處理造成圖片不能夠辨認，以及由于裁剪造成主要對象的缺失，這些都是在裁剪的時候應該避免的。
對圖片中的動勢及方向性的考慮
在一些圖片中，可以讓人感受到動勢和方向性，例如：任務臉部到朝向，眼睛到視線，光線到方向等等。
by Filip Justi?
by Zhenya Rynzhuk
通過靈活到處理，來引導觀者視線到流動，能夠讓人感受到一種躍動到感覺。
1. 考慮人物圖片中到視線方向
by Paolo Spazzini
人物圖片中眼睛到位置是特別容易吸引觀者到注意，而后，觀者到目光會自然的跟隨到人物到凝視方向。
by Paolo Spazzini
所以在在人物凝視到方向安排主要到內容，是經常采用引導視線的處理方法。
2. 注意圖片中到邊線
by Eddie Lobanovskiy
圖片到邊線不僅僅是圖片外框四周到水平或豎直線，還包括圖片內容中的線條。可以借助這些線條，來表現空間的延伸和動態，也可以作為排版過程中的對齊線。
3. 向圖片中加入動勢和變化
by ??????????????
每一張圖片都會因為拍攝時候，主體對象動作的強弱而產生不同的動勢，根據畫面運動感的強弱，來控制畫面整體的穩定感。
byournal.flatstudio
除了通過拍攝時候控制動勢，后期的處理也是必不可少的，可以通過剪裁來改變圖片的動感，也可以通過旋轉圖片來增強動勢。
小結
方方面面的設計，都難免會接觸到圖片，我們拿到一張底子很好的原圖的時候，不要著急去做設計。
多想一想設計的意圖，多和拍攝者溝通，好的原圖為設計作品打下了基礎，后期的加工處理，更是點睛之筆。
推薦閱讀
作者：設計師日記，公眾號：設計師的私人日記
本文由 @設計師日記 原創發布于人人都是產品經理?，未經許可，禁止轉載。
題圖來自Unsplash，基于CC0協議
更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
圖片最基本的功能就是記錄，記錄最基本的信息以及傳達出更深層次的藝術內涵。所以在很多優秀的設計作品中，圖片的分量甚至超過了文字。
在很有優秀的平面設計作品中，圖片的分量甚至超過了文字。文字可以準確的表述設計作品的意圖，圖片卻可以更直觀的傳達出設計的最根本的感情。
by SELECTO
圖片說到底是什么東西？
圖片最基本的功能就是記錄，記錄最基本的信息以及傳達出更深層次的藝術內涵。
by Vladimir Biondic
我們很多時候更愿意用圖片去交流，把合適的圖片放在合適的情境中，就會產生意想不到的效果。
by Vladimir Biondic
那合適的圖片又是怎么樣的呢？今天我們就要來說說，對于排版設計中圖片處理的要點。
排版中所使用的圖片分類
by Mandy
當設計師收到需要排版的圖片素材時，不經過準備而直接進行排版是很容易出現問題的，應該首先慢慢地從圖片素材的分類開始著手。
by Saepul Rohman
圖片中包括了各種不同的內容，并且各自具有不同的性質。我們必須確定哪些圖片是一組的、哪些圖片是主要的、哪些圖片需要后期處理的。
by tamashi
只有經過前期的分類工作，后期排版設計的方向自然會明朗起來，就可以更有效地設計出合適的頁面。
1. 根據圖片的功能和意味來進行分類
在拿到一組圖片素材時，我們首先要考慮的是，這些圖片是出于什么目的而使用的。只有在充分理解各圖片所具有的功能和意味，才可以避免排版設計時出現混亂。
主要分類依據包括：
by Hrvoje Grubisic
作為主要視覺形象而使用：
by tamashi
為了說明拍攝對象的狀態而使用：
by Zhenya Rynzhuk
為了強調頁面的效果而使用：
by Fanny
關于圖片之間的組合方式和先后順序，需要進行仔細的確認，因為這些問題與畫面的整體設計息息相關，只有通過頻繁而細致的協商，最終才能達到滿意的效果。
2. 根據圖片的構圖或拍攝角度進行分類
圖片素材的拍攝角度和距離的不同，圖片效果也各不相同。
bykissmyui
對于屬于同一個范疇的對象，拍攝時候應該盡量采用統一的角度和距離，那么在排版的時候也會呈現的比較清晰自然。
bykissmyui
圖片的拍攝角度決定來圖片在排版時候的位置。例如：將仰視角度的圖片放在頁面的上方，而俯視角度的圖片則放在頁面的下方，使得頁面整體和諧。
bykissmyui
設計師很難在后期去調整素材的角度，只有充分的前期溝通，后期的設計排版工作才能更好的推進。
圖片排列的先后順序與大小的調整
圖片排列的先后順序的調整是一項很重要的工作，如果采用來不合適的順序，那么就會產生有悖于原本設計意圖的結果。
by Shaun Moynihan
根據頁面結構的基本脈絡、設計的意圖等要素，去決定素材的先后順序。
by medium.muz.li
只有將最重要的圖片安排在能夠吸引觀者注意力的位置上，才能夠有效的傳達出設計的意圖。
1. 將位置重要的圖片放大，使其變得顯眼
在圖片的先后順序確定之后，就可以進入實際的排版工作了，而最基本的表現方法，就是對圖片的尺寸大小的控制。
by Oliur
運用第一篇《關于排版，給你幾個甲方不懟你的理由?。ㄒ唬?/a>提到的對比原則，可以將主要圖片和其他圖片的相對大小進行調整，放大主要圖片，縮小其他圖片，明確主次關系。
by kissmyui
當然，如果不需要強調兩張圖片之間的先后順序關系，可以將拖片調整至等大，這樣就可以表現出它們之間的并列關系。
2. 調整圖片的位置，吸引觀者的注意
我們也可以通過位置來控制圖片的先后順序。
by medium.muz.li
如果有一張圖片位于其它圖片有一定距離的位置，那么這張圖片就會比較顯眼。
by medium.muz.li
如果在眾多圖片中混入一張不同的內容，那么觀者就會覺得這個位置大概有什么特殊的設計意圖，很容易吸引觀者的注意力。
by Unity
當然，我們不能將圖片之間的位置調整的過于零碎，導致頁面顯得散亂，還是需要在第一篇《關于排版，給你幾個甲方不懟你的理由?。ㄒ唬?/a>提到的四大原則基礎上進行調整。
恰當的裁剪處理
排版設計時對圖片的處理，最基本的也是必須的方法就是對原圖片進行美觀的裁剪。
by Walid Beno
圖片裁剪不僅僅是調整圖片的長寬比例，更主要的是，通過裁剪使得圖片要傳達的信息更準確。
1. 通過裁剪來改變圖片的縮放
by Eddie Lobanovskiy
將圖片中的某一部分裁剪出來，減少畫面中包含的信息量，可以有效的將觀者的注意力集中到想要展示的內容上。
2. 通過裁剪來調整拍攝對象的位置
by Eddie Lobanovskiy
就圖片本身而言，拍攝對象在畫面中的位置能夠左右圖片帶給觀者的印象。
by Eddie Lobanovskiy
如果原圖片不能夠充分傳達設計意圖，通過改變主要對象在畫面中的位置也許能夠更好的表現出來。
3. 把握正確的裁剪方法
by trio curio
很多時候，不合適的裁剪會導致圖片變得更讓人不舒服。
by the code
由于裁剪處理造成圖片不能夠辨認，以及由于裁剪造成主要對象的缺失，這些都是在裁剪的時候應該避免的。
對圖片中的動勢及方向性的考慮
在一些圖片中，可以讓人感受到動勢和方向性，例如：任務臉部到朝向，眼睛到視線，光線到方向等等。
by Filip Justi?
by Zhenya Rynzhuk
通過靈活到處理，來引導觀者視線到流動，能夠讓人感受到一種躍動到感覺。
1. 考慮人物圖片中到視線方向
by Paolo Spazzini
人物圖片中眼睛到位置是特別容易吸引觀者到注意，而后，觀者到目光會自然的跟隨到人物到凝視方向。
by Paolo Spazzini
所以在在人物凝視到方向安排主要到內容，是經常采用引導視線的處理方法。
2. 注意圖片中到邊線
by Eddie Lobanovskiy
圖片到邊線不僅僅是圖片外框四周到水平或豎直線，還包括圖片內容中的線條。可以借助這些線條，來表現空間的延伸和動態，也可以作為排版過程中的對齊線。
3. 向圖片中加入動勢和變化
by ??????????????
每一張圖片都會因為拍攝時候，主體對象動作的強弱而產生不同的動勢，根據畫面運動感的強弱，來控制畫面整體的穩定感。
byournal.flatstudio
除了通過拍攝時候控制動勢，后期的處理也是必不可少的，可以通過剪裁來改變圖片的動感，也可以通過旋轉圖片來增強動勢。
小結
方方面面的設計，都難免會接觸到圖片，我們拿到一張底子很好的原圖的時候，不要著急去做設計。
多想一想設計的意圖，多和拍攝者溝通，好的原圖為設計作品打下了基礎，后期的加工處理，更是點睛之筆。
推薦閱讀
作者：設計師日記，公眾號：設計師的私人日記
本文由 @設計師日記 原創發布于人人都是產品經理?，未經許可，禁止轉載。
題圖來自Unsplash，基于CC0協議
- 目前還沒評論，等你發揮！
