几何与格纹阅读约 3 分钟

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

作者: Pattern Weaver

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

锯齿纹与V字纹:折线图案的节奏怎么控制 – 图案示例 1
锯齿纹与V字纹:折线图案的节奏怎么控制 – 图案示例 2
锯齿纹与V字纹:折线图案的节奏怎么控制 – 图案示例 3
锯齿纹与V字纹:折线图案的节奏怎么控制 – 图案示例 4

把一条锯齿线往下复制,每次下移1 cm,排出来的色带看上去总比1 cm窄。这不是错觉:折线是斜的,色带真正的厚度要沿垂直于斜边的方向量。45°斜边上,下移1 cm只有约7 mm厚;斜边再陡一些,色带就更薄。锯齿纹的节奏,大多藏在这类几何关系里。

1

一条折线的三个参数

画锯齿之前,先定三个数:

  • 振幅:从谷底到峰顶的垂直高度;
  • 周期:相邻两个尖之间的水平距离;
  • 线宽或带宽:线有多粗,或者一道色带有多厚。

顶角由前两个数决定:顶角 = 2 × arctan(周期 ÷ 2 ÷ 振幅)。

周期 : 振幅顶角读感适合
1 : 1约53°尖锐、紧张、带电感运动服、潮牌、80年代复古
2 : 190°标准、稳定抱枕、包装底纹、童装
3 : 1约113°舒缓床品、桌布
4 : 1约127°平缓,接近波浪墙纸、地毯等大面积

同样的配色,顶角从53°放宽到127°,画面会从“警报”变成“呼吸”。先定角度,再谈颜色。

2

带宽:沿斜边量,不要沿竖直方向量

把一条折线往下平移距离d,两条线之间的真实厚度是d × cos α,α是斜边与水平线的夹角:

  • 顶角90°时,斜边45°,真实厚度约0.71d;
  • 顶角53°时,斜边约63°,真实厚度只有约0.45d。

所以比较不同角度的设计时,要保持“垂直于斜边”的厚度一致,而不是保持下移距离一致。在 Illustrator 里,可以用“对象 > 路径 > 偏移路径”从中线向两侧偏移,得到厚度准确的色带。

还有一个细节是尖角。粗描边的折线,顶点可能被削成平头,这时到描边面板里看“边角”:斜接连接保持尖角,圆角连接会把尖磨圆。尖角被意外削平时,把斜接限制调高即可。

3

间距:线与线之间留多少

带宽和间隙的比例,决定了锯齿纹是“一片色带”还是“几条线”:

  • 1 : 1:深浅色带等宽,最有图形感,视觉跳动也最强;
  • 1 : 2:轻一些,色带仍连成整体;
  • 1 : 3以上:每条折线各自独立,画面安静,适合做底纹。

另一个比例是间距和振幅。间距比振幅小很多时,一层层折线叠在一起,读成连续的V字色带;间距超过振幅以后,每条锯齿线都能单独被看到,更像一道道闪电。

很细很密的锯齿线在手机屏幕和商品照片里容易出现摩尔纹,做主图之前缩小到实际显示尺寸看一眼。

4

单色带还是多色带

色序就是锯齿纹的节拍:

  • A-B-A-B:两色交替,最平均,也最“图形”;
  • 宽带加细线:比如一道宽色带后跟一条细线,像音乐里的重音和轻拍;
  • 三到五色循环:色带多了,相邻两色的明度要拉开,否则会糊成一片。转成黑白检查一遍最可靠;
  • 渐变色序:从深到浅再回到深,用镜像的方式排,循环接口处不会出现突兀的跳色。

几组可以直接试的配色:

  • 70年代复古:焦橙 #D35400、芥末黄 #D4A017、橄榄绿 #6B7F3A、奶油 #F3E9D2、咖啡 #6B3E26;
  • 孟菲斯撞色:黑 #111111、亮粉 #FF6FB5、青绿 #2EC4B6、柠檬黄 #FFD23F,配白底;
  • 航海风:海军蓝 #1F2A44 配米白 #F5F1E8,只用两色,靠带宽变化出节奏。

孟菲斯一路的折线和碎片几何,可以参考孟菲斯风格图案。

5

尖锯齿与波浪线:情绪差在哪

同样的振幅和周期,只改顶点的处理,情绪就变了:

  1. 尖角:速度、电流、警示,最有攻击性,也最醒目;
  2. 小圆角(圆角半径为振幅的10%–20%):依然是锯齿,但友好了许多,适合童装和家居;
  3. 正弦波浪:完全没有尖,读成水、风和呼吸,带着70年代的松弛感。

做系列时可以利用这一点:主花用尖锯齿,配花用同一组参数的波浪线,颜色不变,整组既统一又有主次。

6

方向和循环

  • 横向锯齿让画面显宽,竖向锯齿像一道道闪电,有拉长的效果;
  • 周期要能整除花回宽度,比如花回64 cm,周期取4 cm或8 cm,接口处才不会出现半个尖;
  • 用在衣服上,顶点最好对准前中线,侧缝处要对花;斜裁会把锯齿变成斜向的条纹。

锯齿纹常和人字纹、鱼骨纹混在一起说,它们的区别在于折线断不断开,见人字纹和鱼骨纹的区别。更多现成的折线风格,可以在锯齿图案里浏览。

想比较不同角度和色序,可以在 Pattern Weaver 的 Describe It 里用中文写清参数,例如“90°顶角的V字色带,焦橙、芥末黄、奶油三色循环,带宽相等”,几次生成摆在一起看,比在脑子里想快得多。

常见问题

锯齿纹的角度怎么算?

顶角由振幅和周期决定:顶角 = 2 × arctan(周期 ÷ 2 ÷ 振幅)。周期是振幅的2倍时顶角正好90°;周期等于振幅时约53°,更尖;周期是振幅的4倍时约127°,更平缓。

锯齿纹和V字纹有什么不同?

结构上是一回事,都是连续的折线。习惯上,一条或几条细折线常叫锯齿纹,一道道宽色带叠起来的常叫V字纹,也就是英文的chevron。

锯齿条纹印在针织面料上要注意什么?

针织面料横向拉伸时,折线会被拉平,顶角变钝。贴身的弹力款可以把顶角预先画得尖一点,打样后上身再确认。

相关文章

全部文章 →
几何与格纹

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

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

几何与格纹

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

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

几何与格纹

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

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

几何与格纹

千鸟格图案:结构拆解与大小变化

千鸟格是怎么构成的?从4深4浅的斜纹组织拆出“牙齿”,教你在8×8方格上重画成干净的几何单元,再讲从小千鸟格到超大千鸟格的尺寸变化和黑白以外的配色。

几何与格纹

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

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

几何与格纹

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

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

AI 图案生成

免费试用 Pattern Weaver

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

生成第一个图案 →

返回博客

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