大胆个性 (Playful Postmodern / Anti-Grid)
带着反模板态度的后现代页面,通过反网格、强形状和少量冲突打破同质化。
创作者个人站反模板发布
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 反网格
- 形状强烈
- 识别度高
- 态度明显
适合做 / Good For
- 创作者
- 个人站
- 反模板发布
不适合做 / 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 可以更大胆
- 滚动 reveal 可以更有态度
- 不要把用户搞丢
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考大胆个性(Playful Postmodern / Anti-Grid)风格建站:
视觉特征:反网格 / 形状强烈 / 识别度高 / 态度明显
适合场景:创作者 / 个人站 / 反模板发布
不适合:严肃知识库 / 政府机构页 / 安静阅读站
推荐页面组织:目录索引型 / Catalog Explorer / 沉浸舞台型 / Immersive Stage
历史来源:后现代 / 孟菲斯 / Postmodern / Memphis / 粗野主义 / 新粗野主义 / Brutalism / Neo-Brutalism
参考网站:Bureau Borsche: https://bureauborsche.com/ / Gumroad: https://gumroad.com/ / Memphis Milano: https://memphis.it/en/
配色系统:允许更强强调色 / 黑白仍是骨架 / 颜色只在 punch 点出现
排版系统:字可以更大更冲突 / 允许故意破格的边界 / 但要保留主阅读路径
版式规则:反网格但不反可读 / 局部冲突取代全局混乱 / 层级要清楚
图片处理:允许不规则切片 / 图片和形状一起工作 / 不要全页都是拼贴噪音
风格要求:Use a playful postmodern anti-grid family: attitude-forward composition, bright accent punches, visible structure, and just enough disorder to feel alive without becoming messy.
历史来源 / Historical Roots
这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.
1981-1988 and beyond
后现代 / 孟菲斯 (Postmodern / Memphis)
反对过度理性和过度秩序,强调图案、冲突、俏皮和反规范的组合方式。
1950s roots / 2010s-2020s web revival
粗野主义 / 新粗野主义 (Brutalism / Neo-Brutalism)
结构裸露、边界鲜明、不讨好。网页里的 neo-brutalism 往往更鲜艳、更可用。