20 种中国传统构图技法:350-layout-compositions 里的三远法、散点透视与留白艺术
20 种中国传统构图技法:350-layout-compositions 里的三远法、散点透视与留白艺术
350-layout-compositions 是一个开源的构图与排版参考图鉴项目,收录了 350 种版式,覆盖视觉原则、平面出版、字体网格、网页 UI、影视画面、中国传统构图与演示文稿 8 大领域。其中 「07 中国传统构图」 一章专门整理了 20 种中国传统构图技法——三远法(高远、深远、平远)、散点透视、留白艺术等,是理解国画空间经营章法的绝佳入门资料。
📚 项目结构:350 种版式如何组织
整个项目按 8 个一级分类、33 个二级主题 组织,每种构图都有全局连续编号:
| 内容层 | 路径 | 说明 |
|---|---|---|
| 高清原图 | v2/images/ |
350 张 1086×1448 PNG 图解 |
| 轻量预览 | v2/thumbnails/ |
适合页面快速浏览的 JPEG |
| 机器可读目录 | v2/catalog.json / v2/catalog.csv | 含编号、名称、分类、图片路径 |
| 分类画廊 | docs/350/README.md | 8 个分类的入口导航 |
中国传统构图对应编号 315–334,分为三个二级主题:
- 三远、透视与游观(6 种):高远、深远、平远、散点透视与游观
- 取景与景式(5 种):全景、一河两岸、边角、截景、折枝
- 留白、虚实与章法(9 种):计白当黑、疏密、主宾、开合、藏露与欹正
⛰️ 三远法:中国画的"透视三问"
北宋画家郭熙在《林泉高致》中提出"高远、深远、平远",这是中国画区别于西画焦点透视的核心空间语言。
1. 高远(315):自山脚仰望山顶,"高者如山之出云",画面以上下关系营造巍峨气势。
2. 深远(316):由前山窥后山,层层叠叠,"深者如烟雾相重",表现空间的幽深推进。
3. 平远(317):由近山望向远山,"平者如江湖无限",画面舒阔冲淡,最见诗意。
4. 三远综合(318):长卷中往往不止一种"远",而是随观者视线在三种空间之间游移,这正是散点透视的体现。
🌊 散点透视与游观式构图
西方绘画常用单点透视——一个固定视点、一组汇聚灭点;而中国画的 散点透视 没有固定视点,视点在画面中自由移动,"步移景异":
- 散点透视(319):多个视点被组织在同一画面里,山脉可以绵延数里而不受画框限制。
- 游观式构图(320):把"观看"变成"游览",《清明上河图》就是典型——观者沿着画面如散步般移步换景。
💡 对设计师的启示:散点透视思维可以迁移到长页面设计、交互叙事和多屏拼接展示中——让信息随"视线移动"逐步展开,而非一次性平铺。
🖼️ 取景与景式:画框里的五种"裁剪"
中国传统构图讲究"取景",即如何把自然纳入有限画幅:
| 编号 | 技法 | 一句话理解 |
|---|---|---|
| 321 | 全景式构图 | 完整呈现物象,端正圆满 |
| 322 | 一河两岸式 | 以江面、云气分隔上下两段空间 |
| 323 | 边角式构图 | 只取一隅,以局部暗示整体 |
| 324 | 截景式构图 | 大胆裁切,截去枝干头尾 |
| 325 | 折枝式构图 | 一枝一叶自成气象,"折枝"入画 |
边角、截景与折枝三种技法思路相通:不求全,而求意。这一思路与现代海报设计中的"局部特写"、产品摄影中的"裁切构图"完全同源。
🖌️ 留白艺术:计白当黑的高级感
留白是 20 种技法中最常被现代设计借鉴的部分——"不画之处即画":
- 留白构图(326):空白不是"没画完",而是画面呼吸的氧气,云水、天空皆可无墨而成。
- 计白当黑(327):把留白当作实体来经营,虚实同等重要。
- 虚实相生(328):实处要虚化、虚处要暗示,画面才有生气。
- 疏密相间(329):"疏可走马,密不透风",节奏感来自疏密交替。
✨ 实践建议:做网页或 PPT 时感到画面"闷",先检查留白是否被信息填满;像"计白当黑"那样,把空白区纳入版式规划,画面立刻通透。
⚖️ 章法:主宾、开合与欹正
最后 5 种技法关乎整幅作品的"结构逻辑":
| 编号 | 技法 | 核心思想 |
|---|---|---|
| 330 | 主宾关系 | 一主多从,宾体拱卫主体 |
| 331 | 开合构图 | 势有开合,画面才有起落回环 |
| 332 | 起承转合 | 叙事节奏:引入—承接—转折—收束 |
| 333 | 藏露关系 | 露三分藏七分,含蓄方有韵味 |
| 334 | 欹正关系 | 险中求稳,欹正相生才不板滞 |
🧭 如何浏览这套构图图鉴
- 系统学习:从 docs/350/README.md 按 01–08 分类顺序浏览,再重点看 docs/350/07-chinese-composition.md 的中国传统构图画廊;
- 快速预览:缩略图集中在 v2/thumbnails/07-chinese-composition/,加载更快;
- 程序化使用:v2/catalog.json 中每条记录都包含
id、name、category、image等字段,方便做卡片站、教学课件或数据集。
for item in catalog:
if item["category_slug"] == "07-chinese-composition":
print(item["id"], item["name"])
从三远法到留白艺术,这 20 种技法不仅是画论知识,更是可直接迁移到 UI、版式与叙事设计中的空间思维工具。打开图鉴,从一张"平远"开始,感受中国画的呼吸与节奏吧 🎋









