網格系統有很多小伙伴都問過，我也考慮想詳細講解一下這個東西，但是說起來難度真的不算特別小。畢竟《平面設計中的網格系統》用我了將近二百頁的圖文才說清楚的事情，靠我一篇文章的簡單總結肯定是不到位的。其實我也很怕大家學出偏差，感覺會才是最大的錯誤，因為這樣就不會再去深入學習了。

所以我根據自己的理解出這樣一個壓縮版的網格系統，肯定不如原版嚴謹，但是絕對好用，而且能加深你對于結構思維的理解，好啦閑話不多說，下面開始今天的內容。

結構思維是非常重要的，我們這個丐版的網格系統就是基于結構思維的使用。下面列出的就是結構思維的步驟圖。光看文字肯定不知道說的是啥，下面給大家找作品反推一下。

首先劃分網格，這個網格劃分的越多整體設計就越精細，因為可分的模塊就越多，沒有什么具體的數值，是 3*3 的 4*6 的等等都無所謂。

如果有小伙伴不知道參考線怎么建立可以看這個步驟圖，已經給大家羅列好了。

然后下一步我們就要進行分析了，乍一看你覺得它是幾乘幾的？

左右差不多顯然就是 1:1 的比例，整體就是一個 2*6 的簡單劃分。

那么重點來了，我們基于這個網格結構先做大塊的結構劃分，上下先分開，上面兩個塊面并在一起，然后下面再左右分開進行細分，圖文分離，最下面放一些合作商。

最后一步就是在細分后再次細分，可以看到就是不斷割開網格的過程。

那么再來一個找找感覺。

這個顯然左右就是 1:2，所以網格的劃分基本就是 3:*4 左右，這個數值其實也不是那么精確，所以大家一定要明確一點，丐版的網格系統不是為了解決精確的設計位置，而是解決大致的位置和培養結構思維。

這個就是他的結構流程圖，可能它原本不是這么想的，但是這個結構思維可以幫助我們理解~

這個是咱們簡易版網格系統的使用要點，這個圖我建議保存一下。

運動行業的設計選擇暗色調聚焦感會更好，設計整體不宜太穩定應該盡可能靈活的綜合設計元素，可以考慮使用對角構圖。

信息分組做好，按照標題組，功能組還有閱讀組劃分。

我們選主體的時候一定時候一定要注意，要選用具有明顯動勢的

修改背景色為暗色調，我個人建議不要使用純黑色。

解決右上角的結構框，把標題擺放上去，大致給空間占上就可以。

組合一下標題，壓縮標題左側的結構框，這里要提到一個關于網格的點，就是區域內的結構劃分越多越復雜，整體也就越豐富，難度也就更大一些。

把主體和其他信息擺放在畫面里。

移動塊面擺放信息。

把信息符號化占據結構的空間，經常有小伙伴問我如何做信息符號化，除了大量的參考就是要知道你的空間需要你把信息做到什么方向去。

剛才內文被擠得沒位置了，直接改變排放趨勢變成豎排放在主體的左側。

添加信息把標題左側的小空間解決。

設計做到這一步就需要分析問題，藍色區域顯然是形式感不足因為他是標題，標題沒刻畫起來而讓其他的信息形式豐富，會造成其他信息“搶鏡”的情況。

紅色區域就是空間問題了。

給標題添加一些形式，這里大家思考一下我這么設計的理由是什么。

主要就是為了讓標題和主體有一個能建立起一個除了前后疊壓以外的關聯關系。

首先是人物的手臂處做了一個紅色的環境受光處理，人物的上衣修改為紅色與標題建立色彩的關聯，這就是強化標題時候的思路。

后面有很多小的碎的空間，其實就不如用一個完整的大塊疊壓解決。

把弄好的強化形式放進主體里，可以看出畫面一下就完整了很多。

人物的腿部加上我們的標語，后面的強化形式可以直接延長調整圖層順序到主體的一條腿前面，這樣能讓背景和主體建立連接還能承載信息增加空間感。

稍微強化一下背景的光感，增加層次。

用撕紙的素材來解決這些細碎的空間。

整體添加一些做舊的肌理，可以讓畫面看起來更有質感。

最后加上一個樣機，就完成了~

本篇文章我們學習了如何處理一張人物海報，知道了很多畫面設計時候的細節以及信息符號化的方法。

歡迎關注作者微信公眾號：「視研設」