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

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

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

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

一、柵格的定義

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

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

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

二、柵格的制做

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

（一）橫著柵格的制做

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

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

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

（二）豎向柵格的制做

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

三、柵格運用到分兩欄的方法

（一）雙欄

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

（二）三欄

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

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

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

（四）五欄

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

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

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

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

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