淺析版式設(shè)計(jì)中的網(wǎng)格系統(tǒng)

王琦

摘要：網(wǎng)格系統(tǒng)作為設(shè)計(jì)師常用的一種設(shè)計(jì)技巧，它帶來的視覺感受是秩序感、邏輯感、系統(tǒng)化。在平面設(shè)計(jì)中巧妙的利用網(wǎng)格系統(tǒng)，可以更加快速、準(zhǔn)確、清晰的傳遞給人們需要的信息，使用網(wǎng)格系統(tǒng)設(shè)計(jì)板式就意味著要遵循普遍、合理的原則。

關(guān)鍵詞：網(wǎng)格系統(tǒng);版式設(shè)計(jì);秩序性

一、什么是網(wǎng)格系統(tǒng)

網(wǎng)格系統(tǒng)英文為“grid systems”，運(yùn)用有規(guī)律大小的固定格子設(shè)計(jì)排版布局，以規(guī)則的網(wǎng)格陣列來指導(dǎo)和規(guī)范網(wǎng)頁(yè)中的版面布局以及信息分布。網(wǎng)格系統(tǒng)將平面規(guī)劃成一個(gè)個(gè)小的單元格，這些單元格的大小可以相同也可以不同，網(wǎng)格之間也可以留出縫隙，單元網(wǎng)格的高度就是文本的整行數(shù)，單元網(wǎng)格的寬度是與文本欄的寬度相當(dāng)?shù)摹＿@些高度和寬度都是排版中特有的度量單位來進(jìn)行計(jì)算的，即點(diǎn)數(shù)和西塞羅。將版面劃分為若干個(gè)單元格后，將我們的文字、圖片等信息安排在這些網(wǎng)格中，將我們需要展現(xiàn)的元素以網(wǎng)格的標(biāo)準(zhǔn)調(diào)節(jié)大小和位置，將所有信息形成視覺上的統(tǒng)一。

那么，網(wǎng)格系統(tǒng)是有怎樣的由來呢？1692年，新登基的法國(guó)國(guó)王路易十四感到法國(guó)的印刷水平不盡人意，因此命令成立一個(gè)管理印刷的皇家特別委員會(huì)。他們的首要任務(wù)是設(shè)計(jì)出科學(xué)的、合理的， 重視功能性的新字體。委員會(huì)由數(shù)學(xué)家尼古拉斯加宗擔(dān)任領(lǐng)導(dǎo)，他們以羅馬體為基礎(chǔ)，采用方格為設(shè)計(jì)依據(jù)，每個(gè)字體方格分為64個(gè)基本方格單位，每個(gè)方格單位再分成36個(gè)小格，這樣，一個(gè)印刷版面就有2304個(gè)小格組成，在這個(gè)嚴(yán)謹(jǐn)?shù)膸缀尉W(wǎng)格網(wǎng)絡(luò)中設(shè)計(jì)字體的形狀，版面的編排，試驗(yàn)傳達(dá)功能的效能，這是世界上最早對(duì)字體和版面進(jìn)行科學(xué)實(shí)驗(yàn)的活動(dòng)，也是柵格系統(tǒng)最早的雛形。網(wǎng)格系統(tǒng)又被稱為柵格系統(tǒng)、標(biāo)準(zhǔn)尺寸系統(tǒng)、程序版面設(shè)計(jì)、瑞士平面設(shè)計(jì)風(fēng)格、國(guó)際主義平面設(shè)計(jì)風(fēng)格，它可以把不同大小的文字和圖片編排在一起，形成整齊有秩序的視覺效果。

二、研究網(wǎng)格系統(tǒng)的目的和意義

設(shè)計(jì)師往往將網(wǎng)格系統(tǒng)作為一種秩序系統(tǒng)來將各種信息進(jìn)行整理和排列，使作品充滿數(shù)學(xué)邏輯美感，看起來更加的客觀和易懂。使用了網(wǎng)格系統(tǒng)的設(shè)計(jì)有著耐人尋味的特點(diǎn)，具有建設(shè)性、可供分析和理解的設(shè)計(jì)作品，不僅是設(shè)計(jì)師個(gè)性的彰顯，還是其設(shè)計(jì)能力和情感的體現(xiàn)。

板式設(shè)計(jì)中使用了網(wǎng)格系統(tǒng)，會(huì)使版面更加的秩序系統(tǒng)化和清晰化，使讀者一目了然抓住眾多信息中的重點(diǎn)，此時(shí)可注意力高度集中的揣摩關(guān)鍵信息，將理性的情感融入其中。這樣直接明了、清晰易懂的設(shè)計(jì)，在設(shè)計(jì)中具有著極為重要的意義。

