1、圖片的編排規(guī)則,圖片的編排規(guī)則,圖片在版式設(shè)計(jì)中起著很直觀的體現(xiàn)版面的作用，通過對圖片的處理，可以展示出不同類型和風(fēng)格的版面，在明確表達(dá)信息的同時更清晰得展現(xiàn)版面的內(nèi)容。 圖片不僅僅起著傳遞版面的作用，而且好的圖片又能使得讀者從中獲得美的感受。,圖片的編排規(guī)則,圖片的編排規(guī)則,如何挑選圖片 運(yùn)用圖片進(jìn)行多種組合 通過強(qiáng)調(diào)的重點(diǎn)來安排圖片的大小 根據(jù)圖片的外形進(jìn)行合理編排 掌握圖片裁切的要點(diǎn) 圖片中的動勢及方向性的考慮 圖片之間位置關(guān)系的考慮 圖片與文字的恰當(dāng)配置 圖片的編排規(guī)則,學(xué)習(xí)內(nèi)容,圖片的編排規(guī)則,1、如何挑選圖片 圖片是有效傳達(dá)信息的使者。一般來講，當(dāng)版面中的圖片較少的時候，讀者的閱讀

2、興趣會相應(yīng)降低；當(dāng)圖片較多的時候，閱讀興趣會相應(yīng)提高。圖片在版式設(shè)計(jì)中的安排非常重要，一張圖片可能更具有文字難以描述的視覺表現(xiàn)力。,圖片的編排規(guī)則,1、如何挑選圖片 注重設(shè)計(jì)的版式，一般都會對圖片的安排精益求精。豐富、色彩鮮艷的圖片很容易成為版面的視覺中心，從而形成很強(qiáng)的視覺沖擊力。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,1、如何挑選圖片 圖片在版式設(shè)計(jì)中有如此重要的作用，所以挑選合適的圖片也成了版式設(shè)計(jì)的重點(diǎn)。圖片大多數(shù)來自攝影，設(shè)計(jì)師在選擇圖片的時候可以根據(jù)版面所強(qiáng)調(diào)的內(nèi)容選擇合適的圖片。這類圖片大致可以分為靜態(tài)和動態(tài)、近景和遠(yuǎn)景、整體和局部幾種類別。,圖片的編排規(guī)則,圖片的編排

3、規(guī)則,1、如何挑選圖片 靜態(tài)和動態(tài)圖片的選擇,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,1、如何挑選圖片 近景和遠(yuǎn)景圖片的選擇,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,1、如何挑選圖片 整體和局部圖片的選擇,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,練習(xí)1：靜態(tài)圖片和動態(tài)圖片的組合 情景：畫冊設(shè)計(jì) 規(guī)格200*200，2個頁面，時間10min,圖片的編排規(guī)則,2、運(yùn)用圖片進(jìn)行多種組合 即使相同的圖片，其組合形式也是千變?nèi)f化的，圖片大小、方向的改變就會改變整個版式的效果。 圖片的組

4、合形式可以分為兩種：規(guī)則型和自由型。,圖片的編排規(guī)則,2、運(yùn)用圖片進(jìn)行多種組合 規(guī)則型圖片組合的特點(diǎn)是圖片與圖片之間應(yīng)盡量使用對齊方式，并將所有圖片組合的外輪廓統(tǒng)一在一個幾何形體中，圖片的大小和方向等都會受到一定的限制，這種方式在報(bào)紙排版中比較常見。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,2、運(yùn)用圖片進(jìn)行多種組合 規(guī)則式的圖片組合盡管較為呆板，需要強(qiáng)調(diào)和注意的地方很多，在排版中還會受到一定的限制，但是這樣的圖片組合形式往往能體現(xiàn)出一種權(quán)威，給人一種信賴感。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,2、運(yùn)用圖片進(jìn)行多種組合 自由式

5、組合圖片的特點(diǎn)是：圖片與圖片之間沒有固定的排列模式，圖片的大小、方向等可以根據(jù)版面隨意進(jìn)行調(diào)整，排版方式較為靈活，雜志排版中有時會用到這種方式。,圖片的編排規(guī)則,圖片的編排規(guī)則,2、運(yùn)用圖片進(jìn)行多種組合 自由式組合的圖片組合方式雖然沒有受到任何限制，排版也較為靈活，給人一種輕松感，但是不適合大多數(shù)的排版要求。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,練習(xí)2：圖片的自由式組合 情景：兒童畫冊設(shè)計(jì) 規(guī)格200*200，2P，時間：10min,圖片的編排規(guī)則,練習(xí)3：圖片的規(guī)則式組合 情景：報(bào)紙版式編排 參考規(guī)格297*420，1P，時間：10

