版式設(shè)計(jì)網(wǎng)格系統(tǒng)

1、 二 .網(wǎng)格系統(tǒng)概述四. 網(wǎng)格的應(yīng)用區(qū)域一.版式設(shè)計(jì)的概述三. 網(wǎng)格類型五.總結(jié)講解設(shè)置第一頁，共44頁。一.版式設(shè)計(jì)的概述A. 基本概念將文字,圖片,和標(biāo)記符號等構(gòu)成要素,按照一定的審美規(guī)律,結(jié)合設(shè)計(jì)的具體特點(diǎn),使之成為一個傳達(dá)整體設(shè)計(jì)的方法.B. 版式設(shè)計(jì)的要點(diǎn)要有強(qiáng)烈的視覺效果文案要具有可讀性要注意視覺上的統(tǒng)一感第二頁，共44頁。著名的瑞士設(shè)計(jì)師約瑟夫米勒布羅克曼說：“網(wǎng)格使得所有的設(shè)計(jì)因素字體、圖片、美術(shù)之間的協(xié)調(diào)一致成為可能。網(wǎng)格設(shè)計(jì)就是把秩序引入設(shè)計(jì)中去的一種方法。” 掌握網(wǎng)格系統(tǒng)是從事版式設(shè)計(jì)做必須具備的基礎(chǔ)修養(yǎng)之一，網(wǎng)格系統(tǒng)作為一種行之有效的版面設(shè)計(jì)形式法則，它使所以的版面構(gòu)成

2、元素之間的協(xié)調(diào)一致成為可能。二、網(wǎng)格系統(tǒng)第三頁，共44頁。2.1網(wǎng)格設(shè)計(jì)的概念網(wǎng)格設(shè)計(jì)，或者叫做網(wǎng)格系統(tǒng)、又有人把它叫做標(biāo)準(zhǔn)尺寸系統(tǒng)、程序版面設(shè)計(jì)、比例版面設(shè)計(jì)、瑞士版面設(shè)計(jì)或者歐洲版面設(shè)計(jì)（與美國的自由版面設(shè)計(jì)相對而言）。是一系列水平和垂直的線，相當(dāng)于樓房的基礎(chǔ)。垂直線與每一段每一欄的寬相關(guān)，而水平線則決定了每一行或每一段文字所占的空間。版式設(shè)計(jì)可以不同的網(wǎng)格樣式，由此得到不同效果的版設(shè)效果。第四頁，共44頁。 為設(shè)計(jì)工作提供了一個框架，能夠?yàn)榘婷嬖O(shè)計(jì)帶來規(guī)矩和約束，可以體現(xiàn)理性、穩(wěn)定的視覺效果，有穩(wěn)定畫面的作用。2.2 網(wǎng)格的作用第五頁，共44頁。 網(wǎng)格能夠幫助指引放置版面中的各種元素、一

3、系列相關(guān)的點(diǎn)、線、面等，能夠使各元素快速并準(zhǔn)確地歸置到一定的位置，并且使物與物、頁與頁之間保持一定的視覺連貫性和持續(xù)性。第六頁，共44頁。 網(wǎng)格針對制造那些多重頁面的文件，非常實(shí)用。 網(wǎng)格使設(shè)計(jì)過程更快更有效，并在設(shè)計(jì)中建立視覺上的連貫性，使最終的使用者能夠在頁面中找到方向和路徑，給頁面帶來清晰的流動感。第七頁，共44頁。三. 網(wǎng)格類型3.1 對稱式網(wǎng)格 是根據(jù)左右兩個版面或一個對頁而言，指左右兩頁擁有相同的頁邊距，相同的網(wǎng)格數(shù)量、相同的版面安排等。 第八頁，共44頁。第九頁，共44頁。第十頁，共44頁。對稱式網(wǎng)格的對稱形式及用法對稱式網(wǎng)格的最大特點(diǎn)是左右兩邊的結(jié)構(gòu)相同，頁面中的網(wǎng)格是可以進(jìn)行

4、合并和拆分的。主要分為4種形式：單欄對稱網(wǎng)格；雙欄對稱網(wǎng)格；三欄對稱網(wǎng)格；多欄對稱網(wǎng)格等第十一頁，共44頁。A. 單欄對稱式網(wǎng)格適用范圍：純文字行書籍，可適當(dāng)在頁面中配以圖示，以緩解畫面的枯燥感。第十二頁，共44頁。第十三頁，共44頁。適用范圍：文學(xué)類書籍，雜志內(nèi)頁正文，也可使用左邊放置文字，右邊放置圖片的方法將版面重新進(jìn)行劃分，增強(qiáng)版面的變化性。B.雙欄對稱式網(wǎng)格第十四頁，共44頁。第十五頁，共44頁。C .三欄式第十六頁，共44頁。第十七頁，共44頁。D.多欄對稱式適用范圍：術(shù)語表、聯(lián)系方式、目錄、數(shù)據(jù)等，也可以根據(jù)實(shí)際內(nèi)容增加或減少欄數(shù)但不適合編排正文第十八頁，共44頁。3.2非對稱式網(wǎng)

