评论期刊首页 (Journal Frontpage)
更像长期更新的评论刊物、文化周刊和新闻评论首页,有稳定刊头、栏目层级和持续更新节奏,不完全等同于特稿式 editorial 首页。
评论媒体文化周刊长期刊物
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 刊头权威
- 栏目很多
- headline 清楚
- 更新节奏稳定
适合做 / Good For
- 评论媒体
- 文化周刊
- 长期刊物
不适合做 / Not For
- 一次性专题页
- 重工具产品
- 强销售首页
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 黑白灰为骨架更稳
- 封面色来自插图和栏目
- 不要让功能色把 masthead 做得太轻
排版系统 / Typography
- 刊头权威感很重要
- headline、deck、section 都要分清
- 文本密度可以高但必须可扫
版式规则 / Layout Rules
- 首页像持续更新的 front page
- headline 与多栏目并存
- 不能只有一个 feature 卡片撑全页
图片处理 / Image Treatment
- 插图、封面图和栏目缩略都要有层级
- 图片不是唯一主角
- 避免全站都变成视觉大片
交互节奏 / Motion
- 轻量滚动和 hover 足够
- 不要用动画打断阅读
- 节奏应服务更新感和栏目感
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考评论期刊首页(Journal Frontpage)风格建站:
视觉特征:刊头权威 / 栏目很多 / headline 清楚 / 更新节奏稳定
适合场景:评论媒体 / 文化周刊 / 长期刊物
不适合:一次性专题页 / 重工具产品 / 强销售首页
推荐页面组织:档案堆栈型 / Archive Stack / 专题长文型 / Dossier / Feature
历史来源:新字体排印 / New Typography / 瑞士风格 / Swiss Style / 装饰艺术 / Art Deco
参考网站:The New Yorker: https://www.newyorker.com/ / Frieze: https://www.frieze.com/ / T Magazine: https://www.nytimes.com/section/t-magazine
配色系统:黑白灰为骨架更稳 / 封面色来自插图和栏目 / 不要让功能色把 masthead 做得太轻
排版系统:刊头权威感很重要 / headline、deck、section 都要分清 / 文本密度可以高但必须可扫
版式规则:首页像持续更新的 front page / headline 与多栏目并存 / 不能只有一个 feature 卡片撑全页
图片处理:插图、封面图和栏目缩略都要有层级 / 图片不是唯一主角 / 避免全站都变成视觉大片
风格要求:Use a journal frontpage family: authoritative masthead, repeatable sections, clear headline hierarchy, a steady editorial cadence, and a homepage that feels like an always-on publication rather than a one-off feature story.
历史来源 / Historical Roots
这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.
1920s-1930s
新字体排印 (New Typography)
以非对称排版、空白场和摄影/版面组织信息清晰度。
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。
1920s-1930s
装饰艺术 (Art Deco)
几何装饰、流线感和高级感并存。今天它更多以精致和舞台感回到网页中。