提升网站设计效果 (趣味风趣的网站设计)

本期我梳理了一下浏览器收藏夹,

汇总几个好玩的设计工具网站。

一、随机粒子

www.spielzeugz.de/html5/liquid-particles-3D

这个网站会跟随你的鼠标,

产生运动的粒子。

创意网站设计效果,各种网站设计推荐图

以迅雷不及掩耳之势,

右键【复制图片】,

插入PPT中,

就是一个很好的背景。

创意网站设计效果,各种网站设计推荐图

二、对称光绘

weavesilk.com

随意划拉几下,

就会出现很漂亮的对称光线。

创意网站设计效果,各种网站设计推荐图

这个形状有点像翅膀,

我们完善一下。

创意网站设计效果,各种网站设计推荐图

截图放PPT里,

感觉还不错。

创意网站设计效果,各种网站设计推荐图

三、高亮流体

paveldogreat.github.io/WebGL-Fluid-Simulation

这个之前有一期提到过,

它能跟随鼠标运动,

产生很棒的流体效果。

创意网站设计效果,各种网站设计推荐图

同样右键【复制图片】放进PPT,

就做出了这样的页面。

创意网站设计效果,各种网站设计推荐图

四、双色生成

duotone.shapefactory.co

它能将图片映射到两种色相上,

图片可以是本地的也可以直接搜索。

创意网站设计效果,各种网站设计推荐图

保存图片稍加排版,

就得到了挺有艺术感的页面。

创意网站设计效果,各种网站设计推荐图

五、爆炸粒子

wangyasai.github.io/Stars-Emmision

会不停从中心发射拖尾的粒子。

创意网站设计效果,各种网站设计推荐图

这种图非常适合放在PPT中做居中排版,

强调一个数字或者观点。

创意网站设计效果,各种网站设计推荐图

六、流动的线

https://wangyasai.github.io/Perlin-Noise/

这个网站也是上一个作者设计的,

会有线条不停流动。

创意网站设计效果,各种网站设计推荐图

这个纹理有很好的平面观感,

盖上一个矩形,

一页PPT封面就搞定了。

创意网站设计效果,各种网站设计推荐图

七、故障风

photomosh.com

可以上传图片简便地生成一些效果,

比如勾选slices和jitter。

创意网站设计效果,各种网站设计推荐图

故障风的效果就出现了。

创意网站设计效果,各种网站设计推荐图

八、动态倒影

watereffect.net

给它一张图,

能生成动态倒影,

比如这张图。

创意网站设计效果,各种网站设计推荐图

生成之后效果是这样的。

创意网站设计效果,各种网站设计推荐图

循环*放播**的动图,

体积也小,

适合作为PPT背景使用。

九、文字云

wordart.com/create

输入词语选一个形状,

加载本地的一个中文字体,

设置背景色为透明,

然后就能生成文字云了。

创意网站设计效果,各种网站设计推荐图

把它*载下**,

插入到你自己的页面中就行。

创意网站设计效果,各种网站设计推荐图

最后总结一下。

创意网站设计效果,各种网站设计推荐图

本文源文件已打包,

关注头条号【黑白间设计】,私信【神奇网站】即可获取。

在美与实用间寻找平衡

黑白间设计