本文授權轉自：版式設計很簡單（ID：format_design）

網格要怎樣用？很多設計師在面對“網格”時常感到困惑。其實，網格是一個能幫助我們規范設計、提升效率的工具。那么今天我就按照個人工作的經驗，給大家說說在畫冊編排中，怎樣運用網格來輔助圖文布局，讓版面更精致有條理。

▲ 這是畫冊的開本，我們看到里面的線，所構成的就是一個網格系統。也就是說利用頁面上我們預先確定好的網格，按照一定的視覺原則，在網格內分配文字和圖片。那么這些線，在版面有什么功能呢？

●版心

我們看到中心紅色部分就是版心。版心就像頁面中的“框架”，將信息內容在這安全的框架范圍內進行設計，使頁面顯得整齊有條理，更適合讀者閱讀。

▲ 當版心出現之后，頁面四周留有空白的邊距區域。邊距的存在使頁面布局更加均衡和整潔，讓讀者的視線更集中在版心內容上，提高閱讀的舒適度。另外，這些邊距在書籍畫冊中具有重要的作用，可以用來放置頁眉、頁腳、頁碼等附加信息，方便讀者查閱。

▲ 版心的設置沒有唯一不變的標準和方法，而頁面的尺寸和信息量是確定版心大小的主要因素。我們可以按所編排的內文字號、行間距作為基準，來設定合適的版心尺寸。將文字填滿頁面后，以所選取字號與行間距的關系，可以清晰而準確地劃定版心大小和位置。

設置合適的版心之后，然后合理確定網格類型。網格的類型有很多，選擇合適自己的就可以，這里將介紹分欄網格的運用。

●分欄網格

分欄網格是指把版面分成若干欄，以此為基礎的網格系統，它也是常用的網格類型。分欄網格包括雙欄網格、三欄網格、四欄網格等。設計師可以根據需要定義欄數量、欄寬度和欄間距，以創建自定義的分欄網格系統。

▲ 垂直欄（列）由垂直線條組成，類似表格中的列，用于編排橫排文字。水平欄（行）由水平線條組成，類似表格中的行，用于編排堅排文字。

雙欄網格（均等兩欄）

雙欄網格相比于單欄網格更具靈活性，能有效地控制內容分布在兩欄中，更好地劃分不同的信息區域，提供更多不同的版式選擇，增強版面的變化。另外，雙欄的寬度可以均等或者不均等， 從而讓面面呈現出更加豐富的變化、具有更大的靈活性。

雙欄網格（不均等兩欄）

雙欄不均等網格是兩欄的欄寬不相等，優勢在于能更加靈活地改變版面設計。較寬的一欄用于連續性的文本設計，向讀者呈現連貫的文字內容。而窄小的一欄可以放置主標題、圖片說明文字、 圖像或表格等信息。

三欄網格

三欄網格是將版面劃分為三個垂直欄，編排相比于兩欄網格的編排更為靈活和豐富，文字、圖像可以占據單獨的欄，也可以跨越多個欄。這樣做可以提升元素之間的變化感，增加面面的節奏性。

四欄網格

四欄及四欄以上的網格可以被稱為多欄網格系統。它具有復雜的網格結構，能創造出豐富多樣的頁面版式。雖然欄數增多了，但不需要將所有欄的空間填滿，應控制版面的留白。多欄網格系統一般適用于書籍、雜志、報紙、多信息編排或創意設計的項目。

好啦，關于網格的內容就分享到這里

文章轉載：版式設計很簡單，版權歸原作者所有

原文鏈接：https://mp.weixin.qq.com/s/cCCpTVlFyYIiVHLu6e8ySQ

版權聲明：“IXDC”所推送的文章，除非確實無法確認，我們都會注明作者和來源，本公眾號對轉載、分享的內容、陳述、觀點判斷保持中立，不對所包含內容的準確性、可靠性或完善性提供任何明或暗示的保證，僅供讀者參考。部分文章推送時未能與原作者取得聯系，若涉及內容或作品等版權問題，煩請原作者聯系我們，給出內容所在的網址并提供相關證明資料，我們會核查后立即更正或者刪除有關內容！本公眾號不承擔任何責任，并擁有對此聲明的最終解釋權。

聯系微信：18802086168

聯系電話：18802086168

編排 | 巫 歡

終審 | 蘇 菁

點這里，學習更多設計知識！