資源描述:
《版式設(shè)計(jì)的網(wǎng)格系統(tǒng)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、版式設(shè)計(jì)的網(wǎng)格系統(tǒng)淺析二.網(wǎng)格系統(tǒng)概述四.網(wǎng)格的應(yīng)用區(qū)域一.版式設(shè)計(jì)的概述三.網(wǎng)格類型五.總結(jié)講解設(shè)置一.版式設(shè)計(jì)的概述A.基本概念將文字,圖片,和標(biāo)記符號(hào)等構(gòu)成要素,按照一定的審美規(guī)律,結(jié)合設(shè)計(jì)的具體特點(diǎn),使之成為一個(gè)傳達(dá)整體設(shè)計(jì)的方法.B.版式設(shè)計(jì)的要點(diǎn)要有強(qiáng)烈的視覺(jué)效果文案要具有可讀性要注意視覺(jué)上的統(tǒng)一感著名的瑞士設(shè)計(jì)師約瑟夫?米勒?布羅克曼說(shuō):“網(wǎng)格使得所有的設(shè)計(jì)因素——字體、圖片、美術(shù)之間的協(xié)調(diào)一致成為可能。網(wǎng)格設(shè)計(jì)就是把秩序引入設(shè)計(jì)中去的一種方法?!闭莆站W(wǎng)格系統(tǒng)是從事版式設(shè)計(jì)做必須具備的基礎(chǔ)修養(yǎng)之一,網(wǎng)格系
2、統(tǒng)作為一種行之有效的版面設(shè)計(jì)形式法則,它使所以的版面構(gòu)成元素之間的協(xié)調(diào)一致成為可能。二、網(wǎng)格系統(tǒng)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ì)(與美國(guó)的自由版面設(shè)計(jì)相對(duì)而言)。是一系列水平和垂直的線,相當(dāng)于樓房的基礎(chǔ)。垂直線與每一段每一欄的寬相關(guān),而水平線則決定了每一行或每一段文字所占的空間。版式設(shè)計(jì)可以不同的網(wǎng)格樣式,由此得到不同效果的版設(shè)效果。為設(shè)計(jì)工作提供了一個(gè)框架,能夠?yàn)榘婷嬖O(shè)計(jì)帶來(lái)規(guī)矩和約束,可以體現(xiàn)理性、穩(wěn)定的視覺(jué)效果,
3、有穩(wěn)定畫面的作用。2.2網(wǎng)格的作用網(wǎng)格能夠幫助指引放置版面中的各種元素、一系列相關(guān)的點(diǎn)、線、面等,能夠使各元素快速并準(zhǔn)確地歸置到一定的位置,并且使物與物、頁(yè)與頁(yè)之間保持一定的視覺(jué)連貫性和持續(xù)性。網(wǎng)格針對(duì)制造那些多重頁(yè)面的文件,非常實(shí)用。網(wǎng)格使設(shè)計(jì)過(guò)程更快更有效,并在設(shè)計(jì)中建立視覺(jué)上的連貫性,使最終的使用者能夠在頁(yè)面中找到方向和路徑,給頁(yè)面帶來(lái)清晰的流動(dòng)感。三.網(wǎng)格類型3.1對(duì)稱式網(wǎng)格是根據(jù)左右兩個(gè)版面或一個(gè)對(duì)頁(yè)而言,指左右兩頁(yè)擁有相同的頁(yè)邊距,相同的網(wǎng)格數(shù)量、相同的版面安排等。對(duì)稱式網(wǎng)格的對(duì)稱形式及用法對(duì)稱式網(wǎng)格的最大
4、特點(diǎn)是左右兩邊的結(jié)構(gòu)相同,頁(yè)面中的網(wǎng)格是可以進(jìn)行合并和拆分的。主要分為4種形式:?jiǎn)螜趯?duì)稱網(wǎng)格;雙欄對(duì)稱網(wǎng)格;三欄對(duì)稱網(wǎng)格;多欄對(duì)稱網(wǎng)格等A.單欄對(duì)稱式網(wǎng)格適用范圍:純文字行書籍,可適當(dāng)在頁(yè)面中配以圖示,以緩解畫面的枯燥感。適用范圍:文學(xué)類書籍,雜志內(nèi)頁(yè)正文,也可使用左邊放置文字,右邊放置圖片的方法將版面重新進(jìn)行劃分,增強(qiáng)版面的變化性。B.雙欄對(duì)稱式網(wǎng)格C.三欄式D.多欄對(duì)稱式適用范圍:術(shù)語(yǔ)表、聯(lián)系方式、目錄、數(shù)據(jù)等,也可以根據(jù)實(shí)際內(nèi)容增加或減少欄數(shù)但不適合編排正文3.2非對(duì)稱式網(wǎng)格一般用于設(shè)計(jì)散頁(yè),指對(duì)頁(yè)的排版打破對(duì)稱
5、的格式,強(qiáng)調(diào)頁(yè)面的視覺(jué)效果。在排版過(guò)程中可根據(jù)版面需要調(diào)整網(wǎng)格欄的大小比例,使整個(gè)頁(yè)面更靈活、更具有生氣。3.3成角網(wǎng)格成角網(wǎng)格方向一般是一個(gè)或兩個(gè)角度,使版面結(jié)構(gòu)最大程度與閱讀習(xí)慣形成統(tǒng)一。3.4打破網(wǎng)格3.5對(duì)稱式單元格將頁(yè)面分成同等大小的單元格,再根據(jù)版式需要編排文字和圖片。具有較大的靈活性單元格之間的間距可以自由調(diào)整,每個(gè)單元格四周的距離必須相等。3.6非對(duì)稱式單元格四.網(wǎng)格的應(yīng)用區(qū)域4.1、網(wǎng)格與建筑設(shè)計(jì)許多建筑的表面或內(nèi)部結(jié)構(gòu)都是由網(wǎng)格構(gòu)建的。建筑中將一些相同的部件元素進(jìn)行重復(fù),會(huì)使設(shè)計(jì)工作輕松經(jīng)濟(jì)。連續(xù)的
6、,重復(fù)的,模塊的,對(duì)稱的形式使建筑設(shè)計(jì)、建造更有效,都與網(wǎng)格有關(guān)?,F(xiàn)代大英博物館古希臘神廟4.2、網(wǎng)格與平面設(shè)計(jì)網(wǎng)格設(shè)計(jì)是書籍、報(bào)紙、雜志、廣告、產(chǎn)品樣本、等設(shè)計(jì)的有效方法。網(wǎng)格網(wǎng)格的應(yīng)用《世界建筑1900-2000》內(nèi)頁(yè)比利時(shí)旅游圖,內(nèi)頁(yè)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)系起來(lái)。4.3、網(wǎng)格與室內(nèi)設(shè)計(jì)4.4、網(wǎng)格與家具設(shè)計(jì)家具中的模塊系統(tǒng),相當(dāng)于字體編排中的網(wǎng)格。在柜體家具和組合儲(chǔ)物柜中模塊作用尤其明顯。電腦網(wǎng)
7、絡(luò)、軟件開(kāi)發(fā)、手機(jī)界面、多媒體影像等電子技術(shù)都離不開(kāi)網(wǎng)格,一個(gè)單元就是一個(gè)像素。數(shù)碼新技術(shù)和活字印刷相似,以網(wǎng)站為例,建站初期,需要把所有的信息劃分到不同的單元,再由各類元素來(lái)填充每個(gè)單元,這就是網(wǎng)格的作用。網(wǎng)格以時(shí)間和空間等抽象概念呈現(xiàn)。4.5、網(wǎng)格與數(shù)碼設(shè)計(jì)總結(jié)在設(shè)計(jì)的過(guò)程中,不論自己的設(shè)計(jì)創(chuàng)意多么新穎,效果多么華麗、精彩,都離不開(kāi)一套“規(guī)矩”的網(wǎng)格系統(tǒng)規(guī)范,正如“天高任鳥飛,海闊任魚游”,前提都是客觀存在的事實(shí)所在。當(dāng)我們把技巧、感覺(jué)和網(wǎng)格這三者融合在一起時(shí),能更好地解決功能、邏輯和美學(xué)上的問(wèn)題,就會(huì)出現(xiàn)精美大方
8、、令人印象深刻的畫面。謝謝