1、使用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格的概念 網(wǎng)格系統(tǒng)的作用 網(wǎng)格的類型 網(wǎng)格的應(yīng)用 分欄與分塊 利用有限的網(wǎng)格排出靈活的版式 利用九宮格構(gòu)圖,運(yùn)用網(wǎng)格系統(tǒng),掌握網(wǎng)格系統(tǒng)是從事版面設(shè)計(jì)所必須的基礎(chǔ)修養(yǎng)之一。 網(wǎng)格系統(tǒng)作為一種行之有效的版面設(shè)計(jì)形式法則，它將構(gòu)成主義的秩序引入到設(shè)計(jì)之中，使所有的版面元素之間的協(xié)調(diào)一致成為可能。(瑞士：約瑟夫米勒布羅克曼),運(yùn)用網(wǎng)格系統(tǒng),什么是網(wǎng)格 網(wǎng)格是一種包含一系列等值空間（網(wǎng)格單元）或?qū)ΨQ尺度的空間體系，它在形式和空間之間建立起一種視覺(jué)和結(jié)構(gòu)上的聯(lián)系，形式和空間的位置及其相互關(guān)系通過(guò)二維網(wǎng)格來(lái)限定。,運(yùn)用網(wǎng)格系統(tǒng),什么是網(wǎng)格 網(wǎng)格由垂直線與水平線相交構(gòu)成網(wǎng)格單元，

2、網(wǎng)格單元之間的空白區(qū)域稱為分隔線。 網(wǎng)格以垂直單元與水平單元的數(shù)目定義。一個(gè)兩欄三行的網(wǎng)格被稱為6單元網(wǎng)格，或23網(wǎng)格。而一個(gè)三欄四行的網(wǎng)格被稱為12單元網(wǎng)格，或34網(wǎng)格。,運(yùn)用網(wǎng)格系統(tǒng),什么是網(wǎng)格 網(wǎng)格使用原則：對(duì)以文本為主的版式，通常使用兩欄或三欄簡(jiǎn)單的網(wǎng)格。對(duì)于以插圖、圖片為主的版式，通常使用三欄以上復(fù)雜的網(wǎng)格。 網(wǎng)格越復(fù)雜，設(shè)計(jì)就越具有靈活性，當(dāng)然難度把握就越大。,運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格系統(tǒng)的作用 不一定所有的版式編排都要用到網(wǎng)格來(lái)約束版面，但是網(wǎng)格在一定程度上可以保持版面的均衡感，使文字和圖片有一個(gè)排列的規(guī)則和系統(tǒng)，從而讓整個(gè)版面更加具有規(guī)劃性。 不管是什么樣

3、式的版式設(shè)計(jì)，脫離了網(wǎng)絡(luò)，很有可能造成版面的混亂。,運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格在文字排版中的作用 不管是什么類型的作品，都離不開(kāi)對(duì)文字的編排。正文的文字量一般都很多，脫離了網(wǎng)格就不容易將文字排列得整齊有序。 通常來(lái)講，左右兩個(gè)版面中的網(wǎng)格形式可以是對(duì)稱的也可以是不對(duì)稱的，欄數(shù)也可以不一樣，形式非常多樣。,運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格的作用 網(wǎng)格設(shè)計(jì)能夠?qū)?fù)雜的排版變得更加簡(jiǎn)便，有效地解決了版式設(shè)計(jì)的各種問(wèn)題，使得設(shè)計(jì)師能夠快速得計(jì)劃和組織版面中的各種元素。 隨著書(shū)籍出版的發(fā)展，網(wǎng)格在書(shū)籍裝幀中的使用已經(jīng)非常普遍，在書(shū)籍設(shè)計(jì)中發(fā)揮了重要作用。,

