杂志编辑风
Editorial
初级通用杂志编辑风（Editorial）是借鉴杂志编排方式的界面风格，用标题、图片、留白和版面节奏组织内容。它解决的是内容较多时重点不突出、阅读缺少引导的问题，比如让品牌故事页像一篇有主次的专题文章。
你可能会说：「我想让这个品牌网站像一本杂志，图片和标题有节奏，读起来不像一排排产品卡片。」
动手看看山野旅店的品牌故事页
页面风格
切换页面风格，再拖动留白看看阅读顺序怎么变；也可以悬停或用 Tab 聚焦右下角的故事入口。
杂志编辑风靠大标题、偏置的画面、细小的栏目文字和留白拉开主次，让视线先读故事，再落到图片和入口。
要点杂志编辑风靠什么组织页面？
- 1
先决定读者看内容的顺序
我们先挑出主标题、导语、重点图片和正文，再安排它们的位置。因为每块内容的分量不同，所以页面不必处处等宽等大；读者扫一眼，就能知道从哪里开始读。
- 2
用文字与图片建立版面节奏
大标题、短导语、长段落和不同尺寸的图片交替出现，会让页面有快慢变化。比如做设计工作室官网，先用作品照片吸引人，再用简短说明交代项目背景，比把所有作品塞进相同卡片更适合讲故事。
- 3
让版式变化服务阅读
杂志编辑风可以用不对称布局和较多留白，但关键是内容仍然好读。你让 AI Agent 实现时，可以检查手机上标题是否换行自然、正文是否够清晰、阅读顺序是否还连贯，而不是只看桌面截图。
容易混淆的地方
它和瑞士排版都重视字体、网格与层级，但杂志编辑风更强调跟着内容变化的叙事节奏；瑞士排版通常更强调统一、清晰的编排规则。它也不等于现代简约：简约关注减少视觉元素，杂志编辑风即使元素不多，也要通过标题、图文比例和留白带着人往下读。
什么时候用
适合用
- 做品牌故事页或产品专题页时，用它串起背景、图片和观点，让访客愿意按顺序读下去。
- 做作品集网站时，用不同篇幅展示项目过程和成果，让重点项目获得足够的展示空间。
- 做内容型首页时，用标题层级和图片比例区分主推文章、次要栏目与延伸阅读。
不适合用
- 做需要频繁查询和批量操作的管理后台时，优先用稳定的表格与筛选布局，方便用户快速定位数据。
- 做步骤明确的结账或资料填写流程时，优先用清晰的表单与步骤提示，让用户专注完成任务。
练一练选一个答案，看看解释
你在做一个设计工作室官网，要展示三个项目的背景、过程和成果。哪种方案最符合杂志编辑风？
让 AI 帮你做复制给 AI Agent 直接用
请把这个设计工作室官网做成杂志编辑风：根据项目内容安排标题、导语、图片和正文的层级，用留白与版面变化引导阅读，不要把所有项目做成同款卡片。请同时检查手机端的阅读顺序和文字可读性。