Get Waves

Get Waves是什么？

Get Waves是一款免费在线SVG波浪图案生成工具，由z creative labs开发，让零基础的人也能够快快生成流畅美丽的波浪背景，网页端即可使用并且还可以设置Figma的插件，以 “简单操作、完全自由、友好商用” 为主要特征，可适用于设计、开发等场景。

Get Waves的主要功能

• 灵活参数自定义：自定义波浪数量、波浪高度、波浪起伏及复杂度；切换曲线基础、圆润、尖锐三种曲线；自定义颜色（色值输入Hex）、透明度；设置波浪所在区域（上半部、下半部）……完全按照项目需求来。
• 快速灵感生成：一键点击 “Randomize” 按钮，随机生成各种样的浪花，迅速解决创意灵感枯竭。
• 多格式导出与集成：可以下载SVG格式矢量图（放大不会失真）、复制CSS代码直接放进网页使用；也可以导出PNG格式，用在图片固定尺寸的场景中；还有Figma插件，无缝融入原型设计流程。
• 实时预览体验：调整参数时调整后实时同步查看显示效果，所见即所得，无需反复调试。
• 无门槛使用：不注册不登录，打开网页即可使用；操作界面干净简单，功能全都表现在页面上，新手 1 分钟即可上手。

适用场景

• 网页设计场景：用于页眉、页脚背景、分隔区块，为网页添加背景，动态背景，响应式布局，SVG格式的文件轻量不影响网页加载速度。
• 视觉设计场景：用于海报、传单、社交媒体图片背景的元素、波浪元素外观效果自然美观、波浪形态曲线好看、增加内容层次，呈现内容清晰美观。
• UI/UX 设计场景：用于APP的点缀、表盘、按钮、卡片的边框等，增加层次感，界面美观大方。
• 前端开发场景：复制CSS代码直接用在项目中，无须借助PS设计软件等占系统资源，提高效率。
• 原型设计场景：利用Figma插件就可以快速将该波浪形纹添加在设计的原型图中，就不需要再切换设计工具的插件即可完成设计时间。 

Get Waves怎么使用？

一、网页版操作

1. 打开工具：浏览器Get Waves官网（https://getwaves.io） ，直接进入。

2. 调整样式（只改3个关键参数就行）

• 选Curve Type：点击切换基础 / 圆润 / 尖锐 3 种波浪形状
• 改Color：点击色块或输入 Hex 值，调整波浪颜色
• 调Count：设置波浪数量（1-3 个最常用，简洁不杂乱）
• 偷懒技巧：点Randomize一键随机生成好看的样式

3. 导出使用：网页开发用就点Copy CSS，COPY下到代码里就行。设计用就点SVG下载下来矢量图（放大不失真），或者点PNG下载位图，找个合适保存到本地，拖到PPT、大海报、网页项目都拿来用。

二、Figma 插件版（设计师快速用）

在 Figma 中搜插件“Get Waves”，点安装就行了。在画布上选中，右键→插件→打开Get Waves，调一下参数，点Insert to Figma，加波浪直接加到画布上就行~