資源描述：
《第三章 版式設(shè)計(jì)的網(wǎng)格設(shè)計(jì)(上傳).ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、第三章版式設(shè)計(jì)的網(wǎng)格系統(tǒng)掌握網(wǎng)格系統(tǒng)是從事版式設(shè)計(jì)做必須具備的基礎(chǔ)修養(yǎng)之一，網(wǎng)格系統(tǒng)作為一種行之有效的版面設(shè)計(jì)形式法則，它使所以的版面構(gòu)成元素之間的協(xié)調(diào)一致成為可能。第一節(jié)網(wǎng)格概述網(wǎng)格設(shè)計(jì)即均勻安排的水平和垂直的格狀物，網(wǎng)格設(shè)計(jì)就是在版面上按照預(yù)先確定好的格子為圖片和文字確定位置。一、網(wǎng)格的歷史 有兩種觀點(diǎn)1、有人認(rèn)為網(wǎng)格自人類開始創(chuàng)作藝術(shù)的時(shí)候就存在。2、網(wǎng)格起源于人類發(fā)明書寫語言的時(shí)候。有了文字語言的書寫，文字必須有版式不僅的安排，從左到右，或者從右到左的順序安排書寫，文字才可以被辨認(rèn)理解。在中國，傳統(tǒng)的版式設(shè)計(jì)以訂口為軸心左右兩頁對稱，內(nèi)文版式有嚴(yán)格的限定。字距、行距都有統(tǒng)一的尺寸標(biāo)
2、準(zhǔn)，天頭地腳內(nèi)外白邊均按照一定的比例關(guān)系組成一個(gè)保護(hù)性的框子。二、確定頁面版心的尺寸比例在設(shè)計(jì)宣傳頁、報(bào)紙、書籍是，設(shè)計(jì)師必須知道有多少文字和插圖能容納進(jìn)它的設(shè)計(jì)作品，要有一個(gè)基本的構(gòu)思，要把文字和插圖清晰的安排在適當(dāng)?shù)奈恢?，可通過標(biāo)記的方法去安排這些區(qū)域。版心：是指位于版面中央，排有正文文字的部分。用于擺放篇、章、節(jié)等標(biāo)題、文字、注釋、插圖、圖表、公式及輔文、附錄、索引等。版心設(shè)計(jì)的基本規(guī)律是先確定視覺中心，三、網(wǎng)格的類型1、對稱式網(wǎng)格是根據(jù)左右兩個(gè)版面或一個(gè)對頁而言，指左右兩頁擁有相同的頁邊距，相同的網(wǎng)格數(shù)量、相同的版面安排等。2、對稱式網(wǎng)格的對稱形式及用法對稱式網(wǎng)格的最大特點(diǎn)是左右兩
3、邊的結(jié)構(gòu)相同，頁面中的網(wǎng)格是可以進(jìn)行合并和拆分的。主要分為4種形式：單欄對稱網(wǎng)格；雙欄對稱網(wǎng)格；均衡雙欄對稱網(wǎng)格；多欄對稱網(wǎng)格單欄對稱網(wǎng)格適用范圍：純文字行書籍，可適當(dāng)在頁面中配以圖示，以緩解畫面的枯燥感。雙欄對稱網(wǎng)格適用范圍：文學(xué)類書籍，雜志內(nèi)頁正文，也可使用左邊放置文字，右邊放置圖片的方法將版面重新進(jìn)行劃分，增強(qiáng)版面的變化性。均衡雙欄對稱網(wǎng)格適用范圍：添加注釋的書籍正文可以根據(jù)內(nèi)容調(diào)整雙欄的寬度。多欄對稱網(wǎng)格適用范圍：術(shù)語表、聯(lián)系方式、目錄、數(shù)據(jù)等，也可以根據(jù)實(shí)際內(nèi)容增加或減少欄數(shù)。3、非對稱式網(wǎng)格一般用于設(shè)計(jì)散頁，指對頁的排版打破對稱的格式，強(qiáng)調(diào)頁面的視覺效果。4、非對稱式單元格非對
4、稱式的單元格是以單元格為基礎(chǔ)的網(wǎng)格設(shè)計(jì)，使用非對稱式單元格可以很輕松的找到放置圖片和文字的位置，設(shè)計(jì)師只需將設(shè)計(jì)需要的圖片或文字有選擇的放置在一個(gè)或幾個(gè)單元格中，就可完成排版的操作。第二節(jié)網(wǎng)格的應(yīng)用網(wǎng)格在印刷品中的應(yīng)用十分廣泛，使用網(wǎng)格便于約定版面構(gòu)成編排位置、大小以及對齊方式，從而可以更加合理地進(jìn)行編排設(shè)計(jì)。一、網(wǎng)格的類型1、正方形網(wǎng)格2、長方形網(wǎng)格3、單向網(wǎng)格橫向縱向4、重疊網(wǎng)格文字與圖片的欄數(shù)和欄寬都不對應(yīng)2、分欄與分塊分欄是將當(dāng)前頁面中的內(nèi)容整齊地排列為幾列；分塊是在分欄的基礎(chǔ)上建立的橫向劃分，目的是使版面安排變得更加靈活，圖片和文字能夠更加合理的進(jìn)行排列。分欄是分塊的前提，分塊的
5、數(shù)量是以分欄的數(shù)量為基礎(chǔ)的。可以根據(jù)圖片的大小確定版式，讓圖片和文字放置在理想的位置上，分塊增加了操作的靈活性，使設(shè)計(jì)的思路更加清晰和明確。4、卡爾·加里斯納58單元網(wǎng)格：即在版面中將橫向與縱向都分割為58個(gè)小的單元，以58單元網(wǎng)格為基本參照，可以進(jìn)一步豐富版面。3、對齊所謂對齊就是將文字和圖片等設(shè)計(jì)元素按照一定的基準(zhǔn)線進(jìn)行有序的排列，也是進(jìn)行文字、圖片最常用和最基礎(chǔ)的方法之一。如左對齊、中對齊、右對齊、上對齊等。在網(wǎng)格模式中要注意:三要點(diǎn)、四忌諱三要點(diǎn)是：網(wǎng)格定位、注意對比、搭構(gòu)組合四忌諱是：強(qiáng)行出格、基線不明、等分版面、添加零碎三、圖片的處理方式（1）角版也成方形版，即畫面被直線方框所
6、切割，是最常見、最簡潔大方的形態(tài)。特點(diǎn)：莊重、沉靜與良好的品質(zhì)感。同樣一張照片2、挖版也稱退底板，即將圖片中精彩的圖像部分按需要剪裁下來。特點(diǎn)：挖版圖形自由而生動(dòng)、打破約束，活潑，使人印象深刻。3、出血版即圖形充滿或超出版頁，無邊框的限制，有向外，擴(kuò)張和舒展之勢。特點(diǎn)：出血版由于圖形的放大，局部圖形的擴(kuò)張感使你產(chǎn)生緊迫感，并有很高的圖版率。Q1：圖A與圖B哪個(gè)使用的是不對稱式網(wǎng)格？（a、圖Ab、圖Bc、都是）Q2：不對稱式網(wǎng)格的特點(diǎn)是：（a、適合設(shè)計(jì)散頁，有較窄的欄便于插入注釋b、適合書籍正文版式設(shè)計(jì)）Q3：圖A與圖B哪個(gè)更需要網(wǎng)格進(jìn)行編排？（a、圖Ab、圖Bc、都是）Q4：網(wǎng)格設(shè)計(jì)的目的
7、是什么？（a、好用，能放大或者縮小，十分靈活b、網(wǎng)格決定圖片、文字等版面元素的位置，以及這些元素間的比例關(guān)系）Q5：圖A與圖B中哪個(gè)欄寬較大？（a、圖Ab、圖Bc、一樣多）Q6：欄寬與欄間距之間的關(guān)系是（a、欄寬越寬欄間距越寬b、欄間距越窄，欄寬就越寬，所安排的內(nèi)容也就越多c、欄間距越窄，欄寬就越窄，所安排的內(nèi)容就越少）案例解析設(shè)計(jì)要求:1、設(shè)計(jì)師作品展示對頁2、文字量較少，圖文需結(jié)合巧妙3、適當(dāng)留白，增加透氣性4、每個(gè)
