第三章-圖片編排與圖形的編排課件

第三章圖片編排與圖形的編排第三章圖片編排與圖形的編排第三章

圖片與圖形的編排第一節(jié)圖片的編排幻燈片3第二節(jié)圖形的編排幻燈片20第三節(jié)圖片、圖形的編排技巧幻燈片29第三章圖片與圖形的編排第一節(jié)圖片的編排幻燈片3一、圖片的基本編排二、圖片形式對(duì)版面編排的影響第一節(jié)圖片的編排三、圖片的裁剪一、圖片的基本編排二、圖片形式對(duì)版面編排的影響第一節(jié)一、圖片的基本編排（三）圖片的方向（二）圖片大小及位置關(guān)系（一）圖片的組合一、圖片的基本編排（三）圖片的方向（二）圖片大小及位置關(guān)系（（一）圖片的組合1．圖片數(shù)量對(duì)版面效果的影響圖片數(shù)量直接影響到版面效果，也影響到讀者的閱讀興趣。一般來(lái)說(shuō)，圖片數(shù)量較多的版面更能引起讀者的閱讀興趣。但也不能純粹為了吸人眼球而濫用圖片，應(yīng)根據(jù)具體的版面需求來(lái)決定圖片的數(shù)量，如下圖所示。（一）圖片的組合2．圖片不同的組合編排圖片的組合編排是將若干圖片合理地編排在同一個(gè)版面上，形成一個(gè)新的結(jié)構(gòu)樣式，并將信息傳遞給觀者。它的主要表現(xiàn)形式為圖文組合及圖片之間的組合，這里主要講圖片間的組合，圖文編排組合將在第四章作詳細(xì)講解。最常見(jiàn)的圖片組合方法如下圖所示。2．圖片不同的組合編排（二）圖片大小及位置關(guān)系1．放大含有重要信息的圖片在版式設(shè)計(jì)中，應(yīng)將含有重要信息的圖片放大，因?yàn)榇蟪叽绲膱D片通常更能引起讀者注意。同時(shí)縮小次要圖片，這種圖片編排能形成版面層次感。對(duì)圖片進(jìn)行一定程度上的協(xié)調(diào)統(tǒng)一，將圖片大致分為大、中、小三個(gè)級(jí)別，還能制造版面節(jié)奏感，如下圖所示。（二）圖片大小及位置關(guān)系2．調(diào)整圖片的位置，突出主要信息版面的上下、左右以及對(duì)角線上都是視覺(jué)的焦點(diǎn)。因此將重要的圖片放置在這些位置，可以突出主題，增強(qiáng)視覺(jué)沖擊力，如下圖所示。2．調(diào)整圖片的位置，突出主要信息3．圖片的對(duì)齊方式常見(jiàn)的圖片對(duì)齊方式有上對(duì)齊、下對(duì)齊、左對(duì)齊和右對(duì)齊四種方式。其中，使用最頻繁是左對(duì)齊，因?yàn)檫@種對(duì)齊方式最符合人們的閱讀習(xí)慣。同時(shí)，對(duì)齊也是創(chuàng)造視覺(jué)美感的方法，能使版面顯得井然有序，如下圖所示。3．圖片的對(duì)齊方式（三）圖片的方向圖片本身是不具備方向性的，方向是由圖片上主體所呈現(xiàn)的方向決定的，如物體的造型、傾斜方向、人物的動(dòng)作、面部朝向以及視線等，都可以使讀者感受到圖片的方向性與運(yùn)動(dòng)感，從而使版面有一種躍動(dòng)感，如下圖所示。（三）圖片的方向圖片方向不但能起到引導(dǎo)視線的作用，同時(shí)，還能保持版面的平衡感和邏輯性。比如圖片人物視線一般朝向版面內(nèi)部，這樣會(huì)有一種穩(wěn)定感;談話類內(nèi)容的版面中，圖片人物視線一般相對(duì)，以便形成一種交流的感覺(jué)，如下圖所示。圖片方向不但能起到引導(dǎo)視線的作用，同時(shí)，還能保持版面的平衡感二、圖片形式對(duì)版面編排的影響（三）出血圖片（二）去底圖與特寫圖（一）方形圖與圓形圖的運(yùn)用二、圖片形式對(duì)版面編排的影響（三）出血圖片（二）去底圖與特寫（一）方形圖與圓形圖的運(yùn)用方形圖是最常見(jiàn)一種圖片形式，一般通過(guò)照相機(jī)、掃描儀等途徑獲得。方形圖構(gòu)成的版面給人大氣而平穩(wěn)的視覺(jué)印象；圓形圖片削弱了方形圖片四角的銳利感，呈現(xiàn)出更加圓潤(rùn)、柔和的視覺(jué)印象，使版面充滿輕松、活潑之感，如下圖所示。（一）方形圖與圓形圖的運(yùn)用（二）去底圖與特寫圖去底就是刪除圖片背景，使圖片主體獨(dú)立呈現(xiàn)的一種方式。這種方式能輕松、靈活地運(yùn)用圖片，使畫面空間感強(qiáng)烈，版面靈活多變;需要注意的是，在裁切圖片時(shí)應(yīng)將背景剪裁徹底，否則會(huì)在物體邊緣留下難看的雜邊。此外，對(duì)圖片主體的特寫、拉近并對(duì)圖片進(jìn)行合理地裁切，能使一張普通的圖片呈現(xiàn)出精彩的畫面效果，令人驚喜，如下圖所示。（二）去底圖與特寫圖（三）出血圖片出血圖片是將圖片超出整個(gè)版面的編排處理，它沒(méi)有邊框的束縛，使版面具有一種向外的張力，同時(shí)還有一種運(yùn)動(dòng)感。出血圖片拉近了版面與讀者的距離，增加版面的聯(lián)想性，豐富版面內(nèi)容，如下圖所示。（三）出血圖片2．線框的運(yùn)用（1）版面的分割與限定利用線框?qū)Π婷婵臻g進(jìn)行分割和限定，能使版面具有一種被限制的緊張感，并使版面劃分出明確的閱讀區(qū)域，提高閱讀效率;線框還影響著版面結(jié)構(gòu)，通過(guò)線框的組織和限定，將版面元素進(jìn)行規(guī)則設(shè)計(jì)，使版面更加穩(wěn)定，具有很強(qiáng)的理性秩序感，使閱讀更流暢，如下圖所示。2．線框的運(yùn)用三、圖片的裁剪1．放大裁剪圖片放大裁剪圖片是截取圖片中的某一部分，形成了局部放大的效果，以減少圖片多余信息，這種方法能有效地將讀者視線集中到想要展示的內(nèi)容上；需要注意的是，裁剪后的圖片應(yīng)有足夠大的分辨率，以保證印刷成品的清晰度，如下圖所示。三、圖片的裁剪2．通過(guò)剪裁刪除多余圖像剪裁刪除多余的圖像是將多余的部分刪除以完善圖片效果，使版面效果更協(xié)調(diào)，如下圖所示。需要注意的是，裁剪時(shí)應(yīng)把握好尺度，盡量避免因過(guò)度裁剪而刪除掉本需要保留的信息，或者因?yàn)椴眉舨粡氐锥鴼埩袅瞬恍枰男畔?，給讀者帶來(lái)錯(cuò)誤的印象。2．通過(guò)剪裁刪除多余圖像3．通過(guò)裁剪調(diào)整圖像位置圖片位置的不同給讀者帶來(lái)的視覺(jué)印象也不一樣。當(dāng)拍攝的照片原圖沒(méi)有達(dá)到預(yù)想的效果和排版要求時(shí)，可以通過(guò)裁剪來(lái)調(diào)整物體的位置，以突出主題，增強(qiáng)信息傳達(dá)力度，如下圖所示。3．通過(guò)裁剪調(diào)整圖像位置一、圖形的主要分類及特征二、圖形的基本編排第二節(jié)圖形的編排一、圖形的主要分類及特征二、圖形的基本編排第二節(jié)圖形的編一、圖形的主要分類及其特征1．簡(jiǎn)潔的圖形簡(jiǎn)潔的圖形有利于設(shè)計(jì)的準(zhǔn)確性和清晰性，能使版面重點(diǎn)突出，視覺(jué)效果得到優(yōu)化，如下圖所示。一、圖形的主要分類及其特征2．夸張的圖形夸張的圖形能直接、鮮明地揭示事物本質(zhì)，增強(qiáng)藝術(shù)傳達(dá)效果，賦予版面新奇而變化的情趣，使版面效果更加生動(dòng)，如下圖所示。2．夸張的圖形3．具象圖形具象圖形是寫實(shí)性與裝飾性的結(jié)合，這樣的圖形給人帶來(lái)一種親切感，留下直觀的視覺(jué)印象，使版面構(gòu)成一目了然，如下圖所示。3．具象圖形4．抽象圖形抽象圖形運(yùn)用簡(jiǎn)單的點(diǎn)、線、面等元素提煉而成，它體現(xiàn)的是事物本質(zhì)的特性，是規(guī)律的概括。抽象圖形為版面營(yíng)造了想象空間，引導(dǎo)讀者去聯(lián)想與體味，使版面具有一種廣闊感和深遠(yuǎn)感，并富有時(shí)代氣息，如下圖所示。4．抽象圖形5．符號(hào)性圖形符號(hào)性圖形是一種高度凝練和概括的圖形，其本質(zhì)就是一種視覺(jué)符號(hào)。含蓄的圖形符號(hào)暗示與啟發(fā)觀者產(chǎn)生聯(lián)想，進(jìn)而揭示內(nèi)在的設(shè)計(jì)意圖，如下圖所示。5．符號(hào)性圖形6．文字性圖形文字性圖形包括圖形文字和文字圖形兩層意思，其中，圖形文字是指將文字用圖形的形式表現(xiàn)出來(lái)，最常見(jiàn)的是文字類的logo設(shè)計(jì)；而文字圖形是利用文字作為基本構(gòu)成元素形成圖形，進(jìn)而構(gòu)成版面，使版面圖文并茂，如下圖所示。6．文字性圖形二、圖形的基本編排1．圖形的編排布局圖形的版面布局應(yīng)具有整體性和簡(jiǎn)潔性。同時(shí)可以增強(qiáng)圖形與圖形、圖形與背景的對(duì)比，進(jìn)而提升版面張力，突出設(shè)計(jì)重點(diǎn)，增添版面趣味性，如下圖所示。二、圖形的基本編排2．圖形形狀的應(yīng)用圖形按其形狀可分為規(guī)整的幾何形和活潑的自由形，其中幾何形給人一種嚴(yán)肅整齊之感；而自由形則沒(méi)有特定的規(guī)律可循，是根據(jù)版面視覺(jué)的編排情況而定的，版面編排更為靈活，如下圖所示。2．圖形形狀的應(yīng)用一、圖片的動(dòng)態(tài)編排二、肌理圖片的應(yīng)用第三節(jié)圖片、圖形的編排技巧三、一圖多用和兩次圖的應(yīng)用一、圖片的動(dòng)態(tài)編排二、肌理圖片的應(yīng)用第三節(jié)圖片、圖形一、圖片的動(dòng)態(tài)編排圖片的動(dòng)感可以由拍攝對(duì)象的動(dòng)勢(shì)來(lái)體現(xiàn)，還可以通過(guò)將圖片倒置、傾斜或?qū)⑷舾蓤D片按照一定的路徑編排等方法，來(lái)打破平衡以增強(qiáng)動(dòng)感，使版面更加生動(dòng)和豐富，如下圖所示。一、圖片的動(dòng)態(tài)編排二、肌理圖片的應(yīng)用肌理體現(xiàn)物質(zhì)的表面特征，使人產(chǎn)生觸覺(jué)感受，凸顯視覺(jué)質(zhì)感，豐富視覺(jué)感受。合理地將肌理圖片應(yīng)用在設(shè)計(jì)作品中，能豐富版面的藝術(shù)表現(xiàn)力，增加版面生動(dòng)性和趣味性，如下圖所示。二、肌理圖片的應(yīng)用三、一圖多用和兩次圖的應(yīng)用一圖多用是從原圖中截取幾組富有美感的局部圖片來(lái)配合版面設(shè)計(jì)。它可以延伸設(shè)計(jì)美感，使版式布局更為協(xié)調(diào)，賦予版式新的意義；兩次圖的應(yīng)用是指將同一張圖片，通過(guò)兩種不同的方式填充版面，能給人新穎的視覺(jué)美感，如下圖所示。三、一圖多用和兩次圖的應(yīng)用第三章圖片編排與圖形的編排第三章圖片編排與圖形的編排第三章