6、min,圖片的編排規(guī)則,3、通過強(qiáng)調(diào)的重點(diǎn)來安排圖片的大小 在進(jìn)行頁面內(nèi)容分類的時候，可以通過圖片的功能及內(nèi)容來確定圖片排列的先后順序。圖片排列的先后順序是排版設(shè)計(jì)工作中的重要環(huán)節(jié)，如果圖片的先后順序安排不合理，就會看不出文章的方向性，造成與編輯的意圖相悖的頁面效果。 如何確定版面的重點(diǎn)，一方面要根據(jù)客戶的要求，重點(diǎn)突出客戶強(qiáng)調(diào)的部分；另一方面，設(shè)計(jì)人員可以在客戶提供的圖片素材中篩選，從顏色、構(gòu)圖、立意等方面考慮版面重點(diǎn)。,圖片的編排規(guī)則,3、通過強(qiáng)調(diào)的重點(diǎn)來安排圖片的大小 （1）將重要位置的圖片放大，使其變得顯眼 首先，最大的圖片表示最重要的內(nèi)容，但是需要注意圖片的質(zhì)量決定了能夠放大的尺寸。

7、 其次，可以利用圖片尺寸之間的相對大小，來區(qū)分圖片的主次關(guān)系。 當(dāng)不需要強(qiáng)調(diào)兩張圖的先后順序的時候，可以將兩張圖片的尺寸調(diào)至等大，表現(xiàn)出并列關(guān)系。,圖片的編排規(guī)則,圖片的編排規(guī)則,3、通過強(qiáng)調(diào)的重點(diǎn)來安排圖片的大小 （2）調(diào)整圖片的位置，以吸引讀者的注意 從視覺流程的角度來講，人們的視線會首先集中在左上角的版面中，可以將重點(diǎn)圖片安排在左面版面中，其他次要的圖片可以適當(dāng)縮小后放置在其他位置，這是強(qiáng)調(diào)版面重點(diǎn)的一個重要方法。 通過位置調(diào)整可以控制圖片的先后順序，如果在有多張圖片的頁面中，如果一張圖片與其他圖片有一定距離位置的時候，就可以明顯區(qū)分開來。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則

8、,3、通過強(qiáng)調(diào)的重點(diǎn)來安排圖片的大小 （3）調(diào)整圖片尺寸類型不宜過多 圖片尺寸大小，是表現(xiàn)先后順序的有效手段。但是，為了保持頁面結(jié)構(gòu)的平衡，需要在一定程度上對圖片大小進(jìn)行協(xié)調(diào)統(tǒng)一。 如果圖片尺寸類型過多，會造成每張圖片大小各不相同，使得圖片的主次關(guān)系變得不容易確定。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,3、通過強(qiáng)調(diào)的重點(diǎn)來安排圖片的大小 （4）利用出血圖片控制視覺效果 當(dāng)有些圖片希望引起讀者注意的時候，可以使圖片填充整個頁面，這是一種可以有效提高圖片視覺沖擊力的手段。如果使用圖片出血的處理方式，可以讓圖片擴(kuò)大至超過頁面大小的程度。 如果一味地壓縮邊距，會使得頁面給人一種憋悶感，不要

9、將對頁的四角都填滿，而應(yīng)該將對角線留出空隙。 不要將圖片重要的位置放置在對頁的訂口處。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,練習(xí)4：通過強(qiáng)調(diào)的重點(diǎn)來安排圖片的大小 情景：商務(wù)雜志內(nèi)頁設(shè)計(jì)（突出重點(diǎn)） 規(guī)格：285*210，2P 時間：10min,圖片的編排規(guī)則,4、根據(jù)圖片的外形進(jìn)行合理編排 對圖片來說，大致可以分為幾何形與自然形兩種使用方法。分別把握它們各自的特征，可以有效地運(yùn)用于圖片的編排設(shè)計(jì)中。 幾何形：拍攝出來的圖片，都是被包圍在四邊形的方框之中。經(jīng)過裁剪，如果圖片仍然保持了四邊形、圓形等形狀，就叫做幾何形圖片。 自然形：有時候可以按照拍攝對象的輪廓線來進(jìn)行裁剪，將圖形單獨(dú)

