關(guān)于排版，給你幾個甲方不懟你的理由?。ㄈ?/h2>

設(shè)計師日記

2018-11-13

1 評論 4315 瀏覽 20 收藏 15 分鐘

圖片最基本的功能就是記錄，記錄最基本的信息以及傳達(dá)出更深層次的藝術(shù)內(nèi)涵。所以在很多優(yōu)秀的設(shè)計作品中，圖片的分量甚至超過了文字。

在很有優(yōu)秀的平面設(shè)計作品中，圖片的分量甚至超過了文字。文字可以準(zhǔn)確的表述設(shè)計作品的意圖，圖片卻可以更直觀的傳達(dá)出設(shè)計的最根本的感情。

by SELECTO

圖片說到底是什么東西？

圖片最基本的功能就是記錄，記錄最基本的信息以及傳達(dá)出更深層次的藝術(shù)內(nèi)涵。

by Vladimir Biondic

我們很多時候更愿意用圖片去交流，把合適的圖片放在合適的情境中，就會產(chǎn)生意想不到的效果。

by Vladimir Biondic

那合適的圖片又是怎么樣的呢？今天我們就要來說說，對于排版設(shè)計中圖片處理的要點。

排版中所使用的圖片分類

by Mandy

當(dāng)設(shè)計師收到需要排版的圖片素材時，不經(jīng)過準(zhǔn)備而直接進(jìn)行排版是很容易出現(xiàn)問題的，應(yīng)該首先慢慢地從圖片素材的分類開始著手。

by Saepul Rohman

圖片中包括了各種不同的內(nèi)容，并且各自具有不同的性質(zhì)。我們必須確定哪些圖片是一組的、哪些圖片是主要的、哪些圖片需要后期處理的。

by tamashi

只有經(jīng)過前期的分類工作，后期排版設(shè)計的方向自然會明朗起來，就可以更有效地設(shè)計出合適的頁面。

1. 根據(jù)圖片的功能和意味來進(jìn)行分類

在拿到一組圖片素材時，我們首先要考慮的是，這些圖片是出于什么目的而使用的。只有在充分理解各圖片所具有的功能和意味，才可以避免排版設(shè)計時出現(xiàn)混亂。

主要分類依據(jù)包括：

by Hrvoje Grubisic

作為主要視覺形象而使用：

by tamashi

為了說明拍攝對象的狀態(tài)而使用：

by Zhenya Rynzhuk

為了強調(diào)頁面的效果而使用：

by Fanny

關(guān)于圖片之間的組合方式和先后順序，需要進(jìn)行仔細(xì)的確認(rèn)，因為這些問題與畫面的整體設(shè)計息息相關(guān)，只有通過頻繁而細(xì)致的協(xié)商，最終才能達(dá)到滿意的效果。

2. 根據(jù)圖片的構(gòu)圖或拍攝角度進(jìn)行分類

圖片素材的拍攝角度和距離的不同，圖片效果也各不相同。

bykissmyui

對于屬于同一個范疇的對象，拍攝時候應(yīng)該盡量采用統(tǒng)一的角度和距離，那么在排版的時候也會呈現(xiàn)的比較清晰自然。

bykissmyui

圖片的拍攝角度決定來圖片在排版時候的位置。例如：將仰視角度的圖片放在頁面的上方，而俯視角度的圖片則放在頁面的下方，使得頁面整體和諧。

bykissmyui

設(shè)計師很難在后期去調(diào)整素材的角度，只有充分的前期溝通，后期的設(shè)計排版工作才能更好的推進(jìn)。

圖片排列的先后順序與大小的調(diào)整

圖片排列的先后順序的調(diào)整是一項很重要的工作，如果采用來不合適的順序，那么就會產(chǎn)生有悖于原本設(shè)計意圖的結(jié)果。

by Shaun Moynihan

根據(jù)頁面結(jié)構(gòu)的基本脈絡(luò)、設(shè)計的意圖等要素，去決定素材的先后順序。

by medium.muz.li

只有將最重要的圖片安排在能夠吸引觀者注意力的位置上，才能夠有效的傳達(dá)出設(shè)計的意圖。

1. 將位置重要的圖片放大，使其變得顯眼

在圖片的先后順序確定之后，就可以進(jìn)入實際的排版工作了，而最基本的表現(xiàn)方法，就是對圖片的尺寸大小的控制。

by Oliur

運用第一篇《關(guān)于排版，給你幾個甲方不懟你的理由?。ㄒ唬?/a>提到的對比原則，可以將主要圖片和其他圖片的相對大小進(jìn)行調(diào)整，放大主要圖片，縮小其他圖片，明確主次關(guān)系。

by kissmyui

