版式設(shè)計(jì)（第5版） 課件 ch07（圖版的編排構(gòu)成）

第7章圖版的編排構(gòu)成版式設(shè)計(jì)（第5版）01角版、挖版、出血版PARTONE角版、挖版、出血版1.角版角版也稱方形版，即畫面被直線方框所約束，是常見且簡潔大方的形態(tài)。2.挖版挖版圖也稱退底圖，挖版是指將圖片中精彩的圖像部分按需要摳出來。3.出血版出血版是指放大的圖片充滿并超出版心邊框，而又被版心邊框所切割，圖片有向外擴(kuò)張感和舒展勢。感染力更強(qiáng)。4.角版、挖版、出血版的組合運(yùn)用角版沉靜，挖版活潑，岀血版舒展大氣。角版、挖版、出血版圖7-1以角版、出血版編排的版式。角版產(chǎn)生約束力，岀血版產(chǎn)生張力。圖7-2采用挖版編排的版式。圖7-3挖版圖與角版圖的組合應(yīng)用，簡潔的挖版圖更鮮明地展示物品細(xì)節(jié)，避免其他元素的干擾。角版、挖版、出血版圖7-4以挖版和角版構(gòu)建的設(shè)計(jì)風(fēng)格。圖7-5、圖7-6兩幅圖為改進(jìn)前后的案例。圖7-5只采用角版圖，版面顯得單調(diào)。圖7-6增加了挖版圖，并將人物圖片岀血，提升了視覺度，人物圖片成為版面的視覺焦點(diǎn)，比改前的版面顯得生動(dòng)。02圖版率PARTTWO圖版率1.圖版率低，降低閱讀興趣如果版面全是文字，圖版率為虛；相反，強(qiáng)烈的圖片充滿版面，圖版率為100%。如果版面無圖片或者只有小圖片，讀者閱讀興趣會(huì)降低。如果一本小說無插圖，版面則顯得沉悶。插圖會(huì)給人以故事人物的聯(lián)想，透過插圖讀者可感知書中情景，這就是插圖的魅力。圖7-7《糧山》。米粒放大出血，猶如重重疊警的山峰，圖版率達(dá)到100%,意境深遠(yuǎn)。圖版率

