实名感谢研习设K先生和各位老师,本系列的学习笔记内容脱胎于研森的《K16版式训练营》课程,研森团队的老师和助教是我见过最负责最用心的团队,没有之一。为了能将珍贵的学习内容消化的更加彻底,通过“输出倒逼输入”、“以教为学”的方式反复吸收,再次感谢K先生和各位研习设的老师。
00-学习目标:使用网格系统的思路,怎么去用!
很多同学见过,但不会用。
不用的时候,做的设计还行,一用网格,反而做不好,这是因为对网格的理解太浅,不会用。
作业问题5-图片处理(错误示范,设计中需要避免的问题)
- ①图片大小逻辑;(重要的放大,次要的缩小;内容多的放大,内容少的缩小;)
- ②图片裁切;(作品不可裁切,导致展示不完整,影响作者的传达)
- ③图片方向;(不可随意更改,影响内容传达和阅读)
- ④压扁、压缩;(不可压扁、压缩,比例失调很丑)
- ⑤提取元素;(不可随意提取元素放大,放大要考虑元素的功能,无意义放大不做)
作业问题6-颜色
- 这里的颜色指的是文字的灰度,尽量用黑色。
- 如果我就是想用95%的黑,可不可以?那要看你的目的是什么?如果你是想要柔和一点的黑,那可以用,没有逻辑的乱用就算了。
- 我们要用字重去调节字体的灰度,不要使用黑色的透明度去调,多色彩的搭配不在此范围之内,需要另说。
00-什么是网格系统?
- 网格是参考线,且成组。我们可以理解成多条参考线横纵向交错成网状,叫网格。
- 网格系统有什么用?
- ①辅助对齐; ②提高效率; ③规划版面
- 我们对网格系统的误区:原来我不会做设计,用了网格就会做设计了。
- 真实:网格是辅助工具,辅助设计师将想法更规范、高效地实现出来。面对空白版面,我们有了入手点,在一定范围内做尝试,而不是随意安排,没有逻辑。
01-规划版心
- 版心:内容排版的范围,也就是排版的空间;在画册排版中,我们看每页内容都在一定范围内,就很规范、美观。
- 页边距:版心之外的区域就是页边距,页边距也可以排内容:页码、页眉页脚,他们每页都是固定不变的,方便排版。
- 页边距的功能:防止内容被裁切;好看美观;
02-版心绘制
- 版心率=版心面积÷整个页面面积
- 版心率大——内容丰富;适用于:杂志、画册、大图;
- 版心率小——内容单一,追求阅读舒适性;适用于:纯文字类,书籍、小说;
- 内边距大——防止文字被吃进装订缝隙,保证文字阅读舒适性。
- 只要逻辑上站住脚,外边距,内边距都可以大。
- 看到好的版心,分析边距比例,就可以借鉴到自己的版面上,对开本大小不限制。
- 版心越大,页边距越小;版心越小,页边距越大。
总结:
- 我们做的设计项目不一样,策略就不一样;
- 想要版心率大的版面,页边距参考值10mm左右;
- 想要版心率小的版面,参考比例:3:4:5:8.
- 参考数值不是铁律,要灵活变通,都是可以调整的,以最终视觉效果为主。
03-网格系统(分栏)
作业问题8-网格
- 没有网格的思路,没有分栏的概念——通行排
- 左右两栏差不多,又不完全一样;
- 通栏排的问题:留白细长、琐碎、文字不成块;
- 网格用的太死板,强行将一段文字分成多栏,为了用网格而用网格,忽略了输出结果。
- 通栏:大块长条留白,行长太长,读起来很累,不建议用;
- 行长太短,会导致频繁换行。
- 所以,给出一个正文单行字数参考值:16-40个字(大面积阅读,保证舒适性)
分栏设置:版心框选中——对象——路径——分割为网格——设置栏间距:5mm左右(ID软件设置2个字单位)
- 多栏网格都是一样的方法,唯一不同的是代下栏比例不同,栏数越多,可变化性就越多。
- 网格可以给我们很多思路,变化性非常多,在规则内排版,网格可以帮助我们提高效率,帮助规划版面。
- 横栏——当主体内容都排好了再分。
,