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

版式設(shè)計(jì)亦稱(chēng)版面排版設(shè)計(jì)。說(shuō)白了編輯，即在比較有限的版面室內(nèi)空間里，將版面組成因素——文本字體樣式、圖片圖型、線框線條和色調(diào)圖形等諸要素，依據(jù)特殊內(nèi)容的必須開(kāi)展組合排列，并應(yīng)用造型設(shè)計(jì)因素及方式基本原理，把設(shè)計(jì)構(gòu)思與方案以視覺(jué)效果方式表現(xiàn)出來(lái)。

版面設(shè)計(jì)方案是廣告設(shè)計(jì)中關(guān)鍵的構(gòu)成部分，也是一切視覺(jué)傳達(dá)設(shè)計(jì)、造型藝術(shù)使出的百姓大舞臺(tái)，被普遍地運(yùn)用于雜志廣告、期刊雜志、包裝裝修、企業(yè)品牌形象 (CI) 和網(wǎng)頁(yè)頁(yè)面等行業(yè)。

廣告設(shè)計(jì)升階整套系列產(chǎn)品教程視頻

一、柵格的定義

在開(kāi)展版式設(shè)計(jì)以前，大家必須先掌握和了解一個(gè)新的定義——柵格。柵格設(shè)計(jì)方案 (Grid) 又叫標(biāo)準(zhǔn)尺寸系統(tǒng)軟件、程序流程版面設(shè)計(jì)方案及法國(guó)版面設(shè)計(jì)方案，是一種應(yīng)用固定不動(dòng)的方格設(shè)計(jì)方案版面的方式 ，即 ：運(yùn)用頁(yè)面上預(yù)先確定好的網(wǎng)格，依照一定的視覺(jué)效果標(biāo)準(zhǔn)在網(wǎng)格內(nèi)分派文本、圖片、文章標(biāo)題等原素。英 語(yǔ) 中“Grid” 一 詞 源 自“Gridiron”的縮寫(xiě)，意為格珊、網(wǎng)柵或網(wǎng)格。

柵格設(shè)計(jì)方案并不是簡(jiǎn)易地將文本、圖片等因素并置，只是遵照界面構(gòu)造中的互相聯(lián)絡(luò)發(fā)展趨勢(shì)出去的一種方式規(guī)律。它的特點(diǎn)是高度重視占比、紀(jì)律、連續(xù)感和科技感。柵格設(shè)計(jì)方案取得成功的關(guān)鍵是，在細(xì)心的方案內(nèi)，橫縱區(qū)劃版面的關(guān)聯(lián)和占比。在我們把方法、覺(jué)得和柵格這三者結(jié)合在一起靈便而創(chuàng)造性開(kāi)展設(shè)計(jì)方案時(shí)，便會(huì)造成精致大氣，讓人印象深刻的版面，并在總體上給人一種清爽感和連續(xù)感，具備不同尋常的統(tǒng)一實(shí)際效果。與此同時(shí)，設(shè)計(jì)方案工作中也因而更為便捷，設(shè)計(jì)師不容易再因圖與圖中間的間距，文本與圖中間的關(guān)聯(lián)等層面的緣故而抓狂。

我們?cè)诎媸皆O(shè)計(jì)中應(yīng)用的全部原素全是依照這種方格的區(qū)劃井然有序遍布、機(jī)構(gòu)的。在柵格系統(tǒng)軟件中，兩端對(duì)齊是一個(gè)基本上的標(biāo)準(zhǔn)，包含縱向兩端對(duì)齊——欄的區(qū)劃、圖片和文本與欄的縱向兩端對(duì)齊，與此同時(shí)也包含橫著兩端對(duì)齊——對(duì)開(kāi)門(mén)頁(yè)面中文圖的上下橫著兩端對(duì)齊與融洽。

二、柵格的制做