10、提取出來用于排版。,圖片的編排規(guī)則,圖片的編排規(guī)則,4、根據(jù)圖片的外形進(jìn)行合理編排 （1）四邊形與圓形圖的使用 幾何形一般為四邊形、圓形、多邊形等，這種處理形式較為普遍，特點(diǎn)是規(guī)則，有規(guī)律可循。 在圖片排版過程中，一般會運(yùn)用四邊形圖的處理方式。以圖片的外邊線為標(biāo)準(zhǔn)，來確定圖片文字說明的位置、調(diào)整圖片與文字條目的位置。 此外，還可以按照圓形等其他形狀來裁剪圖片。圓形圖這種圖片處理方式，在保持圖片外輪廓的同時還削弱其四角張揚(yáng)的感覺，從而呈現(xiàn)出一種介于四邊形與自然形之間的效果。,圖片的編排規(guī)則,圖片的編排規(guī)則,4、根據(jù)圖片的外形進(jìn)行合理編排 （2）按照輪廓線來裁剪圖片使用 外形輪廓就是根據(jù)圖片的圖形

11、形狀進(jìn)行摳圖，將背景部分扣掉，保留需要的部分。 這種對圖片的處理方式較為靈活，沒有固定規(guī)律，對于圖片的外形有突破，有利于圖片內(nèi)容的展示，并且文字以及其他元素的安排方式會更加多樣化。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,4、根據(jù)圖片的外形進(jìn)行合理編排 （2）按照輪廓線來裁剪圖片使用 當(dāng)需要讓頁面的圖像具有動感的時候，可以借助對裁切圖片的靈活運(yùn)用達(dá)到。這種方法多數(shù)用于對雜貨及衣服、食品等物品的拍攝中，最大優(yōu)勢是可以最大限度的靈活利用拍攝對象的形狀來進(jìn)行處理。 進(jìn)行圖片裁剪的時候，必須分清背景與被拍攝物品之間的邊界，必須裁切得非常精細(xì)。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,4

12、、根據(jù)圖片的外形進(jìn)行合理編排 （2）按照輪廓線來裁剪圖片使用 圖片的外形可以是幾何狀的任意圖形，也可以是圖片中某個具體圖像的外形。只有合理安排好這些元素才能很好地對其他元素進(jìn)行編輯。 版式設(shè)計(jì)中沒有固定的圖片外形處理模式，不同的版面會對圖片的外形處理提出不同的要求，尋找最適合當(dāng)前版面版式的圖片處理方式才能讓圖片發(fā)揮最大的作用。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,練習(xí)5：根據(jù)圖片外形編排 情景：運(yùn)動畫冊內(nèi)頁設(shè)計(jì)（嘗試四邊形、圓角矩形等的編排方式） 規(guī)格：200*200，2P 時間：10min,圖片的編排規(guī)則,5、掌握圖片裁切的要點(diǎn) 在排版過程中，有時候需要對圖片進(jìn)行裁剪。裁切可以將

13、不必要的部分裁掉，也可以改變圖片的長寬比例，調(diào)整圖片的效果。以整體構(gòu)圖的合理性為目的的圖片裁切，是很有必要的。 好的圖片在視覺上會形成好的效果，不同的裁切方式對圖片視覺效果的影響不同，因此對圖片的裁切對整體版面效果控制來說就顯得尤為重要。,圖片的編排規(guī)則,5、掌握圖片裁切的要點(diǎn) （1）通過裁切來改變圖片的縮放 通過裁切，可以截取圖片中的某一部分。通過減少一張圖片所包含的信息量，可以有效地將讀者的視線幾種到想要展示的內(nèi)容上。 圖片經(jīng)過裁切，圖片中的信息量的比例發(fā)生了變化。圖片變成了局部“放大”的圖片。經(jīng)過裁切的圖片比原圖片實(shí)際尺寸小，但可以通過圖片的放大處理，在保持原大圖尺寸的同時展示局部。,圖

14、片的編排規(guī)則,圖片的編排規(guī)則,5、掌握圖片裁切的要點(diǎn) （2）根據(jù)畫面內(nèi)容確定裁切方向 對于裁切圖片沒有明確規(guī)定，裁切的方式及大小主要根據(jù)畫面內(nèi)容而定。 當(dāng)在一個有限的版面中對圖片進(jìn)行編排的時候，很多圖片的形狀與版面空間會發(fā)生沖突。如在正方形區(qū)域中要放置長方形圖片，在縱向的區(qū)域需要放置橫向排列的圖片。這個時候就需要對圖片進(jìn)行裁切，裁剪圖片不僅可以完全改變圖片的尺寸，還可以改變圖片的長寬比。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,5、掌握圖片裁切的要點(diǎn) （3）圖片的大小將決定將裁切的區(qū)域 裁切圖片的局部也是常用的手法之一，局部的圖像很多時候給畫面帶來不一樣的視覺感受。但是在裁切圖片的時候

