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

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

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