網格系統軟件與版式設計

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

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

廣告設計升階整套系列產品教程視頻

一、柵格的定義

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

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

我們在版式設計中應用的全部原素全是依照這種方格的區劃井然有序遍布、機構的。在柵格系統軟件中，兩端對齊是一個基本上的標準，包含縱向兩端對齊——欄的區劃、圖片和文本與欄的縱向兩端對齊，與此同時也包含橫著兩端對齊——對開門頁面中文圖的上下橫著兩端對齊與融洽。

二、柵格的制做

柵格的設定是版式設計中關鍵之一。說白了柵格，便是設計方案原材料在視覺效果主要表現上的規定、架構。全部的頁面的版式設計都應在一定的規定里進行，那樣，在視覺效果外型上才會具備總體的統一感。自然不可以是全部的都千篇一律，要有轉變 ，但無論怎樣變，都需要順著這條柵格主線任務，遵照一個標準，那樣才不僅有統一又有轉變 。

（一）橫著柵格的制做

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

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

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

（二）豎向柵格的制做

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

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

（一）雙欄

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

（二）三欄

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

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

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

（四）五欄

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

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

四、柵格設計方案是版式設計的基本

版式設計應當遵照創建在柵格基本上的好用標準，而不僅只重視藝術創意。具備藝術創意的版式設計，但認真觀察下，卻大多數禁不住反復推敲。有時大家并不欠缺藝術創意，反過來，缺乏的是認真細致。

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