15个免费的3D Web设计工具

在用户界面设计的其他新趋势中, 3D元素 也开始接手现场。尽管3D元素对于网站来说似乎很不常见且奇怪,但这些元素在UI设计方面正逐渐流行,并可能在今年保留下来。所以在这篇文章中,我们收集了15个免费3D 网页设计工具 这可以帮助网页设计师和开发人员轻松创建3d图形和交互式动画。

花键

轻松创建和发布3D Web体验。快速构建和迭代,并具有可立即投入生产的结果。

 花键

Webflow 3D转换

Webflow 3D转换由Webflow团队创建,是同类最佳的。如果您要创建3D 的CSS 变换,则可以使用该工具。您可以让页面元素移动,旋转或应用透视图,以使您的3D动画真正脱颖而出。

Webflow 3D转换

Vectary

Vectary 是一种在线3D设计工具,可让您通过发送链接并与其他设计师在浏览器中进行协作来创建和共享3D项目。它有两种创建者模式?—面向初学者的轻松拖放,或面向经验丰富的设计师的网格建模工具包。

 Vectary

纳克

要使网络再次凉爽,您需要凉爽的工具。 纳克 创建了一个3D网页设计工具,可让任何人腾出空间来创造前所未有的交互式沉浸式数字体验,并在互联网上的任何位置共享它,以供计算机,手机甚至VR使用!

 纳克

罗托

罗托 是适用于Mac的应用程序,可让您在几秒钟内为数字设计创建,捕获和动画化3D模型。

 罗托

补丁

修补程序是用于WebGL,WebVR和其他HTML5 API的可视化编程环境。它具有实时预览,数据流可视化,网络通信,发布,无限撤消以及可以用作模块化构件的现成补丁目录的功能。复杂的逻辑可以嵌套在子图中,并且可以将它们直接渲染到特定的渲染目标,也可以简单地用作纹理。循环被建模为嵌套图,每个循环迭代对其进行一次评估。

 补丁

3D视差编辑器

Webydo的后端基于沿x轴分布的CSS 3D变换,可以完成繁重的工作,因此您只需上传图层(视频,图像,版式以及几乎所有其他内容),即可获得出色的悬停激活3D效果。

3D视差编辑器

保利

Google的Poly是一个免费的3D对象库,用于增强和虚拟现实应用程序。

 保利

Threed .io

这是一个允许您直接在浏览器中生成3D模型的工具。它是完全免费的,不需要其他软件。您只需要上传您的设计并使用自己喜欢的设置来创建3D模型。

 Threed

一个框架

一个框架 是一个令人惊叹的超级易用的开源框架,可用于构建虚拟现实Web体验。您可以使用此框架来开发VR应用程序,我发现它非常适合Web开发人员创建虚拟现实体验。

 一个框架

粘土GL

粘土GL 是一个WebGL图形库,用于构建可伸缩的Web3D应用程序。

 粘土GL

Maptalks

一个用于集成2D / 3D地图的开源javascript库。

 Maptalks

特里迪夫

特里迪夫 是由朱利安·加尼尔(Julian Garnier)开发的CSS 3D形状创建器,它为您提供右侧的UI控件,可轻松直观地编辑形状和构图。

 特里迪夫

体素

该项目的目标是提供一种具有非常简单实现的轻量级3D 的CSS 库。

 体素

SVG 3D构建器

该框架旨在使用SVG创建3D模型并提供简洁的API。它纯粹是用二维概念开发的。它的基本实现之一是曲线和曲面上的贝塞尔曲线。用数学方程式描述它们是一回事,而用计算机图形来描述它们是另一回事。

SVG 3D构建器

图层可视化器

一个基于Web的简单3D图层可视化工具(用于可视化材料UI和其他涉及深度/阴影的事物)。

图层可视化器

1 Comments

  1. 约翰·金 说:

    你好
    都不好
    是否有任何人实际托管并建立适当的3D网站

  2. 您可以添加sharetextures.com吗?

    我们正在CC0许可下创建免费的PBR纹理。所有纹理都是免费的,分辨率高达4K。

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.