5、格一般用于設(shè)計(jì)散頁，指對頁的排版打破對稱的格式，強(qiáng)調(diào)頁面的視覺效果。在排版過程中可根據(jù)版面需要調(diào)整網(wǎng)格欄的大小比例，使整個頁面更靈活、更具有生氣。第十九頁，共44頁。第二十頁，共44頁。第二十一頁，共44頁。第二十二頁，共44頁。第二十三頁，共44頁。第二十四頁，共44頁。3.3 成角網(wǎng)格 成角網(wǎng)格方向一般是一個或兩個角度，使版面結(jié)構(gòu)最大程度與閱讀習(xí)慣形成統(tǒng)一。第二十五頁，共44頁。第二十六頁，共44頁。第二十七頁，共44頁。3.4 打破網(wǎng)格第二十八頁，共44頁。第二十九頁，共44頁。3.5 對稱式單元格 將頁面分成同等大小的單元格，再根據(jù)版式需要編排文字和圖片。具有較大的靈活性單元格之間的間

6、距可以自由調(diào)整，每個單元格四周的距離必須相等。第三十頁，共44頁。第三十一頁，共44頁。 3.6 非對稱式單元格第三十二頁，共44頁。第三十三頁，共44頁。四. 網(wǎng)格的應(yīng)用區(qū)域4.1、網(wǎng)格與建筑設(shè)計(jì) 許多建筑的表面或內(nèi)部結(jié)構(gòu)都是由網(wǎng)格構(gòu)建的。建筑中將一些相同的部件元素進(jìn)行重復(fù)，會使設(shè)計(jì)工作輕松經(jīng)濟(jì)。連續(xù)的，重復(fù)的，模塊的，對稱的形式使建筑設(shè)計(jì)、建造更有效，都與網(wǎng)格有關(guān)。 現(xiàn)代大英博物館古希臘神廟第三十四頁，共44頁。4.2、網(wǎng)格與平面設(shè)計(jì)網(wǎng)格設(shè)計(jì)是書籍、報(bào)紙、雜志、廣告、產(chǎn)品樣本、等設(shè)計(jì)的有效方法。網(wǎng)格網(wǎng)格的應(yīng)用第三十五頁，共44頁。世界建筑1900-2000內(nèi)頁第三十六頁，共44頁。比利時(shí)旅

7、游圖，內(nèi)頁第三十七頁，共44頁。4.2 網(wǎng)格與城市規(guī)劃 所有的城市都是建立在網(wǎng)格結(jié)構(gòu)上的。即使是非?；靵y的街道，用數(shù)理分析它，都符合網(wǎng)格的規(guī)律。因?yàn)榫W(wǎng)格是一種結(jié)構(gòu)，它將不同地區(qū)聯(lián)系起來。第三十八頁，共44頁。 4.3、網(wǎng)格與室內(nèi)設(shè)計(jì)第三十九頁，共44頁。第四十頁，共44頁。 4.4、網(wǎng)格與家具設(shè)計(jì) 家具中的模塊系統(tǒng)，相當(dāng)于字體編排中的網(wǎng)格。在柜體家具和組合儲物柜中模塊作用尤其明顯。第四十一頁，共44頁。電腦網(wǎng)絡(luò)、軟件開發(fā)、手機(jī)界面、多媒體影像等電子技術(shù)都離不開網(wǎng)格，一個單元就是一個像素。數(shù)碼新技術(shù)和活字印刷相似，以網(wǎng)站為例，建站初期，需要把所有的信息劃分到不同的單元，再由各類元素來填充每個單元，這就是網(wǎng)格的作用。網(wǎng)格以時(shí)間和空間等抽象概念呈現(xiàn)。4.5、網(wǎng)格與數(shù)碼設(shè)計(jì)第四十二頁，共44頁。 總結(jié) 在設(shè)計(jì)的過程中，不論自己的設(shè)計(jì)創(chuàng)意多么新穎，效果多么華麗、精彩，都離不開一套“規(guī)矩”的網(wǎng)格系統(tǒng)規(guī)范，正如