几何图案看起来最简单,出错也最明显:一根线歪了半毫米,单看没人发现,平铺二十次以后,整片面料都是斜的。所以几何图案设计的第一课不是找灵感,而是搭骨架。
先选网格,再画图形
几乎所有几何图案都长在某种网格上。网格定了,图形的位置、大小和循环也就跟着定了。
| 网格 | 构成 | 容易长出的图形 | 读感 |
|---|---|---|---|
| 正方网格 | 横竖等距线 | 棋盘格、方块、十字 | 稳定、规整 |
| 斜方网格 | 两组斜线交叉 | 菱格、阿盖尔 | 有方向感 |
| 三角网格 | 三组互成60°的线 | 三角、六边形、六角星 | 活泼、蜂窝感 |
| 错位网格 | 每行错开半格 | 砖纹、鱼鳞、错排波点 | 自然、不呆板 |
| 放射网格 | 圆心加等分线 | 团花、曼陀罗 | 聚焦,适合单个纹样 |
两个最容易踩的坑:
- 网格单元要能整除你的花回。比如花回定为32 cm,网格就用4 cm或8 cm,不要用5 cm;
- 三角网格和六边形网格的最小矩形循环,宽高比是1:√3(约1:1.73)。拿正方形画布去铺六边形,边上永远对不齐。
点:位置比大小重要
点是最小的几何单位,但决定画面的往往不是点有多大,而是点放在哪。
- 规则排列:点落在正方网格的交点上,就是最基本的波点;
- 错位排列:每行错开半格,同样的点会显得更自然,也不容易看出行列;
- 大小渐变:点从大到小过渡,会被读成明暗,像印刷网点;
- 疏密:点的直径和间距接近1:1时显得密,拉到1:3左右就明显疏朗。
波点的尺寸、间距和配色,单独写在波点图案里。
线:粗细、方向和断续
- 平行出条纹,折返出锯齿,弯曲出波纹,交叉出格子;
- 线宽和间距相等时,条纹感最强;线细、间距宽,画面就轻;
- 断开的线(虚线、点线)比实线安静,适合做底纹;
- 很细很密的平行线,在屏幕和商品照片里容易出现摩尔纹,做电商主图之前先缩小看一眼。
折线的角度和节奏怎么控制,可以看锯齿纹与V字纹。
面:正形和负形一起设计
线闭合就成了面:方、圆、三角、菱形、六边形。画面的时候要同时看两样东西:图形本身(正形),以及图形之间剩下的空间(负形)。
- 两个半圆背靠背排列,中间的负形就是一个沙漏;
- 正负形面积接近时,会出现“图底反转”,看着看着前后就换了位置,这是几何图案很有意思的地方;
- 负形太碎,画面发花;负形太大,图形就孤零零地飘着。
四个变量,把简单图形变复杂
- 旋转:把一个方块沿对角线分成两色,当作单元,按0°、90°、180°、270°排列,就能排出风车、沙漏、锯齿、菱形等完全不同的效果。这种玩法常被称为特鲁谢方块(Truchet tiles)。
- 尺度对比:同一图形用大小两种尺寸,比例拉到1:3以上,层次才看得出来。
- 明度:不换图形,只换明度。同一个三角形按深、中、浅三档交替,平面立刻有了起伏。
- 留白:留白多少决定画面偏“满地”还是偏“清地”。几何图案留白多,会显得冷静、现代。
配色可以先从两套试起:
- 包豪斯式的高对比:红 #D7263D、黄 #F4C430、蓝 #1E4E9C,配黑 #111111 和米白 #F5F1E8;
- 低饱和的安静版:#2F3E46、#5B6C5D、#C9B79C、#EDE6DA。
一个小练习:同一个单元,四张图
只用一个对角分色的正方形单元和两种颜色,做四张小样:
- 正方网格,单元全部朝同一方向;
- 同样的网格,单元按90°依次旋转;
- 换成错位网格,每行错开半格;
- 加入一个边长只有三分之一的小单元,穿插在大单元之间。
把四张并排放着比,网格、旋转和尺度各自改变了什么,一眼就能看出来。这比一上来就画复杂图形更能练出判断力。
几何图案家族导览
学会点、线、面之后,大部分几何纹都能拆开来看:
- 菱形:正方网格转45°,比例一变气质就变,见菱形图案;
- 六边形:从三角网格上长出来,从蜂窝到龟背纹,见六边形图案;
- 锯齿与V字:线的折返,关键在角度和带宽;
- 人字纹与鱼骨纹:同样是V形,区别在断开和错位的方式;
- 波点:点的排列与间距;
- 鱼鳞纹:错位网格上的半圆叠排;
- 分形:同一结构在不同尺度上重复出现。
几何图形对精度要求高。用 Pattern Weaver 生成的几何图块适合快速试方向和配色;需要可编辑的矢量文件时,Pro pack 可以导出 SVG、EPS 和 DXF。更多几何风格可以在几何图案分类里浏览。



