几何与格纹阅读约 3 分钟

几何图案设计入门:点、线、面的组合方法

作者: Pattern Weaver

几何图案设计从点、线、面开始:怎么选网格,怎么用旋转和尺度对比制造变化、安排负形与留白,再带你认识菱形、六边形、波点等几何家族。

几何图案设计入门:点、线、面的组合方法 – 图案示例 1
几何图案设计入门:点、线、面的组合方法 – 图案示例 2
几何图案设计入门:点、线、面的组合方法 – 图案示例 3
几何图案设计入门:点、线、面的组合方法 – 图案示例 4

几何图案看起来最简单,出错也最明显:一根线歪了半毫米,单看没人发现,平铺二十次以后,整片面料都是斜的。所以几何图案设计的第一课不是找灵感,而是搭骨架。

1

先选网格,再画图形

几乎所有几何图案都长在某种网格上。网格定了,图形的位置、大小和循环也就跟着定了。

网格构成容易长出的图形读感
正方网格横竖等距线棋盘格、方块、十字稳定、规整
斜方网格两组斜线交叉菱格、阿盖尔有方向感
三角网格三组互成60°的线三角、六边形、六角星活泼、蜂窝感
错位网格每行错开半格砖纹、鱼鳞、错排波点自然、不呆板
放射网格圆心加等分线团花、曼陀罗聚焦,适合单个纹样

两个最容易踩的坑:

  • 网格单元要能整除你的花回。比如花回定为32 cm,网格就用4 cm或8 cm,不要用5 cm;
  • 三角网格和六边形网格的最小矩形循环,宽高比是1:√3(约1:1.73)。拿正方形画布去铺六边形,边上永远对不齐。
2

点:位置比大小重要

点是最小的几何单位,但决定画面的往往不是点有多大,而是点放在哪。

  • 规则排列:点落在正方网格的交点上,就是最基本的波点;
  • 错位排列:每行错开半格,同样的点会显得更自然,也不容易看出行列;
  • 大小渐变:点从大到小过渡,会被读成明暗,像印刷网点;
  • 疏密:点的直径和间距接近1:1时显得密,拉到1:3左右就明显疏朗。

波点的尺寸、间距和配色,单独写在波点图案里。

3

线:粗细、方向和断续

  • 平行出条纹,折返出锯齿,弯曲出波纹,交叉出格子;
  • 线宽和间距相等时,条纹感最强;线细、间距宽,画面就轻;
  • 断开的线(虚线、点线)比实线安静,适合做底纹;
  • 很细很密的平行线,在屏幕和商品照片里容易出现摩尔纹,做电商主图之前先缩小看一眼。

折线的角度和节奏怎么控制,可以看锯齿纹与V字纹。

4

面:正形和负形一起设计

线闭合就成了面:方、圆、三角、菱形、六边形。画面的时候要同时看两样东西:图形本身(正形),以及图形之间剩下的空间(负形)。

  • 两个半圆背靠背排列,中间的负形就是一个沙漏;
  • 正负形面积接近时,会出现“图底反转”,看着看着前后就换了位置,这是几何图案很有意思的地方;
  • 负形太碎,画面发花;负形太大,图形就孤零零地飘着。
5

四个变量,把简单图形变复杂

  1. 旋转:把一个方块沿对角线分成两色,当作单元,按0°、90°、180°、270°排列,就能排出风车、沙漏、锯齿、菱形等完全不同的效果。这种玩法常被称为特鲁谢方块(Truchet tiles)。
  2. 尺度对比:同一图形用大小两种尺寸,比例拉到1:3以上,层次才看得出来。
  3. 明度:不换图形,只换明度。同一个三角形按深、中、浅三档交替,平面立刻有了起伏。
  4. 留白:留白多少决定画面偏“满地”还是偏“清地”。几何图案留白多,会显得冷静、现代。

配色可以先从两套试起:

  • 包豪斯式的高对比:红 #D7263D、黄 #F4C430、蓝 #1E4E9C,配黑 #111111 和米白 #F5F1E8;
  • 低饱和的安静版:#2F3E46、#5B6C5D、#C9B79C、#EDE6DA。
