1、（優(yōu)選）柵格系統(tǒng)與版式設(shè)計電子版第一頁，共六十頁。網(wǎng)格系統(tǒng)與版式設(shè)計今天我們就從正方形的九宮格談網(wǎng)格系統(tǒng)的基本原理，再了解了網(wǎng)格系統(tǒng)的基本原理后，就可進一步探究各種類型版面的不同的網(wǎng)格設(shè)計第二頁，共六十頁。網(wǎng)格系統(tǒng)與版式設(shè)計通過舉例分析柵格系統(tǒng)及版面設(shè)計的原理一、構(gòu)成要素：1、33的結(jié)構(gòu)2、6個灰色的矩形3、圓圓的作用：是一種平衡因素（構(gòu)成的視覺控制和對比）是一種活躍有力的因素，具有極大的視覺力量。第三頁，共六十頁。柵格系統(tǒng)與版式設(shè)計版面設(shè)計中的網(wǎng)格系統(tǒng)分三種類別：水平構(gòu)成水平/垂直構(gòu)成傾斜構(gòu)成第四頁，共六十頁。網(wǎng)格系統(tǒng)與版式設(shè)計限制和選擇我們需要得到的：一個版面一些構(gòu)圖要素一些簡明的規(guī)則水平

2、系列中，所有的矩形要素必須保持水平；在水平/垂直系列中，所有的矩形要素必須保持水平/垂直在傾斜系列中，所有的矩形要素必須同樣傾斜或?qū)Ρ刃詢A斜所有的矩形要素都必須使用不能有矩形要素超出這個版面矩形要素可以差不多相切，但不能重疊矩形要素的長度要正好吻合一個、兩個、三個視覺方塊的寬度。第五頁，共六十頁。網(wǎng)格系統(tǒng)與版式設(shè)計限制和選擇正確，所有的要素都水平的，所有的要素都用上了，而且沒有超出版面，沒有重疊，圓可以放在任何位置，但不和其他要素重疊錯誤，在水平系列中，所有的構(gòu)成要素必須水平，第六頁，共六十頁。網(wǎng)格系統(tǒng)與版式設(shè)計限制和選擇錯誤，構(gòu)成要素不能重疊，不能超出版面錯誤，構(gòu)成要素的長度必須吻合橫格第七

3、頁，共六十頁。網(wǎng)格系統(tǒng)與版式設(shè)計組合要素之間緊密聯(lián)系，產(chǎn)生直接的視覺關(guān)系相同或不同的要素組合在一起就產(chǎn)生了韻律和節(jié)奏產(chǎn)生大片的肌理感版面構(gòu)成被簡化，而虛空間或未被使用的空間區(qū)域得到強化，鮮明的秩序被建立沒有組合如果沒有組合，就有7個獨立的視覺要素，版面顯得缺乏組織，雜亂有組合通過組合，構(gòu)成要素的數(shù)量減少，結(jié)構(gòu)簡化，并且強化了虛空間第八頁，共六十頁。網(wǎng)格系統(tǒng)與版式設(shè)計組合組合相同的要素相同寬度的矩形要素可以被組合在一起組合不同的要素不同寬度的矩形要素可以被組合在一起第九頁，共六十頁。網(wǎng)格系統(tǒng)與版式設(shè)計虛空間 當那些構(gòu)成要素沒有得到很好的組合，每一個周圍都是虛空間時，那些虛空間就會顯得雜多，整體構(gòu)

4、成顯得無序，無組織。當那些構(gòu)成要素組合在一起后，虛空間就會變少也變大，一個簡化之后感覺更加協(xié)調(diào)的整體構(gòu)成就會建立起來。未組合：雜亂的虛空間在這個沒有組合的構(gòu)成中，至少有10個空白矩形，這個構(gòu)成顯得無序，在視覺上毫無吸引力。第十頁，共六十頁。網(wǎng)格系統(tǒng)與版式設(shè)計虛空間 組合后：簡化的虛空間在這個組合的結(jié)構(gòu)中，于6個空白矩形。這些空間不僅在數(shù)量上減少，而且也變得更大，所有看起來更加舒適。第十一頁，共六十頁。柵格系統(tǒng)與版式設(shè)計四邊的聯(lián)系如果沒有任何構(gòu)成元素靠近頂端邊線和底端邊線（入圖），虛空間就會擠壓構(gòu)成要素，整個結(jié)構(gòu)就顯得縹緲無根。相反，虛空間就能很好的利用，整個構(gòu)成會因為這種視覺擴張而顯得大氣。弱

