一册可以翻阅的版式图鉴

350 个排版与构图概念、8 个一级分类、33 个二级主题、350 张教学海报。 每个概念一张海报、一段释文（定义 / 要目 / 用法 / 关键词）； 网页 UI 类概念另配可交互的真实 HTML/CSS 演示。

三条使用路径

• 随查随用：图鉴页按分类、主题筛选，或直接搜索；点 [对比] 可并排比较 2–4 个概念。
• 系统研习：研习路径把相关概念串成课程，逐讲标记已学。
• 对抗遗忘：概念页点 [自测] 遮住释文、看海报回忆；评分后排入复习队列，到期在 复习页清空。

每个概念页右上角可复制 Markdown 格式的释文，方便写进自己的笔记。 学习进度与复习队列保存在浏览器本地，不收集任何数据。

CC BY 4.0

海报图片来自开源项目 nevertoday/350-layout-compositions（CC BY 4.0）， 本站为概念补写了释文并修正了图片与名称的对应关系。高清原图按需从 CDN 加载； 释文与目录数据可自由取用于学习目的。