圖片與圖形的編排第一節(jié)圖片的編排幻燈片3第二節(jié)圖形的編排幻燈片20第三節(jié)圖片、圖形的編排技巧幻燈片29第三章圖片與圖形的編排第一節(jié)圖片的編排幻燈片3一、圖片的基本編排二、圖片形式對(duì)版面編排的影響第一節(jié)圖片的編排三、圖片的裁剪一、圖片的基本編排二、圖片形式對(duì)版面編排的影響第一節(jié)一、圖片的基本編排（三）圖片的方向（二）圖片大小及位置關(guān)系（一）圖片的組合一、圖片的基本編排（三）圖片的方向（二）圖片大小及位置關(guān)系（（一）圖片的組合1．圖片數(shù)量對(duì)版面效果的影響圖片數(shù)量直接影響到版面效果，也影響到讀者的閱讀興趣。一般來(lái)說(shuō)，圖片數(shù)量較多的版面更能引起讀者的閱讀興趣。但也不能純粹為了吸人眼球而濫用圖片，應(yīng)根據(jù)具體的版面需求來(lái)決定圖片的數(shù)量，如下圖所示。（一）圖片的組合2．圖片不同的組合編排圖片的組合編排是將若干圖片合理地編排在同一個(gè)版面上，形成一個(gè)新的結(jié)構(gòu)樣式，并將信息傳遞給觀者。它的主要表現(xiàn)形式為圖文組合及圖片之間的組合，這里主要講圖片間的組合，圖文編排組合將在第四章作詳細(xì)講解。最常見(jiàn)的圖片組合方法如下圖所示。2．圖片不同的組合編排（二）圖片大小及位置關(guān)系1．放大含有重要信息的圖片在版式設(shè)計(jì)中，應(yīng)將含有重要信息的圖片放大，因?yàn)榇蟪叽绲膱D片通常更能引起讀者注意。同時(shí)縮小次要圖片，這種圖片編排能形成版面層次感。對(duì)圖片進(jìn)行一定程度上的協(xié)調(diào)統(tǒng)一，將圖片大致分為大、中、小三個(gè)級(jí)別，還能制造版面節(jié)奏感，如下圖所示。（二）圖片大小及位置關(guān)系2．調(diào)整圖片的位置，突出主要信息版面的上下、左右以及對(duì)角線上都是視覺(jué)的焦點(diǎn)。因此將重要的圖片放置在這些位置，可以突出主題，增強(qiáng)視覺(jué)沖擊力，如下圖所示。2．調(diào)整圖片的位置，突出主要信息3．圖片的對(duì)齊方式常見(jiàn)的圖片對(duì)齊方式有上對(duì)齊、下對(duì)齊、左對(duì)齊和右對(duì)齊四種方式。其中，使用最頻繁是左對(duì)齊，因?yàn)檫@種對(duì)齊方式最符合人們的閱讀習(xí)慣。同時(shí)，對(duì)齊也是創(chuàng)造視覺(jué)美感的方法，能使版面顯得井然有序，如下圖所示。3．圖片的對(duì)齊方式（三）圖片的方向圖片本身是不具備方向性的，方向是由圖片上主體所呈現(xiàn)的方向決定的，如物體的造型、傾斜方向、人物的動(dòng)作、面部朝向以及視線等，都可以使讀者感受到圖片的方向性與運(yùn)動(dòng)感，從而使版面有一種躍動(dòng)感，如下圖所示。（三）圖片的方向圖片方向不但能起到引導(dǎo)視線的作用，同時(shí)，還能保持版面的平衡感和邏輯性。比如圖片人物視線一般朝向版面內(nèi)部，這樣會(huì)有一種穩(wěn)定感;談話類內(nèi)容的版面中，圖片人物視線一般相對(duì)，以便形成一種交流的感覺(jué)，如下圖所示。圖片方向不但能起到引導(dǎo)視線的作用，同時(shí)，還能保持版面的平衡感二、圖片形式對(duì)版面編排的影響（三）出血圖片（二）去底圖與特寫圖（一）方形圖與圓形圖的運(yùn)用二、圖片形式對(duì)版面編排的影響（三）出血圖片（二）去底圖與特寫（一）方形圖與圓形圖的運(yùn)用方形圖是最常見(jiàn)一種圖片形式，一般通過(guò)照相機(jī)、掃描儀等途徑獲得。方形圖構(gòu)成的版面給人大氣而平穩(wěn)的視覺(jué)印象；圓形圖片削弱了方形圖片四角的銳利感，呈現(xiàn)出更加圓潤(rùn)、柔和的視覺(jué)印象，使版面充滿輕松、活潑之感，如下圖所示。（一）方形圖與圓形圖的運(yùn)用（二）去底圖與特寫圖去底就是刪除圖片背景，使圖片主體獨(dú)立呈現(xiàn)的一種方式。這種方式能輕松、靈活地運(yùn)用圖片，使畫面空間感強(qiáng)烈，版面靈活多變;需要注意的是，在裁切圖片時(shí)應(yīng)將背景剪裁徹底，否則會(huì)在物體邊緣留下難看的雜邊。此外，對(duì)圖片主體的特寫、拉近并對(duì)圖片進(jìn)行合理地裁切，能使一張普通的圖片呈現(xiàn)出精彩的畫面效果，令人驚喜，如下圖所示。（二）去底圖與特寫圖（三）出血圖片出血圖片是將圖片超出整個(gè)版面的編排處理，它沒(méi)有邊框的束縛，使版面具有一種向外的張力，同時(shí)還有一種運(yùn)動(dòng)感。出血圖片拉近了版面與讀者的距離，增加版面的聯(lián)想性，豐富版面內(nèi)容，如下圖所示。（三）出血圖片2．線框的運(yùn)用（1）版面的分割與限定利用線框?qū)Π婷婵臻g進(jìn)行分割和限定，能使版面具有一種被限制的緊張感，并使版面劃分出明確的閱讀區(qū)域，提高閱讀效率;線框還影響著版面結(jié)構(gòu)，通過(guò)線框的組織和限定，將版面元素進(jìn)行規(guī)則設(shè)計(jì)，使版面更加穩(wěn)定，具有很強(qiáng)的理性秩序感，使閱讀更流暢，如下圖所示。2．線框的運(yùn)用三、圖片的裁剪1．放大裁剪圖片放大裁剪圖片是截取圖片中的某一部分，形成了局部放大的效果，以減少圖片多余信息，這種方法能有效地將讀者視線集中到想要展示的內(nèi)容上；需要注意的是，裁剪后的圖片應(yīng)有足夠大的分辨率，以保證印刷成品的清晰度，如下圖所示。三、圖片的裁剪2．通過(guò)剪裁刪除多余圖像剪裁刪除多余的圖像是將多余的部分刪除以完善圖片效果，使版面效果更協(xié)調(diào)，如下圖所示。需要注意的是，裁剪時(shí)應(yīng)把握好尺度，盡量避免因過(guò)度裁剪而刪除掉本需要保留的信息，或者因?yàn)椴眉舨粡氐锥鴼埩袅瞬恍枰男畔?，給讀者帶來(lái)錯(cuò)誤的印象。2．通過(guò)剪裁刪除多余圖像3．通過(guò)裁剪調(diào)整圖像位置圖片位置的不同給讀者帶來(lái)的視覺(jué)印象也不一樣。當(dāng)拍攝的照片原圖沒(méi)有達(dá)到預(yù)想的效果和排版要求時(shí)，可以通過(guò)裁剪來(lái)調(diào)整物體的位置，以突出主題，增強(qiáng)信息傳達(dá)力度，如下圖所示。3．通過(guò)裁剪調(diào)整圖像位置一、圖形的主要分類及特征二、圖形的基本編排第二節(jié)圖形的編排一、圖形的主要分類及特征二、圖形的基本編排第二節(jié)圖形的編一、圖形的主要分類及其特征1．簡(jiǎn)潔的圖形簡(jiǎn)潔的圖形有利于設(shè)計(jì)的準(zhǔn)確性和清晰性，能使版面重點(diǎn)突出，視覺(jué)效果得到優(yōu)化，如下圖所示。一、圖形的主要分類及其特征2．夸張的圖形夸張的圖形能直接、鮮明地揭示事物本質(zhì)，增強(qiáng)藝術(shù)傳達(dá)效果，賦予版面新奇而變化的情趣，使版面效果更加生動(dòng)，如下圖所示。2．夸張的圖形3．具象圖形具象圖形是寫實(shí)性與裝飾性的結(jié)合，這樣的圖形給人帶來(lái)一種親切感，留下直觀的視覺(jué)印象，使版面構(gòu)成一目了然，如下圖所示。3．具象圖形4．抽象圖形抽象圖形運(yùn)用簡(jiǎn)單的點(diǎn)、線、面等元素提煉而成，它體現(xiàn)的是事物本質(zhì)的特性，是規(guī)律的概括。抽象圖形為版面營(yíng)造了想象空間，引導(dǎo)讀者去聯(lián)想與體味，使版面具有一種廣闊感和深遠(yuǎn)感，并富有時(shí)代氣息，如下圖所示。4．抽象圖形5．符號(hào)性圖形符號(hào)性圖形是一種高度凝練和概括的圖形，其本質(zhì)就是一種視覺(jué)符號(hào)。含蓄的圖形符號(hào)暗示與啟發(fā)觀者產(chǎn)生聯(lián)想，進(jìn)而揭示內(nèi)在的設(shè)計(jì)意圖，如下圖所示。5．符號(hào)性圖形6．文字性圖形文字性圖形包括圖形文字和文字圖形兩層意思，其中，圖形文字是指將文字用圖形的形式表現(xiàn)出來(lái)，最常見(jiàn)的是文字