快速傳遞關(guān)鍵信息是網(wǎng)格系統(tǒng)在版式設(shè)計(jì)中其中一個(gè)重要的作用，使用了網(wǎng)格系統(tǒng)的版面會(huì)富有邏輯感和清晰感，系統(tǒng)的分類各種信息，將主要的信息放在一目了然的位置，突出要表達(dá)的重點(diǎn)，次要的信息則放在次要的位置，這樣的板式內(nèi)容主次分明，更加的有層次和科學(xué)合理化。在排版過程中采用網(wǎng)格系統(tǒng)使各個(gè)視覺要素規(guī)范化、合理化， 讓排版中的內(nèi)容準(zhǔn)確、迅速的傳遞給需要的人群，這樣使得排版內(nèi)的內(nèi)容傳達(dá)的順序整潔有序、清晰易懂， 起到預(yù)期快速準(zhǔn)確傳遞和引導(dǎo)信息的作用。

網(wǎng)格系統(tǒng)另外一個(gè)作用則是使整體布局合理有效，排版過程中利用網(wǎng)格系統(tǒng)合理、科學(xué)的編排每個(gè)信息要素的布局，控制元素的數(shù)量和編排組合，使得編排設(shè)計(jì)中的字體大小、頁(yè)邊距、頁(yè)碼、版心、正文和標(biāo)題等內(nèi)容都得到一個(gè)合適的布局安排，使得閱讀變得更加快速和容易，讓信息更容易被理解和記憶，形成視覺統(tǒng)一。

三、網(wǎng)格系統(tǒng)中的要素

字距、行距以及行的長(zhǎng)度是否合適會(huì)直接影響到閱讀的方便程度，良好的排版會(huì)給人加深記憶的印象。例如，閱讀過程中，行距過窄，讀者無法將注意力集中某一行，就會(huì)讓文本變的難讀，甚至容易錯(cuò)行，眼睛容易被相鄰的行干擾，極大地降低了工作效率，閱讀十分不舒適導(dǎo)致疲勞感;而一個(gè)合適的行距，會(huì)讓閱讀的效率提高，甚至一目十行。

能否讓讀者輕松愉快的閱讀文本，欄寬也是影響力巨大的。我們的視力與書本的閱讀距離一般在30-35cm，欄寬必須對(duì)應(yīng)合適的文字字號(hào)，欄寬太長(zhǎng)會(huì)增加視力疲勞感，欄寬過短會(huì)干擾閱讀的流暢性，總是讓眼睛不停的變行會(huì)極大降低閱讀速度，分散讀者的注意力。

頁(yè)邊距會(huì)對(duì)版面的整體視覺感產(chǎn)生影響，頁(yè)邊距在版面中占的比例太小會(huì)讓版面太滿，容易使讀者產(chǎn)生煩躁感;頁(yè)邊距占的面積太大會(huì)浪費(fèi)版面的面積，傳達(dá)信息不夠豐富。和諧、合適的頁(yè)邊距會(huì)讓讀者閱讀時(shí)產(chǎn)生愉悅、輕松的舒適感，注意力更加集中的投入閱讀。頁(yè)碼設(shè)計(jì)在版心的中軸上，版面會(huì)顯得穩(wěn)重安全，頁(yè)碼在版心外部會(huì)讓版面更加活潑。

四、結(jié)語(yǔ)

在版式設(shè)計(jì)中運(yùn)用網(wǎng)格系統(tǒng)，可以快速、便捷的營(yíng)造一個(gè)好的視覺效果，有利于提高閱讀的效率，同時(shí)也可以設(shè)計(jì)出更加優(yōu)秀的作品。網(wǎng)格是一個(gè)非常實(shí)用的設(shè)計(jì)方法，它可以解決很多版式設(shè)計(jì)中出現(xiàn)的問題，網(wǎng)格系統(tǒng)的秩序性和標(biāo)準(zhǔn)化可以讓設(shè)計(jì)更加的具有邏輯性和視覺美感。使用網(wǎng)格系統(tǒng)進(jìn)行工作，意味著要遵循普遍、合理的原則。網(wǎng)格系統(tǒng)可以用更短的時(shí)間和更低的成本去解決問題。隨著世界的發(fā)展，人們不僅注重板式的內(nèi)容，也越來越注重排版的視覺美觀，運(yùn)用網(wǎng)格系統(tǒng)科學(xué)、秩序、合理的排版可以給讀者營(yíng)造更加舒適、愉悅的閱讀氛圍，有助于讀者對(duì)內(nèi)容的理解和記憶。

參考文獻(xiàn)：

[1]王卓輝.空藏萬(wàn)象， 別有洞天——對(duì)版式設(shè)計(jì)中空白意象的探究[D].浙江工商大學(xué)碩士學(xué)位論文， 2012.

[2]仲晨.平面設(shè)計(jì)——設(shè)計(jì)夢(mèng)想開始的地方[A]首屆中國(guó)高校美術(shù)與設(shè)計(jì)， 論壇論文集 （下） [C]， 2010.

[3][瑞士]約瑟夫·米勒–布羅克曼 .平面設(shè)計(jì)中的網(wǎng)格系統(tǒng)——上海人民美術(shù)出版社， 2016.7.1