精選柵格系統(tǒng)和式設(shè)計電子講義

（優(yōu)選）柵格系統(tǒng)與版式設(shè)計電子版當(dāng)前第1頁\共有60頁\編于星期一\10點網(wǎng)格系統(tǒng)與版式設(shè)計今天我們就從正方形的九宮格談網(wǎng)格系統(tǒng)的基本原理，再了解了網(wǎng)格系統(tǒng)的基本原理后，就可進(jìn)一步探究各種類型版面的不同的網(wǎng)格設(shè)計當(dāng)前第2頁\共有60頁\編于星期一\10點網(wǎng)格系統(tǒng)與版式設(shè)計通過舉例分析柵格系統(tǒng)及版面設(shè)計的原理一、構(gòu)成要素：1、3×3的結(jié)構(gòu)2、6個灰色的矩形3、圓圓的作用：是一種平衡因素（構(gòu)成的視覺控制和對比）是一種活躍有力的因素，具有極大的視覺力量。當(dāng)前第3頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計版面設(shè)計中的網(wǎng)格系統(tǒng)分三種類別：水平構(gòu)成水平/垂直構(gòu)成傾斜構(gòu)成當(dāng)前第4頁\共有60頁\編于星期一\10點網(wǎng)格系統(tǒng)與版式設(shè)計限制和選擇我們需要得到的：一個版面一些構(gòu)圖要素一些簡明的規(guī)則水平系列中，所有的矩形要素必須保持水平；在水平/垂直系列中，所有的矩形要素必須保持水平/垂直在傾斜系列中，所有的矩形要素必須同樣傾斜或?qū)Ρ刃詢A斜所有的矩形要素都必須使用不能有矩形要素超出這個版面矩形要素可以差不多相切，但不能重疊矩形要素的長度要正好吻合一個、兩個、三個視覺方塊的寬度。當(dāng)前第5頁\共有60頁\編于星期一\10點網(wǎng)格系統(tǒng)與版式設(shè)計限制和選擇正確，所有的要素都水平的，所有的要素都用上了，而且沒有超出版面，沒有重疊，圓可以放在任何位置，但不和其他要素重疊錯誤，在水平系列中，所有的構(gòu)成要素必須水平，當(dāng)前第6頁\共有60頁\編于星期一\10點網(wǎng)格系統(tǒng)與版式設(shè)計限制和選擇錯誤，構(gòu)成要素不能重疊，不能超出版面錯誤，構(gòu)成要素的長度必須吻合橫格當(dāng)前第7頁\共有60頁\編于星期一\10點網(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)簡化，并且強化了虛空間當(dāng)前第8頁\共有60頁\編于星期一\10點網(wǎng)格系統(tǒng)與版式設(shè)計組合組合相同的要素相同寬度的矩形要素可以被組合在一起組合不同的要素不同寬度的矩形要素可以被組合在一起當(dāng)前第9頁\共有60頁\編于星期一\10點網(wǎng)格系統(tǒng)與版式設(shè)計虛空間當(dāng)那些構(gòu)成要素沒有得到很好的組合，每一個周圍都是虛空間時，那些虛空間就會顯得雜多，整體構(gòu)成顯得無序，無組織。當(dāng)那些構(gòu)成要素組合在一起后，虛空間就會變少也變大，一個簡化之后感覺更加協(xié)調(diào)的整體構(gòu)成就會建立起來。未組合：雜亂的虛空間在這個沒有組合的構(gòu)成中，至少有10個空白矩形，這個構(gòu)成顯得無序，在視覺上毫無吸引力。當(dāng)前第10頁\共有60頁\編于星期一\10點網(wǎng)格系統(tǒng)與版式設(shè)計虛空間組合后：簡化的虛空間在這個組合的結(jié)構(gòu)中，于6個空白矩形。這些空間不僅在數(shù)量上減少，而且也變得更大，所有看起來更加舒適。當(dāng)前第11頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計四邊的聯(lián)系如果沒有任何構(gòu)成元素靠近頂端邊線和底端邊線（入圖），虛空間就會擠壓構(gòu)成要素，整個結(jié)構(gòu)就顯得縹緲無根。相反，虛空間就能很好的利用，整個構(gòu)成會因為這種視覺擴張而顯得大氣。弱的四邊聯(lián)系由于沒有要素連著頂線和底線，沉重而呆滯的空白空間就充塞了這個構(gòu)成的頂和底強的四邊聯(lián)系由于構(gòu)成與四邊都有接觸，所有空間都被激活，版面看起來很舒展當(dāng)前第12頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計軸的聯(lián)系網(wǎng)格中的構(gòu)成要素會形成一些軸列，當(dāng)一根軸出現(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)系中間一欄上的這兩根軸在視覺上就感覺強健有力，因為有更多的構(gòu)成要素線性排列在這兩根軸上當(dāng)前第13頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計三的法則3×3的網(wǎng)格系統(tǒng)吻合三的法則，即當(dāng)一個矩形或者正方形，被水平和垂直的分成三份后，結(jié)構(gòu)中的4個交點就是最吸引人的4個點。了解三的法則，可以讓設(shè)計師把注意力放在它們最為自然出現(xiàn)的地方，從而控制構(gòu)成空間。不必將構(gòu)成要素直接放在交點上，因為過于靠近會使注意力集中到它們上面。當(dāng)前第14頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計三的法則當(dāng)前第15頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡圓在不同構(gòu)成位置上的不同作用：當(dāng)圓靠近字行時，能吸引人的注意力到這些字上，同時也有裝飾的效果。當(dāng)圓放在字行中間時，它就隔開了字行，同時對字行起到組織作用。圓遠(yuǎn)離文字時，在觀看版面時，它就吸引目光，同時控制視覺流程，可以起到使構(gòu)成趨向平衡的作用。當(dāng)前第16頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡平衡放置和軸的支點當(dāng)圓的放置顯示了它額網(wǎng)格的聯(lián)系，就產(chǎn)生了一種視覺平衡，從結(jié)構(gòu)的四周來看，這個圓也是軸的支點激活空間當(dāng)圓在狹窄的空白位置中占據(jù)了一個位置時，這個空間變得活躍起來，產(chǎn)生一種強烈的不對稱感，試版面視覺上更有趣味當(dāng)前第17頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡張力當(dāng)圓放在與其他構(gòu)成要素非常接近的位置時，就出現(xiàn)了視覺張力張力當(dāng)圓靠近一個近90度的角上，就會強化形狀和張力的對比當(dāng)前第18頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡當(dāng)前第19頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡當(dāng)前第20頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡當(dāng)前第21頁\共有60頁\編于星期一\10點柵格系統(tǒng)與版式設(shè)計圓與構(gòu)成圓潛在的功能：激活空間軸的支點張力起點或停留點組織平衡當(dāng)前第22頁\共有60頁\編于星期一\10點當(dāng)前第23頁\共有60頁\編于星期一\10點當(dāng)前第24頁\共有60頁\編于星期一\10點當(dāng)前第25頁\共有60頁\編于星期一\10點當(dāng)前第26頁\共有60頁\編于星期一\10點當(dāng)前第27頁\共有60頁\編于星期一\10點當(dāng)前第28頁\共有60頁\編于星期一\10點當(dāng)前第29頁\共有60頁\編于星期一\10點當(dāng)前第30頁\共有60頁\編于星期一\10點當(dāng)前第31頁\共有60頁\編于星期一\10點當(dāng)前第32頁\共有60頁\編于星期一\10點當(dāng)前第33頁\共有60頁\編于星期一\10點當(dāng)前第34頁\共有60頁\編于星期一\10點當(dāng)前第35頁\共有60頁\編于星期一\10點當(dāng)前第36頁\共有60頁\編于星期一\10點當(dāng)前第37頁\共有60頁\編于星期一\10點當(dāng)前第38頁\共有60頁\編于星期一\10點當(dāng)前第39頁\共有60頁\編于星期一\10點當(dāng)前第40頁\共有60頁\編于星期一\10點當(dāng)前第41頁\共有60頁\編于星期一\10點當(dāng)前第42頁\共有60頁\編于星期一\10點當(dāng)前第43頁\共有60頁\編于星期一\10點當(dāng)前第44頁\共有60頁\編于星期一\10點當(dāng)前第45頁\共有60頁\編于星期一\10點當(dāng)前第46頁\共有60頁\編于星期一\10點當(dāng)前第47頁\共有60頁\編于星期一\10點當(dāng)前第48頁\共有60頁\編于星期一\10點當(dāng)前第49頁\共有60頁\編于星期一\10點當(dāng)前第50頁\共有60頁\編于星期一\10點當(dāng)前第51頁\共有60頁\編于星期一\10點當(dāng)前第52頁\共有60頁\編于星期一\10點