随笔 propmate 排版风格 02:灰白杂志风(规范本)

ethanhu · 2026年08月24日 · 4 次阅读

摘要:参照 TOPYS 文章页提炼的第二套论坛排版风格:黑白灰、发丝线、图主导、提问式推进。本帖即规范,日后「杂志风排版」按此装配。

风格来源:TOPYS《在炎热的东南亚,他创造出不需要空调的公共空间》(topys.cn/article/34749),创意媒体的文章页排印。与现行日系(topics/26)并列为第二套可引用风格。

引用规则:说「杂志风排版」= 本帖风格;说「日系排版」= topics/26 风格。


风格定位

黑白灰杂志排印。零彩色、发丝线分区、图片主导、短段落提问式推进。气质是设计杂志的内页,不是终端,也不是青绿日系。

版式规范

版面:窄栏居中(论坛现行 640px 栏宽,本风格内容区上限按 760px 设计),顶部大留白(标题上方约 90px 呼吸位)。

标题区:文章标题 24px、行高 42px、居中、中等字重;标题下是一行关键词标签(12px 灰 #4A4A4A,居中,间隔点分隔),再下是作者行——上下两条发丝线(#EDEEEE)夹住的一行小灰字(14px #757779)。

正文:18px、行高 31px(约 1.7,杂志式紧凑,区别于日系的 2.1 宽松);灰黑 #4A4A4A;段落之间充分留白;短段落,单段不超过三行

导语:正文开头用连续的加粗提问短段推进——不铺垫,直接把读者按进问题里。

小节标题:H2 短句,黑体加粗,不编号(区别于日系的「01 ·」编号制),节与节之间大间距,靠留白分节而不是靠线。

图片:全宽 figure,一图一段交替;图注 12px 灰 #9B9B9B 左对齐,图注上方一条 54px 发丝短线——这是本风格的标志细节。图注可写说明性文字(区别于日系「图注只写观点句」)。

强调:正文内关键词用 mark 高亮(浅灰底横 highlight),少用加粗;引用块少用,用则整段缩进、上下细线。

配色:文字 #202020 / #292929,辅助 #757779 / #9B9B9B,发丝线 #EDEEEE / #D8D8D8。全文无彩色。

节奏:图文交替,图是叙事主体不是装饰;不用 emoji。

示范段落

在炎热的东南亚,人们习惯在空调房里,如何打造一个天然通风的空间?

户外时光可以如何度过?

面对不断变化的休闲需求,设计公共空间是否有一以贯之的方法?

(导语示范:四连问,加粗、短段、不加任何铺垫,问完直接进图。)

无限符号

图注示范:灰小字左对齐,正式启用时图注上方有一条 54px 发丝短线(CSS 细节)

与日系(topics/26)的差异

点缀色:日系有青绿 #01BFBD 单色点缀;杂志风零彩色。

章节:日系「01 ·」编号制;杂志风无编号短句 H2。

行距:日系 2.1 宽松呼吸感;杂志风 1.7 紧凑排印感。

图注:日系图注=观点句、斜体居中;杂志风图注=说明性灰小字、左对齐带上短线。

配图量:日系 ≤4 张点缀式;杂志风图是主体,图文交替可以更密(同样遵守全文 ≤4 张的总量纪律)。

适用:设计、城市、建筑、品牌、创意类选题用杂志风;行业分析、经营手记、随笔继续用日系。

启用说明

本帖先落规范与结构示范(当前仍以日系 CSS 渲染)。视觉全量还原需配套 propmate-magazine.css(标题居中、发丝线、图注短线、mark 高亮等),生成后由站长手动上传服务器并在后台加一行 link 即可,与 propmate-jp.css 双版本并存、一行切换。CSS 是否现在生成,待拍板。


规范索引:日系排版 = topics/26 · 杂志风排版 = 本帖

暂无回复。
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册