15、還需要重點(diǎn)考慮圖片的尺寸。 如果圖片尺寸很大，裁切大部分或者小部分的圖像都是沒有問題的，裁切后放大也不會改變圖片的質(zhì)量；如果圖片過小，裁切之后進(jìn)行放大，很可能使圖片產(chǎn)生鋸齒或者模糊情況，影響版面效果。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,5、掌握圖片裁切的要點(diǎn) （4）將畫面中多余的部分裁掉 將不需要的物品和人物拍進(jìn)來的情況是很常見的，這是就需要裁掉畫面中不需要的部分，只保留需要的部分，這樣照片才能被充分利用。 在裁切的時候，也需要把握不應(yīng)該裁掉的圖像，否則影響圖片的完整性。如果過度裁切，有可能造成意圖不明的效果。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片

16、的編排規(guī)則,圖片的編排規(guī)則,5、掌握圖片裁切的要點(diǎn) （5）根據(jù)圖片的分辨率與裁切根據(jù)版面的不同形式對圖片進(jìn)行裁切 有的圖片不能想裁成怎樣就裁切成怎樣，還要考慮圖片本身的尺寸和分辨率大小。 圖片的尺寸如果過小，裁切的圖片和可能就不能用了。了解數(shù)碼照片的尺和分辨率等知識十分必要。 圖片的分辨率是指圖像中存儲的信息量，以每英寸的像素?cái)?shù)來衡量，圖片分辨率和圖片尺寸決定了文件的大小及輸出的質(zhì)量。文件大小與圖片分辨率的平方成正比，如果圖片尺寸不變，將分辨率提高一倍，文件大小增大到四倍。,圖片的編排規(guī)則,5、掌握圖片裁切的要點(diǎn) （5）圖片的分辨率與裁切根據(jù)版面的不同形式對圖片進(jìn)行裁切 如果圖片的分辨率為30

17、0dpi，圖片可以放大至原來140%，如果分辨率高達(dá)720dpi，圖片放大至原來120%也不會出現(xiàn)不清晰現(xiàn)象，如果只有72dpi，放大至圖片原始尺寸，打印都會不清晰。 裁切圖片的時候，在版面上一定要主次分明且簡潔有序，這樣能突出重點(diǎn)，吸引讀者眼球。可以運(yùn)用不同的角度和方法進(jìn)行裁切，力求讓讀者一眼就將注意力集中到版面亮點(diǎn)上。,圖片的編排規(guī)則,練習(xí)6：根據(jù)畫面內(nèi)容確定裁剪方向 情景：嬰兒畫冊內(nèi)頁設(shè)計(jì) 規(guī)格：200*200，2P 時間：10min,圖片的編排規(guī)則,練習(xí)7：裁剪畫面中多余部分 情景：旅游人文雜志內(nèi)頁設(shè)計(jì) 規(guī)格：285*210，2P 時間：10min,圖片的編排規(guī)則,練習(xí)8：圖片裁剪綜合

18、練習(xí) 情景：上午雜志內(nèi)頁設(shè)計(jì) 規(guī)格：285*210，2P 時間：10min,圖片的編排規(guī)則,6、圖片中的動勢及方向性的考慮 圖片中，有一些讓人感受到動勢及方向性的因素。人物圖片中，被拍人物的動作及臉部朝向，都可以讓人感受到圖片的動勢及方向性的因素。通過對這些要素的靈活處理，來引導(dǎo)讀者視線流動的方向，具有動勢的圖片也可以讓人感受到一種跳躍的感覺。,圖片的編排規(guī)則,6、圖片中的動勢及方向性的考慮 （1）考慮人物圖片中視線的方向 人物眼睛的位置是特別吸引讀者的目光的，讀者的眼光也會移向人物凝視的地方。在人物目光凝視的位置上需要安排重要的文字內(nèi)容，以及使人物的目光朝向下一頁，都是引導(dǎo)讀者視線的方法。

