low poly低多边形（类似于折纸的效果），多边形风格的设计应用越来越多，今天我们就来看一个利用d3.js写成的生成器Trianglify.js。

先上图找找感觉，来看看网上流传比较广的高大上的效果……

好的视觉效果需要精雕细琢，如果利用ps等绘图工具实现这样的效果也会有点麻烦，如何保证形状的不规则、颜色的过渡自然应该都是难点，因此，给大家隆重推荐今天的这个工具。

Trianglify.js是一个基于d3.js开发的三角形生成工具，示例页面在这里，生成页面如下图所示。

我们还可以通过“show controls”打开控制面板，进行“噪点”、“单元格大小”、“单元格间距”三个参数的控制，如下图所示。

如果达到满意的效果，我们可以将值导出为svg格式的图像，svg有没有兴奋，矢量图、可交互、可动画，哦，稍等我下，我回头还想弄个效果哟。

相关阅读

1. 多边形底纹的网页设计欣赏

2.Low Poly

3.如何简单地把一张相片处理成低多边形 Low Poly 3D 风格效果？

4.28个多边形风格的Logo设计欣赏

5.另一个多边形风格图像转换工具

----------------------------------------------------------

前端开发whqet，关注web前端开发，分享相关资源，欢迎点赞，欢迎拍砖。
---------------------------------------------------------------------------------------------------------