柵格的設(shè)定是版式設(shè)計(jì)中關(guān)鍵之一。說(shuō)白了柵格，便是設(shè)計(jì)方案原材料在視覺(jué)效果主要表現(xiàn)上的規(guī)定、架構(gòu)。全部的頁(yè)面的版式設(shè)計(jì)都應(yīng)在一定的規(guī)定里進(jìn)行，那樣，在視覺(jué)效果外型上才會(huì)具備總體的統(tǒng)一感。自然不可以是全部的都千篇一律，要有轉(zhuǎn)變 ，但無(wú)論怎樣變，都需要順著這條柵格主線任務(wù)，遵照一個(gè)標(biāo)準(zhǔn)，那樣才不僅有統(tǒng)一又有轉(zhuǎn)變 。

（一）橫著柵格的制做

1. 依據(jù)頁(yè)面的尺寸設(shè)置版心的位置，還可以參照現(xiàn)有的類(lèi)似設(shè)計(jì)方案的設(shè)計(jì)風(fēng)格，用直尺量出間距。如果是雜志期刊訂口的間距一定要留意依據(jù)雜志期刊預(yù)估的總頁(yè)碼及裝訂方式來(lái)決策，假如厚厚的，訂口間距要相對(duì)性大一些。

2. 書(shū)本或雜志期刊里占較大 比例的是文章正文，因此 內(nèi)文本體的設(shè)置給閱讀者的閱讀文章產(chǎn)生愉快是更為關(guān)鍵的，那麼在版芯部位大約定下后就最先要設(shè)置文章正文的字體樣式。

3. 選中好內(nèi)文本體（字體樣式、字間距、字體大小、行間距），要布滿全部頁(yè)面，先待定頁(yè)面分成三欄，隨后打印出“原大”（按雜志期刊原狀規(guī)格尺寸打印出）后，按裁斷線裁去“出血線”之外的打印紙張，進(jìn)而貼近制成品規(guī)格。依據(jù)工作經(jīng)驗(yàn)，一定要打印出原大，這個(gè)時(shí)候千萬(wàn)不要由于省紙省墨或嫌麻煩而按占比變小。原大有利于大家能夠更好地較為字體樣式、字間距、字體大小、行間距是不是大家最后想要的，進(jìn)而在之后的工作上省掉許多改動(dòng)。要了解，改一個(gè)原素就需要改全本雜志期刊里全部發(fā)生此原素的地區(qū)，那將是一項(xiàng)極大的工程項(xiàng)目，并且會(huì)由于忘掉改動(dòng)某一章節(jié)而導(dǎo)致大家犯很低等性的不正確。

（二）豎向柵格的制做

前邊挑選文章正文文本時(shí)，大家臨時(shí)將版芯均值分成三欄，如今，我們要將它分成大量的欄，以適用各種各樣樣式的設(shè)計(jì)方案。方格越多，參考也越大，挑選大量，也更靈便。在這里以前，大家早就定好啦設(shè)計(jì)方案的設(shè)計(jì)風(fēng)格，每一個(gè)頻道的覺(jué)得也應(yīng)當(dāng)在大家腦子里產(chǎn)生一個(gè)基本念頭，那麼實(shí)際到頁(yè)面，分幾欄較為適合？

三、柵格運(yùn)用到分兩欄的方法

（一）雙欄

雙欄是最普遍的一種分兩欄方式 ，把握起來(lái)也非常簡(jiǎn)單，便于入門(mén)。將頁(yè)面豎向等分成兩一部分，圖片和文本均整齊劃一，全部頁(yè)面看起來(lái)非常規(guī)定、統(tǒng)一、穩(wěn)定，這種全是雙欄的鮮明特點(diǎn)。雙欄能夠相對(duì)性詳細(xì)、持續(xù)地展現(xiàn)文本和圖片，在視覺(jué)效果上更非常容易使閱讀者集中注意力，做到非常好的閱讀文章實(shí)際效果。

（二）三欄

