2022k先生版式训练营第16期

这套资料是 k 先生版式训练营第 16 期的完整录屏，主题非常聚焦：版式结构与字体排印。它不涉及后端代码，也不讲框架，核心价值在于把「画面为什么这样排」这件事拆成可复用的判断规则。对于做前端界面、文档排版、PPT、海报甚至代码注释排版的人来说，它提供的是一套视觉信息组织的方法，而不是软件操作手册。

它到底在讲什么

课程从版式设计中的主体与层级切入，围绕两个轴线展开：一是版面内元素的主次关系，二是字体本身的选型与排布。主体与层级部分会反复处理同一个问题——当一页里同时存在标题、正文、图注、装饰元素时，视线应该先落在哪、再落到哪。这个判断不靠感觉，而是通过大小对比、位置关系、留白比例、色彩权重来落地。字体部分则落在字重、字距、行距、中英文混排、字体气质与内容匹配这些具体项上，属于可以写成检查表的那类知识。

内容结构怎么组织

资料按「预习 + 正课」的方式推进，预习课先建立主体与层级的基本判断，后面逐步进入字体使用和案例拆解。每一节基本都是先给原理，再拿实际版面做对照修改，能直接看到调整前后的差异。这种「先讲判断依据、再动手改」的顺序，比只看成品图更有参考价值，因为你能看到中间被否掉的那些方案。案例覆盖海报、封面、内页排版等常见场景，改动点通常集中在几个关键参数上，便于对照自己的项目复现。

适合拿来对照实践的部分

• 层级检查：拿到一个版面，先标出主体，再看其余元素是否按预期退让，适合用在页面首屏和文档封面。
• 字体决策：根据内容调性选字族和字重，而不是先选好看的字体再硬套内容。
• 参数落地：行距、字距、段间距的具体取值区间，可以直接搬到网页 CSS 或设计稿里试。
• 改稿思路：看讲师如何指出问题、给出替代方案，这套修改逻辑可以迁移到自己的评审流程。

建议的使用方式

不要连续刷完。挑一节，先暂停在原始版面上，自己动手排一版，再对照讲师的修改方向。重点记录两件事：你判断主体时依据了什么，以及调整后层级是否真的变清晰。对于写前端的人，可以把每节的结论转成一组可复用的样式约定，比如标题与正文的字号比例、行高范围、留白规则，落到组件库或文档模板里。这样这套录屏就不只是观看内容，而是能进入你日常产出的参考依据。

自学路径上的位置

如果你已经能熟练使用设计工具，但说不清为什么某个版面「看起来别扭」，这份资料正好补上判断标准这一层。它不教你软件按钮，也不承诺速成审美，提供的是可讨论、可验证的排布规则。把它当作一套结构化的案例库，配合自己的实际项目反复对照，比单纯看视频更容易留下可复用的经验。