4、運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格的類型 網(wǎng)格就是安排均勻的水平和垂直的格狀物，網(wǎng)格設(shè)計(jì)就是在版面上按照預(yù)先確定好的格子為圖片和文字確定位置。,運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),建立對(duì)稱式網(wǎng)格 對(duì)稱式網(wǎng)格是根據(jù)左右兩個(gè)版面或是一個(gè)對(duì)頁(yè)而言的。 對(duì)稱式網(wǎng)格是指左右兩個(gè)擁有相同的頁(yè)邊距、相同的網(wǎng)格數(shù)量、相同的版面安排等。 對(duì)稱式網(wǎng)格的效果非常穩(wěn)定，起到了平衡左右兩個(gè)頁(yè)面信息的作用。,運(yùn)用網(wǎng)格系統(tǒng),對(duì)稱式網(wǎng)格,運(yùn)用網(wǎng)格系統(tǒng),建立對(duì)稱式網(wǎng)格的步驟(1),運(yùn)用網(wǎng)格系統(tǒng),建立對(duì)稱式網(wǎng)格的步驟(2),運(yùn)用網(wǎng)格系統(tǒng),建立對(duì)稱式網(wǎng)格的步驟(3),運(yùn)用網(wǎng)格系統(tǒng),建立

5、對(duì)稱式網(wǎng)格的步驟(4),切口,切口外邊距,訂口,訂口外邊距,運(yùn)用網(wǎng)格系統(tǒng),建立對(duì)稱式網(wǎng)格步驟 新建頁(yè)面，單個(gè)頁(yè)面高寬比為3：2，對(duì)頁(yè)高寬比為3：4； 將四個(gè)角點(diǎn)分別用直線相連，根據(jù)水平線與對(duì)角線的四個(gè)外邊交點(diǎn)，來(lái)確定文字區(qū)域的四個(gè)角點(diǎn)，添加水平等距網(wǎng)格線； 根據(jù)水平線添加垂直等距線，確定垂直線及文字內(nèi)外邊距。,運(yùn)用網(wǎng)格系統(tǒng),對(duì)稱式網(wǎng)格 對(duì)稱式網(wǎng)格能在很大程度上能控制文字與圖片的位置變化，其特點(diǎn)是左右兩邊的版式結(jié)構(gòu)相同。 對(duì)稱式網(wǎng)格頁(yè)中的網(wǎng)格是可以合并或者拆分的。 一般說(shuō)來(lái)，對(duì)稱式網(wǎng)格可以分為以下幾種：?jiǎn)螜趯?duì)稱網(wǎng)格、雙欄對(duì)稱網(wǎng)格、均衡雙欄對(duì)稱網(wǎng)格、多欄對(duì)稱網(wǎng)格等。,運(yùn)用網(wǎng)格系統(tǒng),單欄對(duì)稱式網(wǎng)格,

6、運(yùn)用網(wǎng)格系統(tǒng),雙欄對(duì)稱式網(wǎng)格,運(yùn)用網(wǎng)格系統(tǒng),均衡雙欄對(duì)稱式網(wǎng)格,運(yùn)用網(wǎng)格系統(tǒng),多欄對(duì)稱式網(wǎng)格,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格練習(xí)1： 建立類似下圖的對(duì)稱式網(wǎng)格（3min）,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格練習(xí)2： 建立下圖對(duì)應(yīng)的雙欄對(duì)稱式網(wǎng)格（5min）,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格練習(xí)3： 建立下圖對(duì)應(yīng)的多欄對(duì)稱式網(wǎng)格（5min）,運(yùn)用網(wǎng)格系統(tǒng),非對(duì)稱式網(wǎng)格 對(duì)稱式網(wǎng)格是完全左右對(duì)稱，也就是左邊頁(yè)面的外頁(yè)邊距和右邊頁(yè)面的外頁(yè)邊距完全相同，左邊頁(yè)面的內(nèi)頁(yè)邊距和右邊頁(yè)面的內(nèi)頁(yè)邊距完全相同。 與對(duì)稱式網(wǎng)格不同，非對(duì)稱式網(wǎng)格左右兩邊的排列方式相同，但是不是絕對(duì)對(duì)稱的。,運(yùn)用網(wǎng)格系統(tǒng),對(duì)稱式網(wǎng)格和非對(duì)稱式網(wǎng)格的比較,對(duì)稱式網(wǎng)格,運(yùn)用網(wǎng)格