三欄也是一種很普遍的一種分兩欄方式 。相較雙欄，三欄看起來(lái)更為靈便和富有轉(zhuǎn)變 。最關(guān)鍵的轉(zhuǎn)變 來(lái)源于圖片。三欄中，圖片的主要表現(xiàn)方式 較為靈便，通欄的高清大圖能夠與占一欄或兩欄的小圖片共存。從三欄起，大家就需要逐漸創(chuàng)建一個(gè)“并欄”的定義。并欄便是在區(qū)劃好欄數(shù)以后，將在其中的多個(gè)欄并且做好一體，與其他欄一起主要表現(xiàn)出去，產(chǎn)生一個(gè)總體。（三）四欄

四欄能夠當(dāng)作是雙欄的演化和拓展，其將頁(yè)面以軸對(duì)稱(chēng)等分四欄，看上去較為當(dāng)然、舒適，合乎一般大家的視覺(jué)效果心理狀態(tài)和愛(ài)好。必須留意的是，因?yàn)閷㈨?yè)面四等分，欄的總寬變小，在視覺(jué)效果上實(shí)際上 并不宜持續(xù)閱讀文章。因而，四欄的排順常見(jiàn)于這些言簡(jiǎn)意賅的信息內(nèi)容類(lèi)頻道和文章內(nèi)容，如產(chǎn)品簡(jiǎn)介、最新動(dòng)向、豆瓣書(shū)評(píng)等。

自然，這也不是一成不變的。有一些篇數(shù)較長(zhǎng)的文章內(nèi)容因?yàn)閳D片量大，文本數(shù)據(jù)量也非常大，也可以選用四欄的排順。

（四）五欄

在嫻熟了解和把握了用兩欄、三欄和四欄將頁(yè)面等分以后，大量的分兩欄可根據(jù)適度演化，進(jìn)到更為靈便的樣式。五欄或大量欄的樣式將更經(jīng)常地應(yīng)用并欄的方法?，F(xiàn)如今，許多報(bào)刊多選用了五欄的排順，但雜志期刊版面一般不應(yīng)用那麼“顯著”的五欄，只是將五欄的版面根據(jù)并欄方式，完成一種對(duì)頁(yè)面“不平衡”的分派。這類(lèi)排順，看起來(lái)毀壞了頁(yè)面的均衡或平穩(wěn)，但因?yàn)榍‘?dāng)并欄，圖片或文本的排順更為靈便變化多端，與此同時(shí)又無(wú)失一定的技巧和標(biāo)準(zhǔn)，若把握得好，還可以作出心曠神怡的頁(yè)面。此外，將五個(gè)單欄排列與組合，還可以產(chǎn)生左兩欄加右三欄的布局，用數(shù)字表示得話便是“23 并欄”，一樣，也可以產(chǎn)生左三欄加右兩欄的轉(zhuǎn)變 ，即“32 并欄”。

總而言之，熟練掌握并欄的方法，大量的分兩欄（六欄、七欄……）還可以造就出豐富多彩多種多樣、認(rèn)真細(xì)致井然有序的版面?？墒炀氄莆找陨戏绞?，依此類(lèi)推，如六欄也可以視作大三欄，八欄也可以視作大四欄或大兩欄。

四、柵格設(shè)計(jì)方案是版式設(shè)計(jì)的基本

版式設(shè)計(jì)應(yīng)當(dāng)遵照創(chuàng)建在柵格基本上的好用標(biāo)準(zhǔn)，而不僅只重視藝術(shù)創(chuàng)意。具備藝術(shù)創(chuàng)意的版式設(shè)計(jì)，但認(rèn)真觀察下，卻大多數(shù)禁不住反復(fù)推敲。有時(shí)大家并不欠缺藝術(shù)創(chuàng)意，反過(guò)來(lái)，缺乏的是認(rèn)真細(xì)致。

緣故取決于，大伙兒對(duì)柵格系統(tǒng)軟件還欠缺充足的高度重視，因而更算不上嫻熟運(yùn)用了。柵格設(shè)計(jì)方案系統(tǒng)軟件是一種好用的專(zhuān)用工具和方式，是版式設(shè)計(jì)的前提條件和基本，僅有在領(lǐng)悟了它的精粹以后，大家才可以在具體設(shè)計(jì)方案中寫(xiě)作出更為認(rèn)真細(xì)致、經(jīng)得住反復(fù)推敲的著作。