5、的四邊聯(lián)系由于沒有要素連著頂線和底線，沉重而呆滯的空白空間就充塞了這個構(gòu)成的頂和底強的四邊聯(lián)系由于構(gòu)成與四邊都有接觸，所有空間都被激活，版面看起來很舒展第十二頁，共六十頁。柵格系統(tǒng)與版式設(shè)計軸的聯(lián)系網(wǎng)格中的構(gòu)成要素會形成一些軸列，當一根軸出現(xiàn)在結(jié)構(gòu)內(nèi)部時，就形成了鮮明的視覺關(guān)系，結(jié)構(gòu)就有了視覺秩序感。左邊線和右邊線的軸雖然也能帶來秩序感，但視覺上顯得很弱。單獨一個構(gòu)成要素不能創(chuàng)造出一根軸，兩個或更多的構(gòu)成要素才能建立起軸。一般，成線性排列的要素越多，軸就會顯得越牢靠。弱的軸聯(lián)系在這個構(gòu)成中，左邊的軸聯(lián)系很弱，這軸在左邊線上，就使視覺離開了整個版面強的軸聯(lián)系中間一欄上的這兩根軸在視覺上就感覺強健

6、有力，因為有更多的構(gòu)成要素線性排列在這兩根軸上第十三頁，共六十頁。柵格系統(tǒng)與版式設(shè)計三的法則33的網(wǎng)格系統(tǒng)吻合三的法則，即當一個矩形或者正方形，被水平和垂直的分成三份后，結(jié)構(gòu)中的4個交點就是最吸引人的4個點。了解三的法則，可以讓設(shè)計師把注意力放在它們最為自然出現(xiàn)的地方，從而控制構(gòu)成空間。不必將構(gòu)成要素直接放在交點上，因為過于靠近會使注意力集中到它們上面。第十四頁，共六十頁。柵格系統(tǒng)與版式設(shè)計三的法則第十五頁，共六十頁。柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡圓在不同構(gòu)成位置上的不同作用：當圓靠近字行時，能吸引人的注意力到這些字上，同時也有裝飾的效果。當圓

7、放在字行中間時，它就隔開了字行，同時對字行起到組織作用。圓遠離文字時，在觀看版面時，它就吸引目光，同時控制視覺流程，可以起到使構(gòu)成趨向平衡的作用。第十六頁，共六十頁。柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡平衡放置和軸的支點當圓的放置顯示了它額網(wǎng)格的聯(lián)系，就產(chǎn)生了一種視覺平衡，從結(jié)構(gòu)的四周來看，這個圓也是軸的支點激活空間當圓在狹窄的空白位置中占據(jù)了一個位置時，這個空間變得活躍起來，產(chǎn)生一種強烈的不對稱感，試版面視覺上更有趣味第十七頁，共六十頁。柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡張力當圓放在與其他構(gòu)成要素非常接

8、近的位置時，就出現(xiàn)了視覺張力張力當圓靠近一個近90度的角上，就會強化形狀和張力的對比第十八頁，共六十頁。柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡第十九頁，共六十頁。柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡第二十頁，共六十頁。柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡第二十一頁，共六十頁。柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡第二十二頁，共六十頁。第二十三頁，共六十頁。第二十四頁，共六十頁。第二十五頁，共六十頁。第二十六頁，共六十頁。第二十七頁，共六十頁。第二十八頁，共六十頁。第二十九頁，共六十頁。第三十頁，共六十頁。第三十一頁，共六十頁。第三十二頁，共六十頁。第三十三頁，共六十頁。第三十四頁，共六十頁。第三十五頁，共六十頁。第三十六頁，共六十頁。第三十七頁，共六十頁。第三十八頁，共六十頁。第三十九頁，共六十頁。第四十頁，共六十頁。第四十一頁，共六十頁。第四十二頁，共六十頁。第四十三頁，共六十頁。第四十四頁，共六十頁。第四十五頁，共六十頁。第四十六頁，共六十頁。第四十七頁，共六十頁。第四十