7、系統(tǒng),對(duì)稱式網(wǎng)格和非對(duì)稱式網(wǎng)格的比較,非對(duì)稱式網(wǎng)格,運(yùn)用網(wǎng)格系統(tǒng),對(duì)稱式網(wǎng)格和非對(duì)稱式網(wǎng)格的比較,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格練習(xí)4： 建立下圖對(duì)應(yīng)的非對(duì)稱式網(wǎng)格（3min）,運(yùn)用網(wǎng)格系統(tǒng),非對(duì)稱式單元格 非對(duì)稱式單元格是以單元格為基礎(chǔ)的網(wǎng)格設(shè)計(jì)，使用非對(duì)稱式單元格可以輕松找到放置圖片和文字的位置。 在非對(duì)稱式單元格的版面中，左頁(yè)的外頁(yè)邊距和右頁(yè)的內(nèi)頁(yè)邊距相等，左頁(yè)的內(nèi)頁(yè)邊距和右頁(yè)的外頁(yè)邊距相等。,運(yùn)用網(wǎng)格系統(tǒng),非對(duì)稱式單元格編排的多樣性 非對(duì)稱式單元格是從非對(duì)稱式網(wǎng)格演變而來(lái)的，在單元格中可以根據(jù)需要調(diào)整文字和圖片的位置和大小，還可以合并幾個(gè)單元格。 完成編排去掉單元格之后，所有內(nèi)容都有序放在指定區(qū)域

8、。單元格中排列方式是多種多樣的，相同的圖片和文字能通過(guò)改變位置和大小從而改變整個(gè)單元格排列方式。,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格的應(yīng)用 網(wǎng)格的設(shè)置不是千篇一律的，一般性順序是：首先確定兩個(gè)版面的位置，然后確定內(nèi)頁(yè)邊距和外頁(yè)邊距，并制作網(wǎng)格，最后再對(duì)文字和圖片進(jìn)行編排。,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格的應(yīng)用 網(wǎng)格設(shè)置的一般性順序是：,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格的設(shè)置 網(wǎng)格的設(shè)置和使用是根據(jù)網(wǎng)格的類型和版面內(nèi)容而定的，一般原則是： 圖片較多的版式往往使用多欄網(wǎng)格編排 文字較多的版式往往使用左右對(duì)稱的雙欄網(wǎng)格編排 圖片較大的版式往往會(huì)使用左右不對(duì)稱的單欄網(wǎng)格編排 圖片和文字的數(shù)量和比例差不多的通常使用左右對(duì)稱的網(wǎng)格排列,運(yùn)用網(wǎng)格系

9、統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),運(yùn)用網(wǎng)格系統(tǒng),分欄與分塊 分欄與分塊是網(wǎng)格的重要組成部分。簡(jiǎn)單來(lái)說(shuō)，分欄就意味著當(dāng)前頁(yè)面中的內(nèi)容整齊的分成幾列；分塊就是在分欄的基礎(chǔ)上建立橫向劃分；分欄分塊的目的是使版面安排更加靈活，圖片和文字可以更加合理的進(jìn)行排列。,運(yùn)用網(wǎng)格系統(tǒng),如何分欄？ 在固定的頁(yè)面大小中，對(duì)頁(yè)面進(jìn)行縱向的劃分。,運(yùn)用網(wǎng)格系統(tǒng),如何分欄？ 分欄后欄與欄之間的距離就是欄間距，它的作用是區(qū)分信息的區(qū)域。,運(yùn)用網(wǎng)格系統(tǒng),如何分塊？ 分塊不僅能保證基本的分欄結(jié)構(gòu)，而且能使版面中的圖片和文字的排列形式可以更加多元化，分欄是分塊的前提，分塊的數(shù)

