實名感謝研習設K先生和各位老師，本系列的學習筆記内容脫胎于研森的《K16版式訓練營》課程，研森團隊的老師和助教是我見過最負責最用心的團隊，沒有之一。為了能将珍貴的學習内容消化的更加徹底，通過“輸出倒逼輸入”、“以教為學”的方式反複吸收，再次感謝K先生和各位研習設的老師。

00-學習目标：使用網格系統的思路，怎麼去用！

很多同學見過，但不會用。

不用的時候，做的設計還行，一用網格，反而做不好，這是因為對網格的理解太淺，不會用。

作業問題5-圖片處理（錯誤示範，設計中需要避免的問題）

• ①圖片大小邏輯；（重要的放大，次要的縮小；内容多的放大，内容少的縮小；）
• ②圖片裁切；（作品不可裁切，導緻展示不完整，影響作者的傳達）
• ③圖片方向；（不可随意更改，影響内容傳達和閱讀）
• ④壓扁、壓縮；（不可壓扁、壓縮，比例失調很醜）
• ⑤提取元素；（不可随意提取元素放大，放大要考慮元素的功能，無意義放大不做）

作業問題6-顔色

• 這裡的顔色指的是文字的灰度，盡量用黑色。
• 如果我就是想用95%的黑，可不可以？那要看你的目的是什麼？如果你是想要柔和一點的黑，那可以用，沒有邏輯的亂用就算了。
• 我們要用字重去調節字體的灰度，不要使用黑色的透明度去調，多色彩的搭配不在此範圍之内，需要另說。

00-什麼是網格系統？

• 網格是參考線，且成組。我們可以理解成多條參考線橫縱向交錯成網狀，叫網格。
• 網格系統有什麼用？
• ①輔助對齊； ②提高效率； ③規劃版面
• 我們對網格系統的誤區：原來我不會做設計，用了網格就會做設計了。
• 真實：網格是輔助工具，輔助設計師将想法更規範、高效地實現出來。面對空白版面，我們有了入手點，在一定範圍内做嘗試，而不是随意安排，沒有邏輯。

01-規劃版心

• 版心：内容排版的範圍，也就是排版的空間；在畫冊排版中，我們看每頁内容都在一定範圍内，就很規範、美觀。
• 頁邊距：版心之外的區域就是頁邊距，頁邊距也可以排内容：頁碼、頁眉頁腳，他們每頁都是固定不變的，方便排版。
• 頁邊距的功能：防止内容被裁切；好看美觀；

02-版心繪制

• 版心率=版心面積÷整個頁面面積
• 版心率大——内容豐富；适用于：雜志、畫冊、大圖；
• 版心率小——内容單一，追求閱讀舒适性；适用于：純文字類，書籍、小說；
• 内邊距大——防止文字被吃進裝訂縫隙，保證文字閱讀舒适性。
• 隻要邏輯上站住腳，外邊距，内邊距都可以大。
• 看到好的版心，分析邊距比例，就可以借鑒到自己的版面上，對開本大小不限制。
• 版心越大，頁邊距越小；版心越小，頁邊距越大。

總結：

• 我們做的設計項目不一樣，策略就不一樣；
• 想要版心率大的版面，頁邊距參考值10mm左右；
• 想要版心率小的版面，參考比例：3:4:5:8.
• 參考數值不是鐵律，要靈活變通，都是可以調整的，以最終視覺效果為主。

03-網格系統（分欄）

作業問題8-網格

• 沒有網格的思路，沒有分欄的概念——通行排
• 左右兩欄差不多，又不完全一樣；
• 通欄排的問題：留白細長、瑣碎、文字不成塊；
• 網格用的太死闆，強行将一段文字分成多欄，為了用網格而用網格，忽略了輸出結果。
• 通欄：大塊長條留白，行長太長，讀起來很累，不建議用；
• 行長太短，會導緻頻繁換行。
• 所以，給出一個正文單行字數參考值：16-40個字（大面積閱讀，保證舒适性）

分欄設置：版心框選中——對象——路徑——分割為網格——設置欄間距：5mm左右（ID軟件設置2個字單位）

• 多欄網格都是一樣的方法，唯一不同的是代下欄比例不同，欄數越多，可變化性就越多。
• 網格可以給我們很多思路，變化性非常多，在規則内排版，網格可以幫助我們提高效率，幫助規劃版面。
• 橫欄——當主體内容都排好了再分。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!