RISO 印刷工艺笔记

§01 RISO 是什么

Risograph 是一种孔版数码印刷机：每种颜色对应一只独立的油墨滚筒，纸张过一次机只能印一色，多色作品要换鼓、重新走纸、再印一遍。两次走纸之间纸张的位置永远对不齐——于是有了 RISO 最著名的视觉签名：套印未准（misregistration）。

对传统印刷来说这是故障，对 RISO 爱好者来说这是风格。本站整个视觉系统就建立在这个前提上：7 是一个套印时偏移到数字键区的 t。

§02 套印未准的数字模拟

核心手法只有一个：同一内容叠两层，上层换成朱红并偏移几个像素，再用 mix-blend-mode:multiply 让两层像油墨一样透叠而不是互相遮盖。首页字标就是这么做的：

.layer.v{position:absolute; left:0; top:0; color:var(--verm); transform:translate(5px,-4px); mix-blend-mode:multiply;}
.layer.k{position:relative; color:var(--ink)}
/* hover 时上层归位 = 「套准」的一瞬间 */
.logo:hover .layer.v{transform:translate(0,0)}

偏移量是手感活：太小看不出双层，太大像排版事故。经验值在字号的 3%–6% 之间，且 x / y 方向不要等值——真实走纸的偏差从来不是对称的。

§03 油墨叠加与混色

multiply 之所以是正确选择，是因为它在数学上就是减色混合：两层颜色相乘，结果只会更深，正如两层半透明油墨叠在纸上。朱红叠墨黑得到的不是紫灰，而是更沉的深墨——和实际印刷一致。

注意墨黑不是 #000，纸底不是 #fff——RISO 的「黑」是偏暖的深棕墨，「白」是米色再生纸。纯黑白会立刻暴露屏幕味。

§04 纸感：噪点与半调网点

孔版印刷的墨面永远带颗粒。数字端用两张固定覆盖层还原：一层 SVG feTurbulence 噪点模拟油墨颗粒，一层 radial-gradient 圆点阵模拟半调网（halftone）：

/* 噪点：SVG 分形噪声，multiply 压在整页上 */
.noise{position:fixed; inset:0; opacity:.07; mix-blend-mode:multiply; background-image:url("data:image/svg+xml,...feTurbulence...")}
/* 半调网点：7px 间距的 1px 圆点阵 */
.half{position:fixed; inset:0; opacity:.5; background-image:radial-gradient(rgba(22,19,15,.05) 1px,transparent 1px); background-size:7px 7px}

两层的不透明度都压得很低（.07 / .5×.05）。纸感是背景音，不是主唱——调大一档就会从「印刷品」变成「脏屏幕」。

§05 鬼影与走纸痕

RISO 还有两种常见瑕疵可以借用：鬼影（ghosting，滚筒残墨把上一张的图案淡淡印到下一张）和走纸痕。前者在本站是 hover 字标时闪现的模糊 t——被偏移之前的原字短暂显形；后者做成了一条循环下移的朱红扫描线。它们都只做装饰性动画，且在 prefers-reduced-motion 下停用。

§06 局限与取舍

• 真 RISO 的偏移每张都不一样；CSS 的偏移是确定值。可以用随机数生成，但刷新即变反而显得廉价——固定一组「印坏得刚刚好」的参数更像样张。
• 油墨的荧光感（RISO 经典的荧光粉、荧光橙）在 sRGB 屏幕上只能近似，广色域屏可以用 color(display-p3 …) 渐进增强。
• multiply 图层一多，低端设备合成开销上升——本站控制在字标双层 + 两张全局覆盖层。