2.圖版率高，增強(qiáng)閱讀活力當(dāng)圖版率達(dá)到60%以上時(shí)，讀者閱讀的興趣就增強(qiáng)，閱讀的速度也會(huì)因此加快（圖片的傳達(dá)力比文字快），版面也會(huì)更具活力。當(dāng)圖版率達(dá)到100%時(shí)，版面會(huì)產(chǎn)生強(qiáng)烈的視覺度、沖擊力和記憶度，此時(shí)版面的文字起到畫龍點(diǎn)睛的作用。高圖版率使版面充滿生氣，適合商業(yè)性讀物?？蓞⒁姷?章版面率部分。圖版率圖7-8又一城置業(yè)國悅城海報(bào)。圖版率低，圖形精致、沉靜、理性。圖7-9圖版率為60%,讀者容易集中焦點(diǎn)。圖7-10VOGUE雜志封面。高圖版率使版面更具活力，讀者閱讀興趣大。圖7-11圖版率為0,閱讀興趣降低，版面沉悶。圖7-12圖版率為40%，閱讀興趣提高，版面充滿生氣。圖7-13圖版率為100%,版面產(chǎn)生強(qiáng)烈的視覺度，引起讀者溝通的興趣。03圖片面積與張力PARTTHREE圖片面積與張力1.圖片產(chǎn)生量感和張力版面中圖片產(chǎn)生的“量感”是指一種心理的量感。一般當(dāng)圖片放大到圖版率50%以上，版面即產(chǎn)生一種飽滿的心理量感，圖版率越高，所產(chǎn)生的擴(kuò)張力就越強(qiáng)；相反，圖版率低于50%,則難以產(chǎn)生心理的量感和張力。因此，如果想表達(dá)強(qiáng)烈沖擊力的版面效果，圖版率一般要高于60%,如果圖片再采用出血的方式來表現(xiàn)，版面所產(chǎn)生的心理量感與張力將更強(qiáng)。圖片面積與張力圖7-14左頁圖片岀血沖擊版面，展示圖片材質(zhì)的金屬質(zhì)感，右頁采用小圖，竹林場景給人寧靜氣息。展開頁常以一大一小、一動(dòng)一靜來建立左、右頁的整體關(guān)系。圖7-15雖然圖版率只有50%,但放大被切割的“可口可樂”中文標(biāo)志，在畫面中表現(xiàn)出極大的張力。圖片面積與張力圖7-16佐敦品牌廣告。版面人物由左至右放大，版面產(chǎn)生強(qiáng)勁的運(yùn)動(dòng)感，輔助的裝飾線強(qiáng)化了運(yùn)動(dòng)的趨勢。圖7-17、圖7-18佐敦品牌廣告。左、右頁整體編排，雖然圖版率只有70%,但因放大出血的圖片而產(chǎn)生的張力令人震撼。圖片面積與張力2.小圖片精密而沉靜將小圖片插入字群中，顯得簡潔而精致，有點(diǎn)綴和呼應(yīng)版面的作用，但同時(shí)也給人拘謹(jǐn)、靜止、趣味弱的感覺。3.大小圖片搭配，增強(qiáng)對(duì)比度如果只有相似的大圖片或完全相似的小圖片，版面會(huì)顯得平淡。只有大圖片和小圖片同時(shí)存在，增強(qiáng)對(duì)比，版面才有張力與活力。圖片面積與張力圖7-19銀器畫冊(cè)設(shè)計(jì)作品。大圖片、中圖片與小圖片的傳達(dá)力比較。書籍編排中，強(qiáng)化內(nèi)頁圖片大小對(duì)比的節(jié)奏關(guān)系可以增加讀者閱讀的興趣。圖7-20左、右兩個(gè)圖呈現(xiàn)明顯的大小對(duì)比。大圖片有量感，張力大；小圖片更顯精致。圖片面積與張力圖7-21、圖7-22當(dāng)版面只有一幅或二幅圖片時(shí)會(huì)產(chǎn)生較高張力和強(qiáng)視覺度；當(dāng)版面圖片數(shù)量達(dá)50幅以上甚至是角版圖時(shí)，圖片已顯得安靜而失去張力，還能辨析的是方塊圖中的圖像信息。當(dāng)圖片數(shù)量達(dá)到200幅以上時(shí)，版面所呈現(xiàn)的是嚴(yán)整有序的組織之美，版面理性冷靜。圖7-23左、右頁整體設(shè)計(jì)，左頁人物圖片放大，與右頁圖片和文字產(chǎn)生強(qiáng)烈對(duì)比關(guān)系。04圖版編排的網(wǎng)格運(yùn)用PARTFOUR圖版編排的網(wǎng)格運(yùn)用網(wǎng)格是圖版編排的基礎(chǔ)，它為圖片的設(shè)計(jì)編排提供了一個(gè)骨骼框架。網(wǎng)格可分為單欄網(wǎng)格、多欄網(wǎng)格、模塊網(wǎng)格、九宮格、層級(jí)網(wǎng)格、復(fù)合網(wǎng)格和網(wǎng)格倉憶設(shè)計(jì)等。若文多圖少，則使用多欄網(wǎng)格；若圖多文少或以強(qiáng)調(diào)圖片為主，則選擇模塊網(wǎng)格。設(shè)計(jì)師主要根據(jù)設(shè)計(jì)的內(nèi)容和策略來酌情選擇適合的網(wǎng)格設(shè)計(jì)。圖版編排的網(wǎng)格運(yùn)用圖7-24日本兵庫陶蕓美術(shù)館海報(bào)。圖片編排要善于運(yùn)用網(wǎng)格，既能獲得有序的產(chǎn)品展示，又比較容易把握設(shè)計(jì)。圖7-25日本正木美術(shù)館開館40周年紀(jì)念展海報(bào)。在網(wǎng)格中插入圖片與文字，使版面更清晰、有秩序。圖7-24、圖7-25皆為十二模塊網(wǎng)格，但編排設(shè)計(jì)不同所呈現(xiàn)的風(fēng)格也不同。圖版編排的網(wǎng)格運(yùn)用圖7-26?圖7-29當(dāng)圖片的質(zhì)量較差時(shí)，可選擇模塊網(wǎng)格的方法進(jìn)行設(shè)計(jì)。模塊網(wǎng)格可選擇十二模塊，也可選擇九宮格、十六模塊、二十模塊、三十模塊等。以十二模塊為例。圖7-26為原始滑雪圖片；圖7-27將圖片植入十二模塊；圖7-28將不重要的部分用色塊表達(dá)；圖7-29搭配相應(yīng)的文字，劃分好層級(jí)，對(duì)版面邊緣進(jìn)行裝飾，豐富細(xì)節(jié)。05延續(xù)頁面的整體設(shè)計(jì)PARTFIVE延續(xù)頁面的整體設(shè)計(jì)1.左、右頁的整體設(shè)計(jì)設(shè)計(jì)師常遇到像折頁、產(chǎn)品手冊(cè)等這類圖文信息需展開或延續(xù)多個(gè)頁面才能完成的設(shè)計(jì)，稱之為延續(xù)頁面設(shè)計(jì)。整體設(shè)計(jì)建立在形象的對(duì)比關(guān)系上。左、右頁常為一大一?小、一多一少、一動(dòng)一靜、一黑一白、一曲一直、一空一滿、局部與整體的對(duì)比，在對(duì)比中建立和諧的整體關(guān)系。延續(xù)頁面的整體設(shè)計(jì)圖7-30簡潔明快的黑白對(duì)比，給人理性的美、簡潔的美。圖7-31左頁的大圖片與右頁具有規(guī)律組織的小圖片形成對(duì)比，達(dá)到視覺心理的平衡與和諧。如果左、右頁皆為小圖片，版面會(huì)顯得平均，讀者閱讀的興趣會(huì)減弱。延續(xù)頁面的整體設(shè)計(jì)圖7-32將左、有頁通過創(chuàng)意畫面連接在一起。圖7-33、圖7-34兩個(gè)頁面被波浪形狀的圖片連接，圖片從左頁跨到右頁，整體設(shè)計(jì)使頁面顯得簡潔大氣。延續(xù)頁面的整體設(shè)計(jì)圖7-35《青年視覺》內(nèi)頁。左、右頁為同一圖片，左、右頁圖片在統(tǒng)一規(guī)劃下的重復(fù)運(yùn)用，形成高度的整體性，乍看像一大型的建筑群。圖7-36形斷而意不斷的圖片插入字群中，以啟承關(guān)系獲取版面的統(tǒng)一性。延續(xù)頁面的整體設(shè)計(jì)圖7-37整本手冊(cè)將人物圖片退底，延續(xù)編排成為手冊(cè)最生動(dòng)精彩的焦點(diǎn)，手冊(cè)整體色調(diào)為黑、白、紅，令版面風(fēng)格簡潔明快、對(duì)比強(qiáng)烈。圖7-38封面和內(nèi)頁。三個(gè)頁面被兩枝花串聯(lián)起來，有啟承和呼應(yīng)感，畫面空間得以延續(xù)。延續(xù)頁面的整體設(shè)計(jì)圖7-39、圖7-40《青年視覺》內(nèi)頁。共4個(gè)頁面（圖7-39、圖7-40均為左、右兩頁），圖7-40的十字圖形跨頁。在延續(xù)的4個(gè)頁面中，采用不同的表現(xiàn)手法表達(dá)一個(gè)十字圖形，是典型的符號(hào)概念設(shè)計(jì)，作者在這樣的版式風(fēng)格中更多的是表達(dá)個(gè)人訴求，而讀者事實(shí)上也毫無興趣去讀文版信息，也無法閱讀。為讀者提供最新前沿的思想動(dòng)態(tài)和潮流視覺文化，正是《青年視覺》期刊的定位，只有擁有國際視野、時(shí)代觸覺與表達(dá)能力，才能引領(lǐng)當(dāng)代的視覺文化。延續(xù)頁面的整體設(shè)計(jì)2.手冊(cè)色調(diào)的整體設(shè)計(jì)色調(diào)對(duì)手冊(cè)或延續(xù)頁面的整體設(shè)計(jì)非常重要。每本手冊(cè)都應(yīng)有明確的色調(diào)，色調(diào)取決于設(shè)計(jì)內(nèi)容，和諧的色彩令人愉悅，提升頁面的品質(zhì)；相反，若版面色調(diào)對(duì)比大、不協(xié)調(diào)，則給人低品質(zhì)感。建議延續(xù)頁面的色彩應(yīng)采用“同類色調(diào)”或“近似色調(diào)”，當(dāng)然不排除其他鮮明色彩的應(yīng)用，適當(dāng)小面積的搭配能增加版面的活力。特別強(qiáng)調(diào)，色調(diào)可直接影響作品的品質(zhì)，作品品質(zhì)的優(yōu)劣與色彩配色的美麗程度有很大的關(guān)系。色彩運(yùn)用過多，色調(diào)難以把握，鮮艷而不和諧的色彩會(huì)顯得品位低。延續(xù)頁面的整體設(shè)計(jì)圖7-41手冊(cè)采用一組灰藍(lán)色調(diào)的近似色彩進(jìn)行延伸設(shè)計(jì)，近似色塊在每個(gè)頁面的重復(fù)應(yīng)用，使手冊(cè)在色彩視覺上達(dá)到了高度的統(tǒng)一性。另外，頁面簡潔的色塊分割，版面強(qiáng)、弱、空、滿的節(jié)奏設(shè)計(jì)，顯示出設(shè)計(jì)的品質(zhì)和設(shè)