Blobmaker – 随机生成有机 SVG 形状的在线设计工具

Blobmaker – 随机生成有机 SVG 形状的在线设计工具

Blobmaker
Blobmaker 是给落地页与插画快速生成有机 SVG 色块的在线工具,省去手绘曲线。
网站&在线应用

简介

Blobmaker 解决的是「要一堆柔和有机形状」这件小事:落地页背景、卡片装饰、插画里的色块,用钢笔工具手拉控制点又慢又难圆滑,随手截一张位图放大又见锯齿。它把这些形状交给随机数据生成,设计的人只负责按到满意为止,不必会画那条曲线。

工具由 z creative labs 制作,并入 Haikei 之后仍在免费开放。核心只有三件事:拖 Complexity 改曲线的控制点数量,拖 Contrast 拉开相邻控制点之间的差值,按骰子按钮重掷;画布实时重绘,颜色框直接改填充色,满意后下载 SVG 文件,或把代码复制走贴进项目。形状是随机数据算出来的,滑杆位置不动也会每次不同,要凑一组同风格的色块,靠的就是连按几下挑一个。

适用人群

需要给落地页、专题页、封面图或课程插画配柔和背景的站长与设计师最适合:形状随机但可控,几分钟能凑齐一组同色系的色块,比手绘或翻图库快得多;做前端的人还可以把导出的 SVG 当装饰层,省掉切图这一步。反过来,需要精确复现、要统一品牌几何(图标、标志、规则网格)的人不适合用它——它给的是随机有机形,没有种子也没有历史记录;只偶尔做一张图的人也不必特意收藏,用完关掉就走。

优缺点

  • ✅ 打开即用,没有注册、额度与导出次数限制,临时救急最省事。
  • ✅ 导出的是矢量 SVG,放大不糊,能直接进前端代码与设计软件。
  • ✅ 复杂度几乎为零:两个滑杆加一个骰子按钮,第一次打开就知道怎么用。
  • ✅ 颜色就在工具条上改,出图即最终色,不用再开别的软件调色。
  • ❌ 没有种子也没有历史,重掷之后回不到上一版,看到满意的要立刻导出存档。
  • ❌ 只生成 blob 一种形状,做图标或规则几何还得换工具。

使用方法

  1. 免注册直接用:打开站点就是画布,底部一条工具条装着颜色框、两个滑杆、骰子按钮、代码按钮与下载按钮,没有任何需要先配置的东西。
  2. 先把形状的性格调出来:拖 Complexity 改控制点数量,点数越多轮廓越崎岖;拖 Contrast 决定相邻控制点之间的差值,差值越小越接近圆。两个滑杆配合着推,比反复重掷更容易逼出想要的比例。
  3. 定色再重掷:在工具条左侧的颜色框里填好品牌主色,之后每次重掷出来的形状都带着这个色,省掉生成完再一张张改色的功夫。这也是凑一组同色系形状最快的做法。
  4. 导出接着干:点下载按钮保存 SVG 文件,或点代码按钮把矢量路径复制到剪贴板,直接贴进 HTML、React 组件或设计稿里;SVG 可无损缩放,改宽高比时记得在矢量编辑器里等比调整,别硬拉伸。
  5. 注意存档节奏:重掷之后拿不回上一版,满意的形状要当场导出并用固定命名(如 blob-01.svg、blob-02.svg)排好,一组背景往往要攒五六个才够用。

收费说明

完全免费,也不需要注册。生成、重掷、改色、下载 SVG 与复制代码全部开放,整站没有价目表、订阅入口、额度计数与广告位,也没有免费档和付费档之分——它靠同门的 Haikei、Get Waves 等产品导流,本身不收钱。站内没有单独的商用授权条款,生成的形状可以自己导出使用;拿去做客户交付时,建议在素材说明里留一句来源,日后被问起好交代。

平台支持

归类为网站与在线应用:所有功能都跑在浏览器里,桌面浏览器打开就能编辑,不需要装客户端,也没有移动 App、账号体系与开放接口。国内可以直接打开,裸域会先跳转到带 www 的地址,收藏时存带 www 的那个更稳。整个过程不依赖第三方账号登录,也不用挂代理。移动端浏览器能用,但两个滑杆在窄屏上拖动精度差,正经出图还是建议用桌面。站内没有桌面端、离线包与批量生成的历史库。


截图

Blobmaker

相关链接


功能标签


特色

★
随机数据生成
轮廓由随机数据实时算出,不是从固定模板库里挑,滑杆位置不动也能每次得到不同形状。
★
点数控制
Complexity 滑杆直接决定曲线的控制点个数,点数一多,轮廓就从圆润变成带棱的有机形。
★
差异控制
Contrast 滑杆决定相邻控制点之间的差值幅度,用来在圆润与拉伸之间找平衡。
★
单画布即编辑器
整站只有一个画布加一条工具条,没有导航层级与二级菜单,打开就进入编辑状态。
★
代码级导出
除了保存 SVG 文件,还能把矢量路径直接复制到剪贴板,粘进代码里当装饰元素用。
★
同门工具链
同团队另有 Get Waves 波纹生成器与地理小测验,形状与波纹可以配成一套背景素材。

替代方案

■设计素材
◆
Burst
Burst 是一个可免费商用、不强制署名的 Shopify 图库,适合给独立站与博客配场景图。
◆
CodeSandbox
CodeSandbox 是在云端跑隔离沙箱的在线开发环境,可托住 AI 生成的代码。
◆
Fontsource
Fontsource 是一个把开源字体打包成 NPM 依赖、适合给前端项目自托管字体的字体库。
◆
Life of Pix
Life of Pix 是一个可商用、不要求署名的高清摄影图库,适合给落地页与广告素材零成本配图。
◆
SnappyGoat
SnappyGoat 是一个免登录取原图、免署名可商用的公共领域图库,适合给站点补配图。
网站反馈表单
关注我们

公众号二维码

公众号

公众号二维码

小程序

反馈

网站无法访问了?向我们反馈!
点击下面的 反馈 按钮即可让我们知道!感谢!

为了阻止机器人发送垃圾信息,记得点击验证。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享