网站设计模板 网页设计html代码大全
这11个设计神器,你一定要收好!能帮节省69%的做图时间!
第1个受万千网友喜爱,第6个就解决图片侵权问题!最后一个你绝对想不到,不得不说,每一个都是设计宝藏!
1、水波纹倒影网站
将图片上传后,网站就能自动生成水波纹,效果超赞:
之前我还用它复刻出鸿蒙发布会的海报:
我们可以用这个网站,做出非常多有创意的PPT。
举个例子,来优化一张迪拜城市封面:
怎么丰富页面呢?有答案了吧。先借用网站生成波纹倒影效果;然后将字体穿插进建筑中,字体也倒影到水面上,就做出来这样一张页面:
创意还不错吧~
倒影自带有页面对称的效果,利用这一性质,我们可以尝试一些创意排版。
例如这张关于销售额的数据页面:
这张发展历程页面:
这张人物介绍的页面:
或是这样一张目录页,静中有动,动中有静,很好的丰富了视觉效果:
效果都是很不错的。
2、在线编辑的3D网站
利用网站可以制作出好看的3D环绕形文字啦:
操作方法也是非常的简单,在网站页面插入文本:
在菜单栏设置为弯曲,并在右侧的项目栏设置弯曲程度,使其成环形:
这是我调的弯曲值,大家可以借鉴一下:
调成一个环形之后,可以在3D文本图层,调整字体样式、厚度等等:
最后导出obj格式即可,这是个3D模型的格式:
然后把它导入你要做的文件中,即可。
3、火星导航栏
大家应该用过一些网站导航,但那都是别人总结的网址,有些自己常用的网站它可能没有包含。
而火星导航栏可以帮我们打造一个专属于自己的导航网站:
制作方法也简单,先注册一个账号,点击自定义个人导航网站,进入编辑页面:
根据指示,可以先分好类别,然后点击添加按钮,添加常用网址即可:
我们还可以将此导航页面网址添加到浏览器的启动主页中:
这样一打开浏览器后,就会跳出自己专属的导航网站啦:
是不是比打开浏览器的书签收藏夹方便许多呢。
如果你懒得一个个地去收集这些网址,我也把它们都收集在了自制的设计网站导航里:
需要的读者,可以在评论区滴滴我哈~
最后再给大家分享两个特效网站,第一个是噪波球:
这是一个3D艺术噪波球网站,提供的动态球体材质形式有11种:
我们可以通过调整参数,来改变球体的形态和动态:
下载下来后,再加些文字,效果不错吧:
第二个是交互式粒子文字网站:
文本可以随着光标的移动而被打散,然后慢慢的汇聚起来,非常有趣。
如何替换成想要的文字呢?先打开编辑面板:
在JS编辑器中,找到text文本一行(在第100行):
接着更改单引号内的字体即可:
好了,以上就是我今天要分享的全部内容,如果你也觉得不错,希望得到你的「点赞 」哦。
如果你懒得一个个地去收集这些网址,我也把它们都收集在了自制的设计网站导航里:
需要的读者,可以在评论区滴滴我哈~
知乎设计