版式設(shè)計(jì)骨骼分割與網(wǎng)格

1、a1a2第二章：版式骨骼與網(wǎng)格設(shè)計(jì) 骨骼設(shè)計(jì)骨骼設(shè)計(jì) 正常骨骼正常骨骼 變形骨骼變形骨骼 自由構(gòu)成自由構(gòu)成 網(wǎng)格系統(tǒng)網(wǎng)格系統(tǒng)a3版式a43.5 骨骼設(shè)計(jì)1、骨骼設(shè)計(jì)骨骼或分割設(shè)計(jì)是一種嚴(yán)謹(jǐn)、規(guī)范、理性的設(shè)計(jì)方法。骨骼的基本原理是將版面刻意按照骨骼的規(guī)則，有序地分割成大小相等的空間單位。常見的骨骼分割法有：橫向和豎向的通欄、雙欄、三欄、四欄，也有豎向與橫向同時(shí)進(jìn)行分割，如四欄、六欄、八欄等。a5a6a7a8骨骼設(shè)計(jì)（分割設(shè)計(jì)） 是一種嚴(yán)謹(jǐn)、規(guī)范、理性的設(shè)計(jì)方法是一種嚴(yán)謹(jǐn)、規(guī)范、理性的設(shè)計(jì)方法常見的骨骼分割法常見的骨骼分割法：豎向豎向（通欄、雙欄、三欄、四欄）； 橫向橫向（通欄、雙欄、三欄、四欄）

2、； 豎向橫向同時(shí)分割豎向橫向同時(shí)分割（四欄、六欄、八 欄、十二欄） a9a10正常骨骼a11 2、變形骨骼 變形骨骼是在骨骼設(shè)計(jì)的基礎(chǔ)上變化發(fā)展的，它是在骨骼的基礎(chǔ)上，通過合并、取舍部分骨骼，尋求新的造型變化，所產(chǎn)生的造型無窮無盡，并且富有活力與生命，富有設(shè)計(jì)的魅力，深受讀者的喜愛。 在一個(gè)版面中，常采用多種骨骼并存的手法，以增強(qiáng)版面的生動(dòng)性和藝術(shù)性。a12變形骨骼a13a14a15a16變形骨骼a17變形骨骼a18變形骨骼a193.自由構(gòu)成圖或文字 、點(diǎn)或線的構(gòu)成關(guān)系都充斥著隨機(jī)無序、無主次、無中心、相互矛盾、相互排斥，以及極端的耗散編排。這種風(fēng)格帶給我們更輕松、自由、活力的人性化設(shè)計(jì)，也是

3、時(shí)尚前衛(wèi)的標(biāo)志。a20a21自由構(gòu)成a22自由構(gòu)成a23自由構(gòu)成a24a25a26分割a27a28a29a30a31a32a33a34a35a36a37網(wǎng)格系統(tǒng)與版式的關(guān)系a38網(wǎng)格系統(tǒng)與版式設(shè)計(jì)版式設(shè)計(jì)離不開網(wǎng)格系統(tǒng)，但版式又可以分為網(wǎng)格型和網(wǎng)格型和網(wǎng)格自由型網(wǎng)格自由型，我們今天要學(xué)習(xí)的就是網(wǎng)格網(wǎng)格型型的版面設(shè)計(jì)。版式設(shè)計(jì)不僅提供閱讀的信息，而且是一篇文章中由行列織成的肌質(zhì)。a39網(wǎng)格系統(tǒng)與版式設(shè)計(jì)a40網(wǎng)格系統(tǒng)與版式設(shè)計(jì)今天我們就從正方形的九宮格正方形的九宮格談網(wǎng)格系統(tǒng)的基本原理，再了解了網(wǎng)格系統(tǒng)的基本原理后，就可進(jìn)一步探究各種類型版面的不同的網(wǎng)格設(shè)計(jì)a41柵格系統(tǒng)與版式設(shè)計(jì)版面設(shè)計(jì)中的網(wǎng)

4、格系統(tǒng)分三種類別：水平構(gòu)成水平/垂直構(gòu)成傾斜構(gòu)成a42網(wǎng)格系統(tǒng)與版式設(shè)計(jì)限制和選擇我們需要得到的：一個(gè)版面一些構(gòu)圖要素一些簡明的規(guī)則一些簡明的規(guī)則水平系列中，所有的矩形要素必須保持水平；在水平/垂直系列中，所有的矩形要素必須保持水平/垂直在傾斜系列中，所有的矩形要素必須同樣傾斜或?qū)Ρ刃詢A斜所有的矩形要素都必須使用不能有矩形要素超出這個(gè)版面矩形要素可以差不多相切，但不能重疊矩形要素的長度要正好吻合一個(gè)、兩個(gè)、三個(gè)視覺方塊的寬度。a43網(wǎng)格系統(tǒng)與版式設(shè)計(jì)限制和選擇正確，所有的要素都水平的，所有的要素都用上了，而且沒有超出版面，沒有重疊，圓可以放在任何位置，但不和其他要素重疊錯(cuò)誤，在水平系列中，所有

