频宽模式设计（设计师的必修课）

实名感谢研习设K先生和各位老师，本系列的学习笔记内容脱胎于研森的《K16版式训练营》课程，研森团队的老师和助教是我见过最负责最用心的团队，没有之一。为了能将珍贵的学习内容消化的更加彻底，通过“输出倒逼输入”、“以教为学”的方式反复吸收，再次感谢K先生和各位研习设的老师。

00-学习目标：使用网格系统的思路，怎么去用！

很多同学见过，但不会用。

不用的时候，做的设计还行，一用网格，反而做不好，这是因为对网格的理解太浅，不会用。

作业问题5-图片处理（错误示范，设计中需要避免的问题）

• ①图片大小逻辑；（重要的放大，次要的缩小；内容多的放大，内容少的缩小；）
• ②图片裁切；（作品不可裁切，导致展示不完整，影响作者的传达）
• ③图片方向；（不可随意更改，影响内容传达和阅读）
• ④压扁、压缩；（不可压扁、压缩，比例失调很丑）
• ⑤提取元素；（不可随意提取元素放大，放大要考虑元素的功能，无意义放大不做）

作业问题6-颜色

• 这里的颜色指的是文字的灰度，尽量用黑色。
• 如果我就是想用95%的黑，可不可以？那要看你的目的是什么？如果你是想要柔和一点的黑，那可以用，没有逻辑的乱用就算了。
• 我们要用字重去调节字体的灰度，不要使用黑色的透明度去调，多色彩的搭配不在此范围之内，需要另说。

00-什么是网格系统？

• 网格是参考线，且成组。我们可以理解成多条参考线横纵向交错成网状，叫网格。
• 网格系统有什么用？
• ①辅助对齐； ②提高效率； ③规划版面
• 我们对网格系统的误区：原来我不会做设计，用了网格就会做设计了。
• 真实：网格是辅助工具，辅助设计师将想法更规范、高效地实现出来。面对空白版面，我们有了入手点，在一定范围内做尝试，而不是随意安排，没有逻辑。

01-规划版心

• 版心：内容排版的范围，也就是排版的空间；在画册排版中，我们看每页内容都在一定范围内，就很规范、美观。
• 页边距：版心之外的区域就是页边距，页边距也可以排内容：页码、页眉页脚，他们每页都是固定不变的，方便排版。
• 页边距的功能：防止内容被裁切；好看美观；

02-版心绘制

• 版心率=版心面积÷整个页面面积
• 版心率大——内容丰富；适用于：杂志、画册、大图；
• 版心率小——内容单一，追求阅读舒适性；适用于：纯文字类，书籍、小说；
• 内边距大——防止文字被吃进装订缝隙，保证文字阅读舒适性。
• 只要逻辑上站住脚，外边距，内边距都可以大。
• 看到好的版心，分析边距比例，就可以借鉴到自己的版面上，对开本大小不限制。
• 版心越大，页边距越小；版心越小，页边距越大。

总结：

• 我们做的设计项目不一样，策略就不一样；
• 想要版心率大的版面，页边距参考值10mm左右；
• 想要版心率小的版面，参考比例：3:4:5:8.
• 参考数值不是铁律，要灵活变通，都是可以调整的，以最终视觉效果为主。

03-网格系统（分栏）

作业问题8-网格

• 没有网格的思路，没有分栏的概念——通行排
• 左右两栏差不多，又不完全一样；
• 通栏排的问题：留白细长、琐碎、文字不成块；
• 网格用的太死板，强行将一段文字分成多栏，为了用网格而用网格，忽略了输出结果。
• 通栏：大块长条留白，行长太长，读起来很累，不建议用；
• 行长太短，会导致频繁换行。
• 所以，给出一个正文单行字数参考值：16-40个字（大面积阅读，保证舒适性）

分栏设置：版心框选中——对象——路径——分割为网格——设置栏间距：5mm左右（ID软件设置2个字单位）

• 多栏网格都是一样的方法，唯一不同的是代下栏比例不同，栏数越多，可变化性就越多。
• 网格可以给我们很多思路，变化性非常多，在规则内排版，网格可以帮助我们提高效率，帮助规划版面。
• 横栏——当主体内容都排好了再分。