24 种几何构图技法详解：350-layout-compositions 中的金字塔、螺旋、放射与阵列结构

开源项目 350-layout-compositions 收录了 350 种排版与构图参考图鉴，其中编号 041–064 的 24 种「几何构图技法」是平面设计、海报与 UI 排版里最常用的画面骨架：三角与金字塔、圆形与椭圆、螺旋与放射、四象限与棋盘阵列。本篇带你快速搞懂每一组几何构图的视觉逻辑和适用场景，并告诉你如何在本仓库中直接找到对应的高清参考图。

一、24 种几何构图技法总览：编号 041–064 怎么分类

这 24 种技法在仓库里分为两个二级主题，全部位于「01 构图逻辑」大类下：

组别	编号	技法
三角形组	041–044	三角构图、金字塔构图、倒三角构图、菱形构图
四边形与圆形组	045–048	方形构图、矩形构图、圆形构图、椭圆构图
弧线、放射与结构组	049–056	弧形、环形、螺旋、放射式、向心式、离心式、同心式、四象限构图
阵列、层叠与组群组	057–064	棋盘、阶梯、层叠、级联、聚类、分散、分支、网络构图

完整画廊见 docs/350/01-composition-logic.md，每种技法都配有一张 1086 × 1448 的高清参考图，存放在 v2/images/01-composition-logic/ 目录。

二、三角形组（041–044）：稳定感与视觉层级

📐 金字塔构图是最经典的稳定型几何构图：主体位于底部宽、顶部尖的三角形内，视线自然从底边向顶点收拢，传达权威、稳固与秩序感，常用于品牌海报和产品主视觉。

• 三角构图（041）：三点构成封闭三角，画面最简洁的骨架，适合三主体并列。
• 金字塔构图（042）：正置三角，强调「重心下沉」的稳定感，是商业海报的高频选择。
• 倒三角构图（043）：上下翻转后产生压迫与动势，适合表现冲突、坠落等戏剧性主题。
• 菱形构图（044）：对角线张力强，画面比方形更有指向性，适合引导视线聚焦中心。

三、四边形与圆形组（045–048）：秩序感与包容感

• 方形构图（045）与矩形构图（046）：横平竖直带来最直接的秩序感，是网格排版、产品卡片的底层逻辑；竖构图（如本仓库参考图的 3:4 比例）尤其适合移动端海报。
• 圆形构图（047）：向心包容，适合人物肖像、徽章、Logo 展示，视线被自然收拢到中心。
• 椭圆构图（048）：比圆更松弛，横向椭圆带来舒展感，纵向椭圆则有「仰望」意味。

四、螺旋、放射与向心结构（049–056）：最强的视线引导

弧线类结构是 24 种技法中「引导力」最强的一组：

• 弧形构图（049）与环形构图（050）：单弧产生流动感，闭合环形则形成循环与圆满的语义。
• 螺旋构图（051）：沿螺旋线由外向内（或内向外）展开，天然具备叙事递进感，适合表达「从全局到细节」。
• 放射式构图（052）：元素从中心向四周发散，视觉爆发力最强，常用于倒计时、大促海报。
• 向心式（053）/ 离心式（054）/ 同心式（055）：三者是放射结构的变体——向心聚拢强调焦点，离心外扩强调扩散，同心则用等距环带表达层级。
• 四象限构图（056）：十字把画面分成四个象限，是信息对比、2×2 矩阵展示的标准骨架。

五、阵列、层叠与组群（057–064）：多元素的组织方式

当画面里不止一个元素时，靠阵列来组织秩序：

• 棋盘构图（057）：规则交替的网格排列，秩序感最强，适合图标墙、产品矩阵。
• 阶梯构图（058）：元素沿对角线逐级偏移，制造上升或递进的节奏。
• 层叠构图（059）与级联构图（060）：元素前后叠加，用遮挡关系表达深度与时间先后。
• 聚类构图（061）与分散构图（062）：前者把相关元素聚成团，后者让元素均匀散布，两者是「密集 vs 疏朗」的直接对照。
• 分支构图（063）与网络构图（064）：树状分叉适合流程图、组织架构图；网状连接适合知识图谱、关系图。

六、如何在本仓库中查找和复用这些构图

📁 推荐三种使用方式：

1. 在线浏览：打开 docs/350/01-composition-logic.md，在「几何形与放射结构」和「阵列、层叠与组群」两个小节中点击缩略图即可查看高清图。
2. 机器可读目录：v2/catalog.csv 的第 42–65 行记录了这 24 种技法的编号、名称、分类、图片路径与 SHA-256，方便脚本批量处理；v2/catalog.json 是等价的 JSON 格式。
3. 下载全部素材：clone 仓库即可离线使用全部 350 张高清图：

git clone https://gitcode.com/gh_mirrors/35/350-layout-compositions

💡 小提示：缩略图目录 v2/thumbnails/01-composition-logic/ 提供轻量预览版，适合快速对比；需要放大查看细节时请改用 v2/images/ 下的 PNG 原图。

掌握这 24 种几何构图技法，你基本就握住了平面与 UI 排版的骨架工具箱——先确定结构（三角、圆形还是阵列），再填充内容，画面就不会「散」。