設計分享 研習設 設計

Hello大家好，這里是研習設計分享。

時不時分享/新鮮/有趣/有料/設計資訊和案例，歡迎大家訂閱關注！~

預估閱讀時間：10分鐘

ME研習設小研研：今天，和大家深入淺出，帶你認識網格系統與版式設計。

掌握版式構圖，是每一位平面設計師的看家本領。學習排版，除了要有系統的理論知識做指導，還要學會在實踐中如何去運用。網格可將版面的構成元素如點線面協調一致的編排在版面上，網格系統在實際版式設計中具有比例感、統一感和準確感強烈等版面藝術特點，伴隨著當今時代信息量大而快速傳播的要求，網格系統在版式設計中已經越發引得人們的重視。

網格系統與版式設計

版式設計亦稱版面排版。所謂編排，即在有限的版面空間里，將版面構成要素——文字字體、圖片圖形、線條線框和顏色色塊等諸因素，根據特定內容的需要進行組合排列，并運用造型要素及形式原理，把構思與計劃以視覺形式表達出來。

版面設計是平面設計中重要的組成部分，也是一切視覺傳達、藝術施展的大舞臺，被廣泛地應用于報紙廣告、書刊、包裝裝潢、企業形象 (CI) 和網頁等領域。

圖片來源 網格系統 版式設計 平面設計 設計

一、柵格的概念

在進行版式設計之前，我們需要先了解和認識一個新的概念——柵格。柵格設計 (Grid) 又叫標準尺寸系統、程序版面設計及瑞士版面設計，是一種運用固定的格子設計版面的方法，即 ：利用頁面上預先確定好的網格，按照一定的視覺原則在網格內分配文字、圖片、標題等元素。英 語 中“Grid” 一 詞 源 自“Gridiron”的簡寫，意為格柵、網柵或網格。

柵格設計不是簡單地將文字、圖片等要素并置，而是遵循畫面結構中的相互聯系發展出來的一種形式法則。它的特征是重視比例、秩序、連續感和現代感。柵格設計成功的關鍵是，在仔細的計劃內，縱橫劃分版面的關系和比例。當我們把技巧、感覺和柵格這三者融合在一起靈活而創造性地進行設計時，就會產生精美大方，令人印象深刻的版面，并在整體上給人一種清新感和連續感，具有與眾不同的統一效果。同時，設計工作也因此更加方便，設計者不會再因圖與圖之間的距離，文字與圖之間的關系等方面的原因而傷腦筋。

圖片來源 網格系統 版式設計 平面設計 設計

二、的構成元素

當我們在進行版式設計的具體操作時，版面的構成元素是必須清晰認識和掌控的，它就像原料一樣，只有靈活地調整，并進行有機地排列組合，才能得到一個和諧而又平衡的版式。而這一切都必須建立在對內容和目的的深刻理解之上。

下面是一張版式設計要素的基本構成圖示，該圖可以讓我們更加直觀地了解版面的構成，同時也方便了我們在實際設計場景中靈活地變通和使用。

圖片來源 網格系統 版式設計 平面設計 設計

三、柵格應用到分欄的技巧

01雙欄

雙欄是最常見的一種分欄方法，掌握起來也比較簡單，易于上手。將頁面縱向等分為兩部分，圖片和文字均整齊劃一，整個頁面看上去相當規矩、統一、穩健，這些都是雙欄的顯著特點。雙欄可以相對完整、連續地展示文字和圖片，在視覺上更容易使讀者集中精力，達到很好的閱讀效果。

圖片來源 網格系統 版式設計 平面設計 設計

02三欄

三欄也是一種很常見的一種分欄方法。較之雙欄，三欄顯得更加靈活和富于變化。最主要的變化來自圖片。三欄中，圖片的表現方法比較靈活，通欄的大圖可以與占一欄或兩欄的小圖并存。從三欄起，我們就要逐步建立一個“并欄”的概念。并欄就是在劃分好欄數之后，將其中的若干欄并作一體，與其它欄一起表現出來，形成一個整體。

圖片來源 網格系統 版式設計 平面設計 設計

03四欄

四欄可以看作是雙欄的演變和擴展，其將頁面以中心對稱等分四欄，看起來比較自然、舒服，符合一般大眾的視覺心理和喜好。需要注意的是，由于將頁面四等分，欄的寬度變窄，在視覺上其實并不適合連續閱讀。因此，四欄的排法常用于那些短小精悍的信息類欄目和文章，如產品介紹、最新動態、書評等。

當然，這也不是一成不變的。有些篇幅較長的文章由于圖片量大，文字信息量也很大，亦可采用四欄的排法。

圖片來源 網格系統 版式設計 平面設計 設計

04五欄

在熟練理解和掌握了用兩欄、三欄和四欄將頁面等分之后，更多的分欄可通過適當演變，進入更加靈活的版式。五欄或更多欄的版式將更頻繁地使用并欄的技巧。現今，很多報紙多采用了五欄的排法，但雜志版面一般不使用那么“明顯”的五欄，而是將五欄的版面通過并欄手段，實現一種對頁面“不均衡”的分配。這種排法，看似破壞了頁面的平衡或穩定，但由于巧妙并欄，圖片或文字的排法更加靈活多變，同時又不失一定的章法和原則，若掌握得好，也可以做出賞心悅目的頁面。另外，將五個單欄排列組合，也可以形成左兩欄加右三欄的格局，用數字表示的話就是“23 并欄”，同樣，亦可形成左三欄加右兩欄的變化，即“32 并欄”。

圖片來源 網格系統 版式設計 平面設計 設計

總之，靈活運用并欄的技巧，更多的分欄(六欄、七欄……)也可以創造出豐富多樣、嚴謹有序的版面。可靈活運用上述方法，以此類推，如六欄亦可視為大三欄，八欄亦可視為大四欄或大兩欄。

圖片來源 網格系統 版式設計 平面設計 設計

四、柵格設計是版式設計的基礎

版式設計應該遵循建立在柵格基礎上的實用原則，而不僅僅只注重創意。具有創意的版式設計，但仔細觀察之下，卻大多經不住推敲。有時候我們并不缺乏創意，相反，缺少的是嚴謹。大家對柵格系統還缺乏足夠的重視，因此更談不上熟練應用了。

柵格設計系統是一種實用的工具和手段，是版式設計的前提和基礎，只有在領會了它的精髓之后，我們才能在實際設計中創作出更加嚴謹、經得起推敲的作品。

寫在最后

版式設計可以說是平面設計的基礎，是設計師必須掌握的基本功之一。無論是平面設計、還是PPT、網頁設計、廣告設計，沒有好的排版，信息傳達就會受阻，更談不上這是一件好的設計作品。版式設計是拉開平面設計師之間差距的地方。

總結

以上是生活随笔為你收集整理的平面设计中的网格系统pdf_深入浅出，带你认识网格系统与版式设计的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。