一行代码,无需构建
完成的标志可以作为嵌入内容发布并放置到任何页面——只需粘贴您想要的代码片段即可。无需向您的捆绑包添加3D框架,无需将模型文件上传到CDN,并且在您的网站重建时也无需额外维护。
您的网站的3D标志
静态标志是默认选项,因为制作一个交互式标志过去意味着需要雇人。在这里创建标志,您可以将其放置在您的网站上,让人们可以抓取和旋转——只需一行嵌入代码,无需安装3D库,也无需自行托管任何内容。

完成的标志可以作为嵌入内容发布并放置到任何页面——只需粘贴您想要的代码片段即可。无需向您的捆绑包添加3D框架,无需将模型文件上传到CDN,并且在您的网站重建时也无需额外维护。
如果您更倾向于拥有文件,可以导出模型并自行配置——它可以在标准的Web 3D查看器和所有3D应用程序中打开。这种方式工作量更大,但能让您完全控制其加载和行为。
挤出式标志是赋予平面颜色区域厚度,因此它是简单的几何体,无需下载纹理——其文件大小仅为扫描或雕刻模型的一小部分。这在需要快速加载的英雄区(hero section)中尤为重要。
因为它是通过光照而非绘制呈现的,您可以选择其所处的环境,并调整光线以适应您的页面。为深色英雄区设计的标志和为白色背景设计的标志,实际上是同一个模型,只是周围环境不同。
为什么选择 Mixos
首页上的交互式3D标志有一个特殊的作用:它让页面感觉是精心制作而非简单拼凑,并在访客进入的第一秒就提供了一些可操作的内容。大多数网站没有它的原因并非品味问题,而是成本——从历史上看,这意味着需要一名建模师、一名熟悉3D库的Web开发人员,以及一个没人愿意承担的维护负担。
目前有两种可靠的途径:嵌入代码或模型文件。嵌入代码是一段您可以粘贴的代码片段;查看器、文件和托管都已处理,并且在您重新设计网站时也能正常工作。模型文件则属于您:您自行托管,选择查看器,并精确决定其加载方式——这提供了更多控制,但也意味着更多工作,如果标志需要参与到比旋转更复杂的互动中,这便是正确的选择。
无论您选择哪种方式,几何体都会为您提供帮助。一个从平面颜色区域挤出的标志,由少量简单形状和纯色构成,没有图像纹理,这使得下载文件小巧,渲染成本低廉。这与将摄影测量扫描或雕刻资产放入主视觉区有着实质性的区别。
最重要的设计决策是克制。一个在闲置时缓慢旋转、拖动时响应的标志显得深思熟虑;一个持续高速旋转的标志则像屏幕保护程序。将灯光设置成与所在区域匹配,保持小幅运动,让它成为人们其次注意到而非首先注意到的事物。
创建标志是免费的,无需账户。发布嵌入代码,或下载模型文件自行托管,需要付费计划。
对于嵌入代码,不需要——它是一个您可以粘贴到页面中的代码片段,就像您添加嵌入式视频一样。获取模型文件并自行连接确实需要熟悉网页3D查看器的人。
挤出式标志是具有纯色且无纹理图像的简单几何体,因此以3D标准衡量,它是一个小文件。它仍然比PNG大,所以请将其放置在它值得出现的位置——例如主视觉区,而不是每个页面的页眉。
是的,访问者可以用手指像使用鼠标一样旋转它。值得检查它在手机尺寸下的显示效果,因为标志中的精细细节在小屏幕上会很快消失。
那么您需要可打印版本——相同的标志可以导出为用于3D打印机的STL文件,这与网页嵌入是不同的页面和文件。