从瑞士风格、网点海报、Riso 小志到杂志版式,试着调整网格、字体、构图和配色,看看它们如何影响画面。还可以加入印刷纹理、拼贴和动效,或比较多页之间的节奏。点击“换一张”,按当前规则生成新的海报。The layouts of Swiss posters, halftone posters, Riso zines and magazines, broken into parameters: grid, type, composition, reading flow, shapes, inks, print texture, collage and seals, constraint rules, multi-page rhythm and motion. Change the seed and the same rules produce another poster.
导出设计说明与海报配置Describe this poster: for people, for AI, for this tool
说明Notes将鼠标移到参数旁的 i 上查看简介;点击后,可在这里阅读完整说明和参考资料。Hover the i next to a setting for a short note; click it to pin the note and its source links here.
以下指标仅统计第 1 页。留白率按未被元素外框覆盖的面积估算;对齐度表示左边缘与栏线对齐的元素占比;重心坐标以页面中心为 50 / 50;正文对比度根据文字实际用色计算。Metrics describe page 1 and are approximated from element bounding boxes: whitespace is the area no element covers; alignment is the share of left edges on column lines; balance puts the page centre at 50 / 50; contrast uses the body text's actual colour.
参考资料References
Designing Programmes · Karl Gerstner, 1964出版社将其定位为计算机时代早期的系统设计著作;关于设计规则的解读见下一条Described by its publisher as a model for systematic design at the dawn of the computer era; the rule-set reading is in the next entry
Karl Gerstner – Designing ProgrammesRune Madsen · 将“设计程序”理解为设计者制定的一组规则,用来指导具体的设计选择Rune Madsen · reads a design programme as a designer-defined rule set that shapes aesthetic decisions
Grid Systems in Graphic Design · Josef Müller-Brockmann, 1981栏、模块、基线网格与页边距的经典方法The classic method for columns, modules, baseline grids and margins
Making and Breaking the Grid · Timothy Samara, 2002网格的建立与有意识的破格Building a grid, and breaking it on purpose
Requirements for Chinese Text Layout 中文排版需求W3C 国际化工作组 · 《中文排版需求》:行首行尾禁则、标点宽度、中西文混排、孤行与孤字W3C Internationalization Working Group · Group Note Draft: line-start and line-end rules, punctuation width, mixed Chinese–Western text, widows and orphans
text-wrap-styleMDN · balance 用于标题,pretty 用于正文、减少孤字MDN · balance for headings, pretty for body text with fewer orphans
text-autospaceMDN · 汉字与拉丁字母、数字之间的自动间距MDN · automatic spacing between Han characters and Latin letters or numerals
Trap (printing)Wikipedia · 通过外扩或内缩形成陷印,减少套印不准造成的白缝Wikipedia · misregistration leaves gaps; trapping spreads or chokes to cover them
参数根据常见设计方法整理,综合了多种来源。留白率、对齐度和重心由本页的简化算法估算,供比较不同方案时参考。Note: the parameter list is a synthesis of common design practice, not taken from any single book. Whitespace, alignment and balance are approximations defined for this page.