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

　　學(xué)會和理解如何排版是成為一個設(shè)計大師超級重要的一部分。小編知道很多同學(xué)們平時在做排版設(shè)計的時候經(jīng)常是全憑感覺調(diào)了一兩個鐘頭后，自己都麻木了，判斷不了是好是壞，最后導(dǎo)出一張自己感覺貌似還可以的版本。為了避免這樣的問題，小編來教大家一個技巧就是排版助力，網(wǎng)格系統(tǒng)。

　　01 /頁邊距設(shè)置

　　在講網(wǎng)格之前，我需要先提一提頁邊距的問題。很多人在設(shè)計版式時都忽略了頁邊距，頁邊距是對版面整體效果產(chǎn)生很大的影響。頁邊距太小，會給人很壓迫，透不過氣的感覺，頁邊距過大又會導(dǎo)致文本稀疏，閱讀體驗不完整的感受。

　　先看看幾種常反的錯誤

　　第一種，頁邊距設(shè)置不合理導(dǎo)致版心偏高;

　　第二種，版心偏低，導(dǎo)致整體畫面下沉，且有種要掉出畫板的感覺，

　　第一二種的頁邊距設(shè)置是一樣的，所以這樣的設(shè)置不大合理。

　　第三種，是最最常見的，盡管設(shè)置頁邊距合理，但過于均勻?qū)ΨQ，會導(dǎo)致畫面呆板，總覺得缺少了點什么。

　　第四種，這種設(shè)置是比較合適的，我們的閱讀習(xí)慣是從左到右的，這樣的設(shè)置比較舒服。右邊間距比左邊大1倍，下邊的設(shè)置也是，比上邊大一倍。不過需要說明，設(shè)置前不盲目，還是要先判斷這樣的設(shè)置是否符合自己的設(shè)計需求，這個適合一般文學(xué)出版物，雜志，海報之類。

　　02 /8格網(wǎng)格用法

　　大家可以看到上面那個示例，把內(nèi)容分為8個版塊，這就是網(wǎng)格最基本的用法，叫做8格網(wǎng)格系統(tǒng)。

　　8格網(wǎng)格是最容易上手的，只需要通過對8種不同尺寸的圖片和文字信息進行組合，就可以解決許多簡單的問題，這時如果能再加上一點設(shè)計師的小小想象力，畫面就已經(jīng)很生動了。

　　8格網(wǎng)格一般已經(jīng)滿足了基本版式需求，上圖中，有4種窄長的圖和4種寬幅的圖片，根據(jù)實際情況配合設(shè)計，隨后唯一要注意的，就是設(shè)計選擇圖片和字體的能力了。

　　03 /20格網(wǎng)格用法

　　20格網(wǎng)格系統(tǒng)給設(shè)計師排版更多的可能性，拓寬了思路。

　　排版是的終極目標(biāo)，是信息整理和信息合理傳達，一級，二級，三級，讓閱讀者有一種滿意的視覺感受，而不是單純的視覺沖擊。

　　網(wǎng)格系統(tǒng)給我們一個科學(xué)的辦法來留白，國畫中留白講究的是氣韻、呼吸，而我們的版式中一樣需要呼吸，上面的例子中，段落與段落之間大量的留白，卻又有科學(xué)依據(jù)在背后支撐，雖然文字特別多，但是給人的感覺特別舒服。

　　當(dāng)有了網(wǎng)格之后，設(shè)計師在排版之前會有意識挑選圖片了，和按照比例需求進行裁切

　　如果圖片與圖片的間隔是均勻的，那么無論是圖大圖小，都是有一種舒適感。讀者的閱讀是可以引導(dǎo)的。

　　如果把上面這幾張版式抽象一下來看，其實就只有正方形和長方形，這樣簡潔利索的畫面會有一種大氣感。這里特別提醒，在圖片過渡到下一張圖或者下一段文本，中間可以加插一小句文字，不讓視覺跳躍太突兀。

　　其他20格網(wǎng)格系統(tǒng)使用案例

　　不管8格，20格，還是32格，沒有高級或者基礎(chǔ)之分，只有合不合適。選擇符合設(shè)計需求的網(wǎng)格系統(tǒng)，提高設(shè)計效率才是我們的目的。

　　平時多練一練，不至于在實戰(zhàn)的時候措手不及。慢慢的，你內(nèi)在的版式修為會蹭蹭蹭往上漲的。

　　8格網(wǎng)格一般已經(jīng)滿足了基本版式需求，上圖中，有4種窄長的圖和4種寬幅的圖片，根據(jù)實際情況配合設(shè)計，隨后唯一要注意的，就是設(shè)計選擇圖片和字體的能力了。

　　03 /20格網(wǎng)格用法

　　20格網(wǎng)格系統(tǒng)給設(shè)計師排版更多的可能性，拓寬了思路。

　　排版是的終極目標(biāo)，是信息整理和信息合理傳達，一級，二級，三級，讓閱讀者有一種滿意的視覺感受，而不是單純的視覺沖擊。

　　網(wǎng)格系統(tǒng)給我們一個科學(xué)的辦法來留白，國畫中留白講究的是氣韻、呼吸，而我們的版式中一樣需要呼吸，上面的例子中，段落與段落之間大量的留白，卻又有科學(xué)依據(jù)在背后支撐，雖然文字特別多，但是給人的感覺特別舒服。

　　當(dāng)有了網(wǎng)格之后，設(shè)計師在排版之前會有意識挑選圖片了，和按照比例需求進行裁切

　　如果圖片與圖片的間隔是均勻的，那么無論是圖大圖小，都是有一種舒適感。讀者的閱讀是可以引導(dǎo)的。

　　如果把上面這幾張版式抽象一下來看，其實就只有正方形和長方形，這樣簡潔利索的畫面會有一種大氣感。這里特別提醒，在圖片過渡到下一張圖或者下一段文本，中間可以加插一小句文字，不讓視覺跳躍太突兀。

　　其他20格網(wǎng)格系統(tǒng)使用案例

　　不管8格，20格，還是32格，沒有高級或者基礎(chǔ)之分，只有合不合適。選擇符合設(shè)計需求的網(wǎng)格系統(tǒng)，提高設(shè)計效率才是我們的目的。

　　平時多練一練，不至于在實戰(zhàn)的時候措手不及。慢慢的，你內(nèi)在的版式修為會蹭蹭蹭往上漲的。