6

一个小练习:同一个单元,四张图

只用一个对角分色的正方形单元和两种颜色,做四张小样:

  1. 正方网格,单元全部朝同一方向;
  2. 同样的网格,单元按90°依次旋转;
  3. 换成错位网格,每行错开半格;
  4. 加入一个边长只有三分之一的小单元,穿插在大单元之间。

把四张并排放着比,网格、旋转和尺度各自改变了什么,一眼就能看出来。这比一上来就画复杂图形更能练出判断力。

7

几何图案家族导览

学会点、线、面之后,大部分几何纹都能拆开来看:

  • 菱形:正方网格转45°,比例一变气质就变,见菱形图案;
  • 六边形:从三角网格上长出来,从蜂窝到龟背纹,见六边形图案;
  • 锯齿与V字:线的折返,关键在角度和带宽;
  • 人字纹与鱼骨纹:同样是V形,区别在断开和错位的方式;
  • 波点:点的排列与间距;
  • 鱼鳞纹:错位网格上的半圆叠排;
  • 分形:同一结构在不同尺度上重复出现。

几何图形对精度要求高。用 Pattern Weaver 生成的几何图块适合快速试方向和配色;需要可编辑的矢量文件时,Pro pack 可以导出 SVG、EPS 和 DXF。更多几何风格可以在几何图案分类里浏览。

常见问题

几何图案用什么软件画比较好?

Illustrator、CorelDRAW这类矢量软件最合适,网格、对齐和旋转复制都精确,改线宽和配色也方便。用位图软件画几何纹,斜线和圆弧边缘放大后容易出现锯齿。

六边形图案为什么在正方形画布上接不上?

三角网格和六边形网格的最小矩形循环,宽高比是1:√3(约1:1.73),不是正方形。画布按这个比例或它的整数倍来设,才能无缝平铺。

几何图案怎么避免显得冷?

可以用暖色或低饱和配色,把直角改成小圆角,或者在规整的网格里混入一两个带手绘感的元素。线条略微加粗,也会比极细的线显得亲切。

相关文章

全部文章 →
几何与格纹

鱼鳞纹图案:鳞片叠排的画法与变化

鱼鳞纹图案怎么画?用一条圆弧和错位网格叠出鳞片,再做描边、实色、渐变和幻彩四种版本,并讲清它和日本青海波、写实蛇纹的区别。

几何与格纹

分形图案:自相似结构的原理与用法

分形图案到底是什么?用大白话讲清自相似,认识分叉树、雪花边和螺旋三类常见分形,再教你控制层级、对比和留白,让细节耐看而不是变成一片噪点。

几何与格纹

锯齿纹与V字纹:折线图案的节奏怎么控制

锯齿纹怎么画才有节奏?用振幅和周期算出折角,讲清线宽、条带间距、单色与多色色序,以及尖锐锯齿和圆滑波浪线在情绪上的差别。

几何与格纹

菱形图案:从简单菱格到交错菱纹

菱形图案怎么设计?从简单菱格、套菱、勾边菱到汉代丝织品上的交错菱纹,讲菱形比例如何改变气质,以及花回、对花和斜裁时要注意的地方。

几何与格纹

六边形图案:蜂窝、龟背与六角变体

六边形图案怎么画出不同气质?从蜂窝、龟背纹、麻叶纹、笼目纹到断开的六边形,讲清循环尺寸怎么算,以及线宽和配色如何让它显得自然或有科技感。

几何与格纹

人字纹和鱼骨纹的区别:一次分清

人字纹和鱼骨纹的区别在哪?从人字拼、鱼骨拼地板到人字呢面料,看端头是直角错位还是斜切对齐,再分步讲清两种纹样各自怎么画才不会认错。

AI 图案生成

免费试用 Pattern Weaver

新账户赠送 5 个免费点数,无需信用卡。工作室界面为英文,可以直接用中文描述你想要的图案。

生成第一个图案 →

返回博客

本网站使用 Cookie 以确保你获得最佳体验。了解更多