10、量是以分欄的數(shù)量為基礎(chǔ)的。 可以根據(jù)圖片的大小確定版式，讓圖片和文字放置在理想的位置上。分塊增加了靈活性，使設(shè)計(jì)思路更加清晰明確。,運(yùn)用網(wǎng)格系統(tǒng),如何分塊(簡(jiǎn)單的對(duì)稱式分塊),運(yùn)用網(wǎng)格系統(tǒng),如何分塊(適合多圖片),運(yùn)用網(wǎng)格系統(tǒng),如何分塊(適合大圖片),運(yùn)用網(wǎng)格系統(tǒng),如何分塊(非對(duì)稱式均衡分塊),運(yùn)用網(wǎng)格系統(tǒng),如何分塊(適合區(qū)分比較明顯的版式),運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格練習(xí)5： 建立下圖對(duì)應(yīng)的單元格（3min）,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格練習(xí)6： 建立下圖對(duì)應(yīng)的單元格（4min）,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格練習(xí)7： 建立下圖對(duì)應(yīng)的單元格（4min）,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格練習(xí)8： 建立下圖對(duì)應(yīng)的單元格（5min）,運(yùn)用網(wǎng)

11、格系統(tǒng),利用有限的網(wǎng)格排出靈活的版式 版式設(shè)計(jì)中網(wǎng)格運(yùn)用非常普遍，通過(guò)網(wǎng)格可以將版面劃分得更加科學(xué)，使版面具有一定的節(jié)奏變化，產(chǎn)生優(yōu)美的韻律關(guān)系。 網(wǎng)格設(shè)計(jì)在實(shí)際運(yùn)用中看起來(lái)非常嚴(yán)謹(jǐn)，運(yùn)用不好的話會(huì)給版面帶來(lái)呆板的負(fù)面影響。,運(yùn)用網(wǎng)格系統(tǒng),利用有限的網(wǎng)格排出靈活的版式 要想在有限的網(wǎng)格中排出靈活的版式，首先需要將圖片和文字進(jìn)行合理的規(guī)劃，還要根據(jù)圖片和文字的類型在版面中進(jìn)行留白處理，增強(qiáng)版面的透氣感。 適當(dāng)時(shí)候，可以通過(guò)圖片的出血效果等方式打破網(wǎng)格。,運(yùn)用網(wǎng)格系統(tǒng),網(wǎng)格系統(tǒng)的變化規(guī)律 卡爾.加里納斯的58單元網(wǎng)格系統(tǒng)： 在版面中將橫向與縱向都分割為58個(gè)小的單元，以58單元格為基本參照，可以進(jìn)

12、一步劃分若干的組合方式，通過(guò)分欄分塊進(jìn)一步豐富版面。 58單元網(wǎng)格系統(tǒng)在一定程度上讓我們更加深入地理解網(wǎng)格系統(tǒng)，并能根據(jù)提供的設(shè)計(jì)元素組成千變?nèi)f化的版式。,運(yùn)用網(wǎng)格系統(tǒng),九宮格與畫(huà)面分割 畫(huà)面分割的三種常用方法： 九宮格法；將畫(huà)面在水平方向和垂直方向上各分成三等份，形成九宮格。 黃金分割法：將畫(huà)面在水平或者垂直方向分成比例為1：1.618的兩個(gè)部分。 中心分割法：將畫(huà)面在水平或者垂直方向分成比例為1：1.414的兩個(gè)部分。,運(yùn)用網(wǎng)格系統(tǒng),九宮格與畫(huà)面分割,運(yùn)用網(wǎng)格系統(tǒng),九宮格與視覺(jué)中心 在傳統(tǒng)的平面構(gòu)成當(dāng)中，對(duì)視覺(jué)中心最保守的辦法是“九宮格”法。 畫(huà)面重心，以及九宮交匯的4個(gè)臨近點(diǎn)，是安排視覺(jué)中心元素的理想位置。 九宮格分