排印海报实验 (Experimental Typographic Poster)
更像设计活动、展览专题、文化 campaign 和实验工作室首页的排印型家族,字体和版面本身就是主视觉,不需要靠普通产品 hero 讲故事。
设计活动展览专题文化 campaign
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 字体是主视觉
- 海报感强
- 版面冲突可控
- 文化气质浓
适合做 / Good For
- 设计活动
- 展览专题
- 文化 campaign
不适合做 / Not For
- 后台工具
- 复杂目录
- 平静信任型官网
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 黑白是骨架
- 可以允许少量 punch 色
- 颜色必须服务排印冲击而不是装饰噪音
排版系统 / Typography
- 字体本身就是主视觉
- 允许尺度对撞和版式冲突
- 但主阅读路径必须保留
版式规则 / Layout Rules
- 更像海报系统或活动识别
- 块面、字级和版面关系比传统卡片更重要
- 章节切换可以更戏剧化
图片处理 / Image Treatment
- 可以少图甚至无图
- 图片出现时要像海报元素而不是产品配图
- 避免素材拼贴失控
交互节奏 / Motion
- 动效可以更有存在感
- 文字进场比图片 hover 更重要
- 不要为了实验牺牲基本可用性
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考排印海报实验(Experimental Typographic Poster)风格建站:
视觉特征:字体是主视觉 / 海报感强 / 版面冲突可控 / 文化气质浓
适合场景:设计活动 / 展览专题 / 文化 campaign
不适合:后台工具 / 复杂目录 / 平静信任型官网
推荐页面组织:沉浸舞台型 / Immersive Stage / 专题长文型 / Dossier / Feature
历史来源:新字体排印 / New Typography / 后现代 / 孟菲斯 / Postmodern / Memphis / 达达主义 / Dada
参考网站:Studio Feixen: https://www.studiofeixen.ch/ / Bureau Borsche: https://bureauborsche.com/ / Pentagram: https://www.pentagram.com/
配色系统:黑白是骨架 / 可以允许少量 punch 色 / 颜色必须服务排印冲击而不是装饰噪音
排版系统:字体本身就是主视觉 / 允许尺度对撞和版式冲突 / 但主阅读路径必须保留
版式规则:更像海报系统或活动识别 / 块面、字级和版面关系比传统卡片更重要 / 章节切换可以更戏剧化
图片处理:可以少图甚至无图 / 图片出现时要像海报元素而不是产品配图 / 避免素材拼贴失控
风格要求:Use an experimental typographic poster family: typography as the hero image, controlled poster-like tension, cultural-program energy, layered scale changes, and enough structure to stay readable while still feeling like a designed event surface.
历史来源 / Historical Roots
这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.
1920s-1930s
新字体排印 (New Typography)
以非对称排版、空白场和摄影/版面组织信息清晰度。
1981-1988 and beyond
后现代 / 孟菲斯 (Postmodern / Memphis)
反对过度理性和过度秩序,强调图案、冲突、俏皮和反规范的组合方式。
1916-1924
达达主义 (Dada)
用拼贴、偶然、反秩序和讽刺去拆解既有规则。