19、此外，拍攝對象目光朝向位置的空間大小，會影響圖片的效果。拍攝對象目光朝向處空間較大時候，這樣的構(gòu)圖能給人穩(wěn)定的印象，是常用的構(gòu)圖方式。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,6、圖片中的動勢及方向性的考慮 （2）注意圖片中的邊線 圖片的邊線不僅包括外框四邊形的邊線，還包括一些讓人感覺像邊線的線條。這些線條包括地平線、建筑的縱向線條，斜拍時產(chǎn)生的斜線等。 借助這些線條，來表現(xiàn)空間的延伸或動態(tài)，這些線也可以作為編排過程中整合各項(xiàng)內(nèi)容的一種標(biāo)準(zhǔn)。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,6、圖片中的動勢及方向性的考慮 （3）向圖片中加入動勢和變化 很多圖片由于拍攝對

20、象動作的強(qiáng)弱而產(chǎn)生強(qiáng)弱不同的動勢?？梢愿鶕?jù)這些拍攝對象運(yùn)動感的強(qiáng)弱，來控制頁面整體的運(yùn)動感或者穩(wěn)定感。 利用照片來使頁面富于動感的處理方式，還可以通過將圖片傾斜放置等方式，來打破垂直或水平的平衡來增加圖片的動感。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,7、圖片之間位置關(guān)系的考慮 圖片并不是以單張的方式呈現(xiàn)的，有時需要對多張圖片進(jìn)行組合。這時就有必要在對圖片分類的基礎(chǔ)上，進(jìn)行明確的組別劃分。 （1）通過距離進(jìn)行組別劃分 距離相近的圖片之間容易被看作是同一組圖片看待。為了區(qū)分不同的組別，可以拉開圖片之間的距離。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,7、圖片之間位置關(guān)系的考慮

21、（2）利用組合圖片 如果利用了圖片的組合方式，由于圖片的反復(fù)效果，使頁面給人信息充足而有凝煉的印象，呈現(xiàn)出不同的效果。 圖片組合最基本的類型是，所有圖片都占有相同大小的頁面空間，使頁面井然有序。如果將頁面分割空間之后，可以形成相對復(fù)雜的分割方塊。 圖片組合編排的時候，圖片之間可以采用間隔設(shè)置為零的方式；如果圖片之間適當(dāng)拉開距離，每張圖片更容易辨認(rèn)，也可以緩解圖片帶來的壓迫感。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,8、圖片與文字的恰當(dāng)配置 排版中，圖片與文字的組合方式也是重要的問題。以圖片與文字說明的關(guān)系為例，文字說明是與圖片內(nèi)容具有相關(guān)性的文字，與圖的對應(yīng)關(guān)系必須是明確的。應(yīng)該避免

22、圖文之間的距離太遠(yuǎn)。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,8、圖片與文字的恰當(dāng)配置 （1）統(tǒng)一文字與圖片之間的邊線 應(yīng)該能夠統(tǒng)一文段與圖片的寬度統(tǒng)一起來，如果字行或文段的結(jié)尾處長短不一，會讓人感覺不協(xié)調(diào)。 如果所有的圖片和文字等內(nèi)容都被處理得過度統(tǒng)一，會給人帶來憋悶的感覺，在圖片的編排中，整齊中加入變化是一個要點(diǎn)。,圖片的編排規(guī)則,8、圖片與文字的恰當(dāng)配置 （2）不要用圖片將文字切斷 圖文排版中的重點(diǎn)，應(yīng)注意不要破壞文字的可讀性。如果在文段的段落之中插入圖片，閱讀的實(shí)現(xiàn)將被打斷。 在一行文字中，也不應(yīng)該在不合適的位置插入圖片而造成閱讀的不便?？梢栽谖亩伍_始的地方或者結(jié)尾處插入圖片，

23、當(dāng)需要在文段中插入圖片的時候，需要考慮不妨礙視線流動的同時進(jìn)行編排設(shè)計(jì)。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,8、圖片與文字的恰當(dāng)配置 （3）注意對圖片中插入的文字的處理 需要在圖片中插入文字的時候，注意不要將文字覆蓋在需要重點(diǎn)展示的圖片對象上。 同時也需要考慮，文字需要采用不影響文字的可辨識性的顏色，最好將白色或者黑色作為基本的文字備選顏色，同時需要選擇寬大的字體。,圖片的編排規(guī)則,圖片的編排規(guī)則,圖片的編排規(guī)則,9、圖片的編排規(guī)則 圖片的目的是讓版面在更大程度上符合人們的視覺習(xí)慣，使版面信息的可讀性更強(qiáng)。 在對圖片進(jìn)行編排處理的時候，一定要考慮到版面的內(nèi)容，如果使用的圖片是代表