元素实验室

元素实验室Element Lab

网页组件、图形和照片怎样融入瑞士风格、Riso 和半色调设计？“改造”模式逐项调整配色、线条和网点，对照改造前后的变化；“组合台”可自定义一个或两个元素，尝试单元素处理和双元素组合。各项说明附有参考来源。When an element feels out of place in a Swiss / Riso / halftone design, it usually has not gone through the same print pipeline. Translate takes one element through the steps, each switchable, and checks what still does not fit and where each rule comes from; the Composer lets you define one or two elements and try single-element moves and ways to combine them.

规则启用情况Fit check (after)

模式Mode MODE

“改造”模式逐步调整现成示例的印刷风格；“组合台”由你设置元素内容，既可处理单个元素，也可比较两个元素的组合效果。Translate takes a ready-made element into the print style step by step; the Composer lets you define one or two elements yourself and try single-element moves and ways to combine two.

元素Element ELEMENT

选择网页组件，或几何图形、实物、照片、手绘等视觉元素。页面会显示适用于当前类型的调整步骤。Web components come from software interfaces; visual elements come from digital drawing, 3D rendering and cameras. They look out of place for different reasons, so the steps differ.

网页组件Web components

视觉元素Visual elements

改造方案Translation SCHEME

配色Inks

调整步骤Steps STEPS

步骤右侧标注参考来源：印前是印厂或工作室的文件准备建议，设计是 Isotype、IBM 等视觉系统的设计方法，本页是为本实验设计的做法。Each step is tagged with its source: Press = print-shop file specs, System = methods from Isotype, IBM and other unified visual languages, This page = this lab's own synthesis.

参考资料References

印前要求与建议Press constraints: what prints well

Preparing your files for RisographGood Press · 建议小字与细线使用单色，字号不小于 8 pt；避免大面积满墨色块和反差过低的照片Good Press · thin lines and small text across layers blur; one ink and at least 8 pt for text; large flat areas print badly; low-contrast photos suffer

Risograph file prepMICA · 每种油墨单独提交灰度稿；建议将大面积满墨色块降至 85%；中间调呈现为该油墨的浅色；不建议文字多色套印MICA · one greyscale image per ink; drop large 100% areas to 85%; midtones print as tints of the ink; multi-colour text is discouraged

Design for RisoOxford Greenprint · 提醒设计时考虑约 1–2 mm 的套色偏差Oxford Greenprint · colours miss by 1–2 mm, unavoidably

Riso Art: A Creative's Guide to Mastering RisographyVivian Toh、Jay Lim，2023 · 专色、叠印与挖空、印前文件准备、纸张Vivian Toh and Jay Lim, 2023 · spot colour, overprints and knockouts, file prep, paper

统一视觉风格的方法Systems: one visual language for everything

IsotypeNeurath、Arntz，1925–1934 · 用简化、规范的图形传达信息，通常不使用透视Neurath and Arntz, 1925–1934 · standardised, abstracted pictograms, almost never in perspective

Otl Aicher1972 年慕尼黑奥运图标用一套网格系统画成，影响了 1974 年美国交通部标识The 1972 Munich pictograms, drawn on a series of grid systems, shaped the 1974 US DOT signs

NASA Graphics Standards Manual (1975)Danne & Blackburn · 通过统一的视觉规范保持不同应用场景中的一致性Danne & Blackburn · one standard for every application

IBM Design Language · Illustration通过网格、形状、角度和圆角规范统一插画风格，减少无助于表达的装饰Consistency comes from the grid and consistent shapes, angles and radii; only essential, non-decorative elements

组合与单元素处理Combining and single-element moves

OverprintingWikipedia · 叠印是把一种颜色印在另一种颜色上；PostScript 默认挖空Wikipedia · printing one colour on top of another; PostScript knocks out by default

Trap (printing)Wikipedia · 错位会留下白缝，用外扩（spread）或内缩（choke）让相邻颜色略微重叠Wikipedia · misregistration leaves gaps; spreads and chokes overlap adjacent colours slightly

Clipping pathWikipedia · 用一条闭合路径裁出图像，剪切蒙版和同版填充都基于它Wikipedia · a closed path that cuts out an image; clip and fill-inside both build on it

Boolean operations on polygonsWikipedia · 图形的 AND / OR / XOR 运算，对应交集、并集和排除重叠Wikipedia · AND / OR / XOR on shapes, i.e. intersect, union and exclude

HalftoneWikipedia · 用网点模拟连续调图像Wikipedia · simulating continuous-tone images with dots

Ben-Day dotsWikipedia · 等大等距的网点；Lichtenstein 把它们放大夸张，用在绘画和雕塑里Wikipedia · dots of equal size and spacing; Lichtenstein enlarged and exaggerated them in his paintings and sculptures

Copy artWikipedia · Copy Motion：扫描过程中移动原稿制造的效果Wikipedia · Copy Motion: moving the original on the platen during scanning

Marilyn DiptychWarhol，1962 · 丝网，同一张照片重复 50 次Warhol, 1962 · silkscreen, one photo repeated 50 times

硬边投影、交织、镜像、条带错位和去底的具体效果由本页自行设计，标为“本页示例”。这些标注说明演示的实现方式，不表示该手法由本项目首创。Hard shadow, interweave, mirror, shifted strips and background removal have no reliable single source; the Composer marks them “this page”.

本页参考印前建议与视觉设计方法，并做了适合网页演示的简化。“规则启用情况”只显示开关状态；“套色偏差提示”依据预设的组合方式给出说明，不能替代实际印前检查。实际制作请以承印方要求为准。There is no existing guide to translating web components into Riso / halftone language; steps tagged “This page” are this lab's synthesis of the two groups of sources above.