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

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

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

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