柵格系統(tǒng)與版式設(shè)計 電子版

1、版式設(shè)計版式設(shè)計 -網(wǎng)格系統(tǒng)與構(gòu)圖原理網(wǎng)格系統(tǒng)與構(gòu)圖原理網(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ī)則一些簡明的規(guī)則水平系列中，所有的矩形要

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

3、同或不同的要素組合在一起就產(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è)計虛空間 當(dāng)那些構(gòu)成要素沒有得到很好的組合，每一個周圍都是虛空間時，那些虛空間就會顯得雜多，整體構(gòu)成顯得無序，無組織。當(dāng)那些構(gòu)成要素組合在一起后，虛空間就會變少也變大，一個簡化之后感覺更加協(xié)調(diào)的整體構(gòu)成就會建

4、立起來。未組合：雜亂的虛空間在這個沒有組合的構(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)成會因為這種視覺擴張而顯得大氣。弱的四邊聯(lián)系由于沒有要素連著頂線和底線，沉重而呆滯的空白空間就充塞了這個構(gòu)成的頂和底強的四邊聯(lián)系由于構(gòu)成與四邊都有接觸，所有空間都被激活，版面看起來很

5、舒展柵格系統(tǒng)與版式設(shè)計軸的聯(lián)系網(wǎng)格中的構(gòu)成要素會形網(wǎng)格中的構(gòu)成要素會形成一些軸列，當(dāng)一根軸成一些軸列，當(dāng)一根軸出現(xiàn)在結(jié)構(gòu)內(nèi)部時，就出現(xiàn)在結(jié)構(gòu)內(nèi)部時，就形成了鮮明的視覺關(guān)系，形成了鮮明的視覺關(guān)系，結(jié)構(gòu)就有了視覺秩序感。結(jié)構(gòu)就有了視覺秩序感。左邊線和右邊線的軸雖左邊線和右邊線的軸雖然也能帶來秩序感，但然也能帶來秩序感，但視覺上顯得很弱。單獨視覺上顯得很弱。單獨一個構(gòu)成要素不能創(chuàng)造一個構(gòu)成要素不能創(chuàng)造出一根軸，兩個或更多出一根軸，兩個或更多的構(gòu)成要素才能建立起的構(gòu)成要素才能建立起軸。軸。一般，成線性排列的要一般，成線性排列的要素越多，軸就會顯得越素越多，軸就會顯得越牢靠。牢靠。弱的軸聯(lián)系在這個構(gòu)成中

6、，左邊的軸聯(lián)系很弱，這軸在左邊線上，就使視覺離開了整個版面強的軸聯(lián)系中間一欄上的這兩根軸在視覺上就感覺強健有力，因為有更多的構(gòu)成要素線性排列在這兩根軸上柵格系統(tǒng)與版式設(shè)計三的法則33的網(wǎng)格系統(tǒng)吻合三的網(wǎng)格系統(tǒng)吻合三的法則，即當(dāng)一個矩形的法則，即當(dāng)一個矩形或者正方形，被水平和或者正方形，被水平和垂直的分成三份后，結(jié)垂直的分成三份后，結(jié)構(gòu)中的構(gòu)中的4個交點就是最吸個交點就是最吸引人的引人的4個點。個點。了解三的法則，可以讓了解三的法則，可以讓設(shè)計師把注意力放在它設(shè)計師把注意力放在它們最為自然出現(xiàn)的地方，們最為自然出現(xiàn)的地方，從而控制構(gòu)成空間。不從而控制構(gòu)成空間。不必將構(gòu)成要素直接放在必將構(gòu)成要素直

7、接放在交點上，因為過于靠近交點上，因為過于靠近會使注意力集中到它們會使注意力集中到它們上面。上面。柵格系統(tǒng)與版式設(shè)計三的法則柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：圓潛在的功能：1.激活空間激活空間2.軸的支點軸的支點3.張力張力4.起點或停留點起點或停留點5.組織組織6.平衡平衡圓在不同構(gòu)成位置上的不同作用：1. 當(dāng)圓靠近字行時，能吸引人的注意力到這些字上，同時也有裝飾的效果。2. 當(dāng)圓放在字行中間時，它就隔開了字行，同時對字行起到組織作用。3. 圓遠(yuǎn)離文字時，在觀看版面時，它就吸引目光，同時控制視覺流程，可以起到使構(gòu)成趨向平衡的作用。柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：圓潛在的功能：1

8、.激活空間激活空間2.軸的支點軸的支點3.張力張力4.起點或停留點起點或停留點5.組織組織6.平衡平衡平衡放置和軸的支點當(dāng)圓的放置顯示了它額網(wǎng)格的聯(lián)系，就產(chǎn)生了一種視覺平衡，從結(jié)構(gòu)的四周來看，這個圓也是軸的支點激活空間當(dāng)圓在狹窄的空白位置中占據(jù)了一個位置時，這個空間變得活躍起來，產(chǎn)生一種強烈的不對稱感，試版面視覺上更有趣味柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：圓潛在的功能：1.激活空間激活空間2.軸的支點軸的支點3.張力張力4.起點或停留點起點或停留點5.組織組織6.平衡平衡張力當(dāng)圓放在與其他構(gòu)成要素非常接近的位置時，就出現(xiàn)了視覺張力張力當(dāng)圓靠近一個近90度的角上，就會強化形狀和張力的對比柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：圓潛在的功能：1.激活空間激活空間2.軸的支點軸的支點3.張力張力4.起點或停留點起點或停留點5.組織組織6.平衡平衡柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：圓潛在的功能：1.激活空間激活空間2.軸的支點軸的支點3.張力張力4.起點或停留點起點或停留點5.組織組織6.平衡平衡柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：圓潛在