網(wǎng)頁設(shè)計(jì)柵格就是你對(duì)頁面版式的規(guī)劃

2019-01-14 13:07:20 來源:互聯(lián)網(wǎng)作者:佚名 人氣: 次閱讀 433 條評(píng)論

英文原文:http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm柵格就是你對(duì)頁面版式的規(guī)劃你日常所見的許多頁面都有柵格存在。你可能注意不到,但它確實(shí)存在,并且支撐著設(shè)計(jì)內(nèi)容,建立整體的架構(gòu),引導(dǎo)著頁面的元素。柵格是隱形的架構(gòu),用于指導(dǎo)你頁面...

柵格就是你對(duì)頁面版式的規(guī)劃

  你日常所見的許多頁面都有柵格存在。你可能注意不到,但它確實(shí)存在,并且支撐著設(shè)計(jì)內(nèi)容,建立整體的架構(gòu),引導(dǎo)著頁面的元素。

  柵格是隱形的架構(gòu),用于指導(dǎo)你頁面上各種元素的放置。柵格不會(huì)在印刷成品上出現(xiàn),但卻影響巨大,它控制著文本欄的寬度、照片周圍空白的一致、雜志上每頁重復(fù)出現(xiàn)元素的固定位置。柵格是一系列的輔助線,決定著印刷品的邊距,頁面元素(大標(biāo)題、正文、照片等)之間的間距,讓你知道如何在空白的頁面上放置它們。

  在決定是否使用或怎樣使用柵格之前,你應(yīng)該了解柵格的一些基礎(chǔ)知識(shí)以及創(chuàng)建方法。雖然在印刷成品中看不到柵格,但在構(gòu)建頁面的過程中你還是需要能看見它。

  在你的頁面版式中可能會(huì)設(shè)置有“Margin”(頁邊距)。在屏幕上這些邊線可能會(huì)顯示為淺色的實(shí)線或虛線。上、下、左、右的邊線在你的頁面中部形成了一個(gè)盒子。你將以此為基點(diǎn),建立單元格。通過把頁面均分為幾個(gè)等份,來創(chuàng)建多個(gè)單元格。你可以創(chuàng)建可見的網(wǎng)格來輔助頁面排版:你的頁面排版軟件有輔助線的功能,或者你可以在非打印層繪制邊線或方塊。通常你可以從頁面旁的標(biāo)尺上“拖拽”出一條輔助線,然后放置在需要的地方。

柵格與邊距

  邊距決定頁面的外部邊界。它們象一個(gè)畫框一樣包圍著你的頁面內(nèi)容。四周邊距不一定是均等的,但在(同一個(gè)出版物內(nèi))每一頁之間或每一版之間邊距通常是保持一致的。在大部分程序中,你在設(shè)置頁面格式(尺寸規(guī)格)的時(shí)候就可以設(shè)置頁邊距。在某些程序中,你甚至可以“實(shí)時(shí)的”在屏幕上拖動(dòng)邊線來調(diào)整邊距。

柵格與欄空

  當(dāng)你將頁面的內(nèi)部空間(版心)分割為幾個(gè)均等部分后,每個(gè)單元之間的白空間就稱為"Alley" (欄空)。欄空的方向是水平的、垂直的、或是兩個(gè)方向兼有,取決于你的柵格設(shè)置。在某些設(shè)計(jì)軟件中,也稱之為白空間或文本欄的"gutter"(內(nèi)邊距)。

柵格與內(nèi)邊距

  兩頁或兩版展開時(shí),內(nèi)部的邊距就稱為"gutter"(內(nèi)邊距),即中縫兩邊的邊距。在某些排版軟件中,兩個(gè)文本欄之間的間隙也叫做"gutter"。

柵格單元

  柵格單元是你在頁面上放置文本和圖片的基本坐標(biāo)。它決定的是“放置”而非“尺寸”。就是說,假如你有一幅比柵格單元大的圖片,你一樣可以使用它。你可以用柵格單元來幫助你縮放圖片尺寸,縮放匹配1、2、3或更多個(gè)柵格單元大小,然后將它放置在頁面上。

柵格提供了視覺上的條理性

  柵格有著不同的應(yīng)用,但并非適用于任何設(shè)計(jì)、任何人。雜志和簡報(bào)之類的出版物幾乎都離不開柵格。柵格增添了頁面之間的一種連貫性,并且大大加速了設(shè)計(jì)的進(jìn)程,設(shè)計(jì)師不需要每一頁都“從草圖開始”規(guī)劃版式和設(shè)計(jì)。

  在一系列獨(dú)立而有關(guān)聯(lián)的印刷品(如系列海報(bào),或是為某個(gè)廣告活動(dòng)或某產(chǎn)品線設(shè)計(jì)的一系列傳單)中,一個(gè)共同的柵格有助于統(tǒng)一這系列獨(dú)立印刷品的整體形象。

  在一件印刷品中往往有多個(gè)獨(dú)立元素(本文塊、大標(biāo)題,照片,圖表),柵格會(huì)幫助你把這些頁面元素組織得井井有條。

  英文原文:http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm

    無相關(guān)信息