5、的構(gòu)成要素必須水平，a44網(wǎng)格系統(tǒng)與版式設(shè)計(jì)a45網(wǎng)格系統(tǒng)與版式設(shè)計(jì)限制和選擇錯(cuò)誤，構(gòu)成要素不能重疊，不能超出版面錯(cuò)誤，構(gòu)成要素的長度必須吻合橫格a46網(wǎng)格系統(tǒng)與版式設(shè)計(jì)組合要素之間緊密聯(lián)系，產(chǎn)生直接的視覺關(guān)系相同或不同的要素組合在一起就產(chǎn)生了韻律和節(jié)奏產(chǎn)生大片的肌理感版面構(gòu)成被簡化，而虛空間或未被使用的空間區(qū)域得到強(qiáng)化，鮮明的秩序被建立沒有組合如果沒有組合，就有7個(gè)獨(dú)立的視覺要素，版面顯得缺乏組織，雜亂有組合通過組合，構(gòu)成要素的數(shù)量減少，結(jié)構(gòu)簡化，并且強(qiáng)化了虛空間a47網(wǎng)格系統(tǒng)與版式設(shè)計(jì)a48網(wǎng)格系統(tǒng)與版式設(shè)計(jì)組合組合相同的要素相同寬度的矩形要素可以被組合在一起組合不同的要素不同寬度的矩形要

6、素可以被組合在一起a49網(wǎng)格系統(tǒng)與版式設(shè)計(jì)虛空間 當(dāng)那些構(gòu)成要素沒有得到很好的組合，每一個(gè)周圍都是虛空間時(shí)，那些虛空間就會(huì)顯得雜多，整體構(gòu)成顯得無序，無組織。當(dāng)那些構(gòu)成要素組合在一起后，虛空間就會(huì)變少也變大，一個(gè)簡化之后感覺更加協(xié)調(diào)的整體構(gòu)成就會(huì)建立起來。未組合：雜亂的虛空間在這個(gè)沒有組合的構(gòu)成中，至少有10個(gè)空白矩形，這個(gè)構(gòu)成顯得無序，在視覺上毫無吸引力。a50網(wǎng)格系統(tǒng)與版式設(shè)計(jì)虛空間 組合后：簡化的虛空間在這個(gè)組合的結(jié)構(gòu)中，于6個(gè)空白矩形。這些空間不僅在數(shù)量上減少，而且也變得更大，所有看起來更加舒適。a51柵格系統(tǒng)與版式設(shè)計(jì)四邊的聯(lián)系如果沒有任何構(gòu)成元素靠近頂端邊線和底端邊線（入圖），虛空

7、間就會(huì)擠壓構(gòu)成要素，整個(gè)結(jié)構(gòu)就顯得縹緲無根。相反，虛空間就能很好的利用，整個(gè)構(gòu)成會(huì)因?yàn)檫@種視覺擴(kuò)張而顯得大氣。弱的四邊聯(lián)系由于沒有要素連著頂線和底線，沉重而呆滯的空白空間就充塞了這個(gè)構(gòu)成的頂和底強(qiáng)的四邊聯(lián)系由于構(gòu)成與四邊都有接觸，所有空間都被激活，版面看起來很舒展a52網(wǎng)格系統(tǒng)與版式設(shè)計(jì)a53柵格系統(tǒng)與版式設(shè)計(jì)軸的聯(lián)系網(wǎng)格中的構(gòu)成要素會(huì)形網(wǎng)格中的構(gòu)成要素會(huì)形成一些軸列，當(dāng)一根軸成一些軸列，當(dāng)一根軸出現(xiàn)在結(jié)構(gòu)內(nèi)部時(shí)，就出現(xiàn)在結(jié)構(gòu)內(nèi)部時(shí)，就形成了鮮明的視覺關(guān)系，形成了鮮明的視覺關(guān)系，結(jié)構(gòu)就有了視覺秩序感。結(jié)構(gòu)就有了視覺秩序感。左邊線和右邊線的軸雖左邊線和右邊線的軸雖然也能帶來秩序感，但然也能帶來秩序感，但視覺上顯得很弱。單獨(dú)視覺上顯得很弱。單獨(dú)一個(gè)構(gòu)成要素不能創(chuàng)造一個(gè)構(gòu)成要素不能創(chuàng)造出一根軸，兩個(gè)或更多出一根軸，兩個(gè)或更多的構(gòu)成要素才能建立起的構(gòu)成要素才能建立起軸。軸。一般，成線性排列的要一般，成線性排列的要素越多，軸就會(huì)顯得