當(dāng)然，如果不需要強調(diào)兩張圖片之間的先后順序關(guān)系，可以將拖片調(diào)整至等大，這樣就可以表現(xiàn)出它們之間的并列關(guān)系。

2. 調(diào)整圖片的位置，吸引觀者的注意

我們也可以通過位置來控制圖片的先后順序。

by medium.muz.li

如果有一張圖片位于其它圖片有一定距離的位置，那么這張圖片就會比較顯眼。

by medium.muz.li

如果在眾多圖片中混入一張不同的內(nèi)容，那么觀者就會覺得這個位置大概有什么特殊的設(shè)計意圖，很容易吸引觀者的注意力。

by Unity

當(dāng)然，我們不能將圖片之間的位置調(diào)整的過于零碎，導(dǎo)致頁面顯得散亂，還是需要在第一篇《關(guān)于排版，給你幾個甲方不懟你的理由?。ㄒ唬?/a>提到的四大原則基礎(chǔ)上進(jìn)行調(diào)整。

恰當(dāng)?shù)牟眉籼幚?/h2>

排版設(shè)計時對圖片的處理，最基本的也是必須的方法就是對原圖片進(jìn)行美觀的裁剪。

by Walid Beno

圖片裁剪不僅僅是調(diào)整圖片的長寬比例，更主要的是，通過裁剪使得圖片要傳達(dá)的信息更準(zhǔn)確。

1. 通過裁剪來改變圖片的縮放

by Eddie Lobanovskiy

將圖片中的某一部分裁剪出來，減少畫面中包含的信息量，可以有效的將觀者的注意力集中到想要展示的內(nèi)容上。

2. 通過裁剪來調(diào)整拍攝對象的位置

by Eddie Lobanovskiy

就圖片本身而言，拍攝對象在畫面中的位置能夠左右圖片帶給觀者的印象。

by Eddie Lobanovskiy

如果原圖片不能夠充分傳達(dá)設(shè)計意圖，通過改變主要對象在畫面中的位置也許能夠更好的表現(xiàn)出來。

3. 把握正確的裁剪方法

by trio curio

很多時候，不合適的裁剪會導(dǎo)致圖片變得更讓人不舒服。

by the code

由于裁剪處理造成圖片不能夠辨認(rèn)，以及由于裁剪造成主要對象的缺失，這些都是在裁剪的時候應(yīng)該避免的。

對圖片中的動勢及方向性的考慮

在一些圖片中，可以讓人感受到動勢和方向性，例如：任務(wù)臉部到朝向，眼睛到視線，光線到方向等等。

by Filip Justi?

by Zhenya Rynzhuk

通過靈活到處理，來引導(dǎo)觀者視線到流動，能夠讓人感受到一種躍動到感覺。

1. 考慮人物圖片中到視線方向

by Paolo Spazzini

人物圖片中眼睛到位置是特別容易吸引觀者到注意，而后，觀者到目光會自然的跟隨到人物到凝視方向。

by Paolo Spazzini

所以在在人物凝視到方向安排主要到內(nèi)容，是經(jīng)常采用引導(dǎo)視線的處理方法。

2. 注意圖片中到邊線

by Eddie Lobanovskiy

圖片到邊線不僅僅是圖片外框四周到水平或豎直線，還包括圖片內(nèi)容中的線條。可以借助這些線條，來表現(xiàn)空間的延伸和動態(tài)，也可以作為排版過程中的對齊線。

3. 向圖片中加入動勢和變化

by ??????????????

每一張圖片都會因為拍攝時候，主體對象動作的強弱而產(chǎn)生不同的動勢，根據(jù)畫面運動感的強弱，來控制畫面整體的穩(wěn)定感。

byournal.flatstudio

除了通過拍攝時候控制動勢，后期的處理也是必不可少的，可以通過剪裁來改變圖片的動感，也可以通過旋轉(zhuǎn)圖片來增強動勢。

小結(jié)

方方面面的設(shè)計，都難免會接觸到圖片，我們拿到一張底子很好的原圖的時候，不要著急去做設(shè)計。

多想一想設(shè)計的意圖，多和拍攝者溝通，好的原圖為設(shè)計作品打下了基礎(chǔ)，后期的加工處理，更是點睛之筆。

推薦閱讀

《關(guān)于排版，給你幾個甲方不懟你的理由?。ㄒ唬?/a>

《關(guān)于排版，給你幾個甲方不懟你的理由?。ǘ?/a>

 

作者：設(shè)計師日記，公眾號：設(shè)計師的私人日記

本文由 @設(shè)計師日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議

收藏已收藏{{ postmeta.bookmark }} 點贊已贊{{ postmeta.postlike }}

更多精彩內(nèi)容，請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App

2年初級圖片處理排版設(shè)計