3D UI没死,只是不再免费:一场从炫技到克制的深度转型

源自56位全网作者

05-13 14:23

精选参考来源

1
建筑设计经常需要昂贵的专业软件如AutoCAD或Revit,年费动辄数万美元,还得安装桌面客户端,跨平台协作麻烦重重。Pascal Editor 把3D建筑设计全流程搬到浏览器,提供免费开源的完整解决方案。基于React Three Fiber和WebGPU的高性能渲染,支持实时编辑建筑/楼层/墙体/区域,支持层叠/爆炸/独立视图显示,还内置撤销重做、几何系统生成和空间碰撞检测。GitHub:github.com/pascalorg/editor主要功能:- 完整的节点层级:Site→Building→Level→Wall/Slab/Zone/Item,支持实时编辑和几何生成;- GPU加速3D渲染,墙体倒角、CSG切割门窗、楼板多边形生成;- 智能系统更新,仅重渲染脏节点,高效性能;- 撤销/重做(Zundo)、IndexedDB持久化存储场景;- 空间网格管理,支持物品放置验证和楼板高度计算;- 工具系统:墙体绘制、区域创建、物品摆放、选择/变换工具。支持Web浏览器直接运行,通过bun dev本地开发,14.6k星标,适合建筑师、设计师和初学者快速原型设计。#AI创造营##Web3D# 爱可可-爱生活的微博视频
2
收藏好这50+大厂UI规范!AI也能做出好设计awesome-design-md,是 VoltAgent 团队在GitHub 上开源的项目。它做了一件特别实在的事:从58个知名网站里提取了设计系统,全部写成了 DESIGN.md 格式,直接开箱即用。覆盖范围很广:AI/开发者工具:Claude、Cursor、Vercel、Linear、Mistral、Cohere基础设施与支付:Stripe、MongoDB设计工具本身:Figma、Framer消费品牌:Apple、Spotify、Tesla、Airbnb、Revolut、Coinbase每一个设计文件旁边还附带了 preview.html 和 preview-dark.html——打开就能看到颜色样本、字体比例、按钮样式的可视化展示,亮色暗色主题都有,选起来一目了然。 怎么用?三步搞定第一步:挑风格进入项目,浏览各个品牌目录,打开 preview.html 看看效果,找到你想要的那套风格。比如你要做一个 SaaS 工具的落地页,想要 Linear 那种极简黑白风;或者做一个金融类产品,想要 Stripe 的那种稳重专业感。 第二步:复制文件把对应品牌目录下的 DESIGN.md 复制到你项目的根目录。 第三步:告诉 AI打开 Cursor、Claude、Windsurf,或者任何你在用的 AI 编程工具,加一句话:"请参考项目根目录的 DESIGN.md,按照其中的设计规范来构建这个界面。"然后正常描述你的需求就好。AI 会自动读取 DESIGN.md,把色彩、字体、间距、组件风格全部套进去。生成的结果,和你目标品牌的视觉语言高度一致——再也不是一堆AI味儿浓浓的紫色渐变。 思考DESIGN.md 这个格式的出现,让我想到一件事:设计规范正在变成代码基础设施的一部分。以前,设计师维护 Figma 文件,开发者写代码,两边永远在对齐、永远在扯皮。设计规范是写给人看的,翻译成开发实现的成本极高。现在,当 AI 成为主要的"开发者"之后,设计规范必须是 AI 能直接消费的格式。DESIGN.md 就是这个接口。未来每个认真做产品的团队,都会维护一份自己的 DESIGN.md。 它不再只是文档,而是 AI 时代设计师和工程师之间的协作契约。而 awesome-design-md 这个项目,相当于把世界上最顶级的设计决策,变成了人人都能取用的公共资源。一个独立开发者,现在可以站在 Stripe 设计团队的肩膀上造界面了。
全部
来源
内容由AI生成

精选参考来源

1. 建筑设计经常需要昂贵的专业软件如AutoCAD或Revit,年费动辄数万美元,还得安装桌面客户端,跨平台协作麻烦重重。Pascal Editor 把3D建筑设计全流程搬到浏览器,提供免费开源的完整解决方案。基于React Three Fiber和WebGPU的高性能渲染,支持实时编辑建筑/楼层/墙体/区域,支持层叠/爆炸/独立视图显示,还内置撤销重做、几何系统生成和空间碰撞检测。GitHub:github.com/pascalorg/editor主要功能:- 完整的节点层级:Site→Building→Level→Wall/Slab/Zone/Item,支持实时编辑和几何生成;- GPU加速3D渲染,墙体倒角、CSG切割门窗、楼板多边形生成;- 智能系统更新,仅重渲染脏节点,高效性能;- 撤销/重做(Zundo)、IndexedDB持久化存储场景;- 空间网格管理,支持物品放置验证和楼板高度计算;- 工具系统:墙体绘制、区域创建、物品摆放、选择/变换工具。支持Web浏览器直接运行,通过bun dev本地开发,14.6k星标,适合建筑师、设计师和初学者快速原型设计。#AI创造营##Web3D# 爱可可-爱生活的微博视频

2. 收藏好这50+大厂UI规范!AI也能做出好设计awesome-design-md,是 VoltAgent 团队在GitHub 上开源的项目。它做了一件特别实在的事:从58个知名网站里提取了设计系统,全部写成了 DESIGN.md 格式,直接开箱即用。覆盖范围很广:AI/开发者工具:Claude、Cursor、Vercel、Linear、Mistral、Cohere基础设施与支付:Stripe、MongoDB设计工具本身:Figma、Framer消费品牌:Apple、Spotify、Tesla、Airbnb、Revolut、Coinbase每一个设计文件旁边还附带了 preview.html 和 preview-dark.html——打开就能看到颜色样本、字体比例、按钮样式的可视化展示,亮色暗色主题都有,选起来一目了然。 怎么用?三步搞定第一步:挑风格进入项目,浏览各个品牌目录,打开 preview.html 看看效果,找到你想要的那套风格。比如你要做一个 SaaS 工具的落地页,想要 Linear 那种极简黑白风;或者做一个金融类产品,想要 Stripe 的那种稳重专业感。 第二步:复制文件把对应品牌目录下的 DESIGN.md 复制到你项目的根目录。 第三步:告诉 AI打开 Cursor、Claude、Windsurf,或者任何你在用的 AI 编程工具,加一句话:"请参考项目根目录的 DESIGN.md,按照其中的设计规范来构建这个界面。"然后正常描述你的需求就好。AI 会自动读取 DESIGN.md,把色彩、字体、间距、组件风格全部套进去。生成的结果,和你目标品牌的视觉语言高度一致——再也不是一堆AI味儿浓浓的紫色渐变。 思考DESIGN.md 这个格式的出现,让我想到一件事:设计规范正在变成代码基础设施的一部分。以前,设计师维护 Figma 文件,开发者写代码,两边永远在对齐、永远在扯皮。设计规范是写给人看的,翻译成开发实现的成本极高。现在,当 AI 成为主要的"开发者"之后,设计规范必须是 AI 能直接消费的格式。DESIGN.md 就是这个接口。未来每个认真做产品的团队,都会维护一份自己的 DESIGN.md。 它不再只是文档,而是 AI 时代设计师和工程师之间的协作契约。而 awesome-design-md 这个项目,相当于把世界上最顶级的设计决策,变成了人人都能取用的公共资源。一个独立开发者,现在可以站在 Stripe 设计团队的肩膀上造界面了。

3. 消费级FDM多色3D打印爆火,全彩是下一个战场?AI 3D大模型助推

4. #互联网公司# #微博兴趣创作计划# 近期科技圈3D打印赛道热度飙升,从大疆斥资数亿押注消费级3D打印,到美团、腾讯接连布局产业链,巨头集体入场背后藏着三重共振逻辑:技术端AI建模降低操作门槛,需求端潮玩手办缺口大,数据端3D打印设备产量增速超40%。当下消费级3D打印正处爆发前夜,关注设备商龙头和核心耗材供应商,这些公司已切入行业关键环节。科技投资需紧盯技术突破+资金加持+需求爆发的标的,后续将持续跟踪科技公司最新动态。 搞机工程师的微博视频

5. 港科大开源UniGS:统一3D GS,同时渲染RGB、深度、法线、语义!所有模态全部SOTA!

6. 从入门到精通:nTopology 3D打印设计软件全流程系统课程

7. ICLR'26 | UrbanGS:可扩展大场景3D重建,渲染质量、几何精度、内存效率三重SOTA!

8. CVPR'26 重磅!单图秒生带纹理3D物体

9. 开源免费3D高斯点云编辑器SuperSplat震撼登场!无需下载安装,直接在浏览器中运行,极大降低了3D环境原型设计的门槛。 这不仅让创作者可以随时随地快速实验和调整场景,也预示着浏览器游戏和实时3D内容开发的新纪元。想象工作室能即时在网页上完成环境搭建,开发流程将更灵活高效。 SuperSplat的出现,是技术与创意结合的典范,体现了未来数字内容制作向轻量化、开放化的趋势迈进。它让3D设计不再被复杂工具束缚,释放更多创新可能。 这款工具的潜力远超预期,值得每一个游戏开发者、设计师和数字艺术爱好者关注。未来的3D创作,将不再是高门槛的专业操作,而是人人可触达的创意乐园。 探索更多,体验新一代3D编辑器:superspl.at/editor http://t.cn/AX2kjWzZ

10. VIGA,能够生成3D/4D场景的AI智能体。 给定图片,无需人工介入,无需训练,即可生成对应的3D/4D场景。 该项目旨在通过编写可编辑的图形程序来重构图像。该系统利用交替多模态推理机制,在生成者与验证者两种角色间切换,形成写代码、运行渲染、对比差异及修改完善的闭环。通过这种自我修正的循环和不断演进的上下文记忆,VIGA 能够处理 3D 场景重建、动态物理模拟以及 2D 文档排版等多种任务。 论文:arxiv.org/abs/2601.11109 #HOW I AI# #科技# http://t.cn/AXqXOcXP

11. 大家测试车机流畅度的3D车模型,如果想强行流畅也是有办法的。一般来说车机3D界面需稳定,就要帧率≥50FPS,理想,小米等做的好的车机,能稳定60帧以上。响应时间也很重要,点击/滑动响应≤100ms,保证交互跟手。从其他界面(如2D桌面、导航、音乐),启动3D车机界面,本质是进程唤醒+资源加载+渲染初始化+画面合成的完整流程。这个过程芯片和内存的硬件制约了启动的速度和流畅程度,如果算力差了好几倍,确实卡顿也属于没办法的事情。车企可以通过降低实际车模型的渲染分辨率来加速,也就是说虽然都显示自己车的样子,但你如果仔细观察,能感觉到一个是精美的车,一个是有点糊的车。#新能源汽车#

12. 当3D打印遇上AI,傻瓜式操作,新手小白也能玩转!

13. CVPR'26重磅开源 | Vinedresser3D:无需掩码,彻底重塑3D编辑!

14. 3D打印鞋市场将达数百亿,设计超1万款鞋子的中欧汇源强势入局

15. Gemini3.0 超级炸裂玩法大全,做游戏,3D图,演示动画,产品海报......

16. 这 7 个免费开源软件,替代一大堆付费工具!

17. 经历过iOS系统三次大更新的人来说说网上都说拟物化的风格会更加占用iPhone运行资源,这里问题就来了。•当年iOS6(拟物化)升级iOS7(扁平化),明显感觉卡顿激增。•而现在的iOS18(扁平化)升级iOS26(半拟物+玻璃渲染)反而没有感觉到当年的卡顿差异。以上说法好像跟现实中的理论说法有点倒反天罡?或者是当年苹果故意做卡顿?又或者?#iOS26#

18. 生物细胞3D建模常常需要切换多个工具,三维渲染软件处理模型展示,AI生成工具创建细胞结构,还要额外的交互面板查看细节,来回切换颇为麻烦。3DCellForge 把细胞探索所需的功能全部整合到一起,提供了AI驱动的交互式3D细胞生成与探索工作室。不仅有流畅的WebGL细胞查看器,支持拖拽旋转、缩放和器官细节面板,还能通过图像转3D生成真实细胞模型,支持GLB导出、截图和离线缓存。GitHub:github.com/huangserva/3DCellForge主要功能:- 交互式3D细胞查看器,支持React Three Fiber实时渲染和轨道控制;- 图像转3D生成,支持Tripo云端、Hunyuan3D本地和浏览器深度图多种模式;- 器官细节卡片、显微镜视图、比较面板、笔记和图库管理;- GLB/GLTF模型导入导出、截图功能和本地缓存,支持离线演示;- 多平台浏览器运行,集成Vite快速开发,无需复杂环境配置;- 安全API密钥管理,后端Node服务处理生成任务,前端零暴露。支持 Web 浏览器直接运行,通过 npm install 和 npm run dev 即可本地启动,适合生物研究者和教育工作者使用。#AI创造营##人工智能#

19. 分享6个国产开源软件,不输国外同类工具!

20. 【IGN 中国专访 SIGONO】SIGONO 暌违已久的新作《OPUS:心向吾山》将于 4 月 16 日正式推出。这次游戏的舞台从太空回到了大地,并且首次实现了系列的全 3D 化。不久前,我们以邮件形式采访了工作室的核心成员 Brian(首席制作人、导演兼编剧)与 Sam(首席 UI/UX 设计师),和他们聊了聊关于新作标题的寓意、3D 转型的挑战、对前作玩家反馈的回应,以及十年以来的创作感悟。#IGN原创# #IGN访谈# http://t.cn/AXMmxInJ

21. 【AI辅助设计】GPT-Image-2实战:5 组3D海报类提示语分享

22. 以前觉得3D影像遥不可及,现在有了鸿蒙6,咱们普通人也能生成360°旋转的3D影像,这就是科技进阶的价值。#鸿蒙3D影像定格精彩# 3D场景的《咏春》舞剧沉浸感拉满,定格舞台的每一面,立体感拉满,氛围感拉满。黄渤、李斯丹妮带队,秀出3D视频,身临其境的沉浸感,具象化的展现Remy的强大!并且最重要的是,3D空间也支持添加动态滤镜进行风格化渲染,能够很方便的进行调整,带来更精彩的呈现。3D技术记录生活普及大众,鸿蒙操作系统,操作变简单,效果真硬核,3D视频超酷,本地渲染超快,还支持“碰一碰”分享,方便传给朋友,传播力拉满。仅需5分钟就能带来专业级3D模型,3D照片还原真实又全面,以后去景区拍照,分享好物,有了新的展现形式,如此强大的效果,还得是鸿蒙帮我们实现,为我们带来实打实的震撼。

23. 这个aetherviz-master skill不错,可以输入主题,生成3D互动教学素材。可以在Claude Code,OpenClaw等skills中使用。特点:1. 基于 Three.js 构建的交互式 3D 教学引擎,支持物理模拟、粒子效果与多设备操作。2. 融合 SVG 与数据可视化能力,可结合 D3.js 实现 2D-3D 同步展示。3. 具备智能内容识别,可自动判断学科、渲染方式与语言并调整呈现风格。4. 现代玻璃拟态 UI 与响应式布局,适配多端并提供侧边控制与数据 HUD。5. 内置教学工具链,包括学习目标追踪、公式渲染(KaTeX)、讲解与测验控制。访问:github.com/andyhuo520/aetherviz-master#HOW I AI# #科技#

24. 李飞飞空间智能World Labs开源3D高斯溅射渲染引擎Spark 2.0。(有一说一,我还没看太懂李飞飞:“Spark 2.0现已可在任意设备上流式渲染超1亿splats!能为基于网页的3D高斯溅射渲染开源生态贡献力量,我深感自豪!”

25. 浙大×西湖开源 | Auto3R:告别手动扫图!机器人自主3D重建,多场景重建质量拉满

26. 好家伙,这波用Remy制作的黄渤和李斯丹妮的3D视频有点东西的,现在建立3D模型都这么简单了么?哪怕你不懂建模,都可以凭借着鸿蒙6的强大AI实力再结合方舟引擎的组件,就可以做到仅凭手机拍摄就能生成立体画面,移动端轻松搞定复杂渲染。5分钟就能生成可360°查看的3D沉浸空间,还可以“碰一碰”直接分享。从拍摄生成到多设备协同、一键分享,生态联动全程丝滑,科技感拉满还超好上手!人人都能玩专业3D创作,这波真的香~ 真的就是用黑科技定格生活高光!#鸿蒙3D影像定格精彩#

27. 2026 TCT 3D打印亚洲展有哪些值得看的?一期视频告诉您!

28. 【AI辅助设计】Gemini 3刷屏之际,Meta 重磅发布 SAM 3 与 SAM 3D:AI 辅助设计再添利器

29. 【教程】1秒1张图,2D图片变3D场景!Apple开源新算法

30. 最近被3D视频刷了屏——《咏春》舞剧用Remy生成的逼真3D舞台,连台步的力道都藏在立体细节里;黄渤和李斯丹妮用Remy做的3D视频,更是把日常瞬间拍出了电影质感。 作为第一批玩Remy的人,我敢说这是鸿蒙给普通人的3D福利:不用会建模,拿手机绕着拍一圈,依托鸿蒙和方舟引擎,5分钟就能生成可360°查看的3D沉浸空间,本地渲染丝滑,还能“碰一碰”直接分享。 这哪里只是一个APP,明明是华为在搭从拍摄到分享的全链路3D生态。再加上鸿蒙6的智慧光感、AI一键成片这些功能,从交互到体验都踩中了用户的爽点,这种把复杂技术做的好用又易用的实力,才是鸿蒙的领先之处,也难怪生态进化得这么快!#鸿蒙3D影像定格精彩#

31. TCT 3D打印展深度总结|亮点与创业机会

32. 1000倍压缩!TUM开源Nix and Fix:让3D GS仅占用0.1 MB内存,精度无损!

33. 无需微调!浙大开源FreeFix:同时增强3D高斯泼溅的保真度和泛化性!

34. 字节跳动AI生成3D模型新突破,Seed3D 2.0发布

35. Owen来造 | 3D打印是如何改变一个传统行业之康复支具 #3D打印 #矫形支具 #polymaker #聚复科技 #科技猎手

36. OPPO Find N6的无感折痕沟通会,钛合金铰链和记忆玻璃,通过德国莱茵 TÜV 60次测试还平整,把我们最关心的折痕给整好了! –「钛合金天穹铰链」通过新结构设计以及「芯片级」高分子 3D 打印,使得铰链本身的平整起伏只有 0.1mm。 –「天穹记忆玻璃」玻璃还有传统柔性玻璃的 3 倍刚性以及 99.9%自修复还原度。

37. 3D电视会不会复活并成为爆款?

38. 【AI辅助设计】从单图到可缩放世界:三款前沿AI工具如何重塑3D与设计流程

39. #鸿蒙3D影像定格精彩#现在的鸿蒙的软件生态越来越好,专门给鸿蒙开发应用的作者也越来越多,其中就有这个前段时间非常火的鸿蒙首发应用Remy,它可以生成逼真3D场景的,像视频里的《咏春》舞剧、黄渤与李斯丹妮,都是用Remy制作的3D视频。Remy就是依托鸿蒙操作系统与方舟引擎,实现了在手机端通过拍摄视频即可生成逼真3D场景的惊人效果,并能流畅本地渲染与“碰一碰”分享,大概这就是鸿蒙生态的威力。

40. AI都能自己操作3D打印机了!钉钉悟空 接入3D打印工作流测试

41. 一加 Ace 6 至尊版性能实力看齐游戏主机。新品搭载联发科当代旗舰芯天玑9500,相比上代 CPU 性能提升32%,功耗降低55%;拥有移动端最强GPU G1-Ultra,峰值性能相较上一代提升33%,光线追踪渲染性能大幅提升119%,功耗降低42%,全面拉高射击游戏体验上限。以最吃性能的大型3D射击游戏为例,一加 Ace 6 至尊版在十个烟雾弹的极端环境下,依然保持满帧。

42. 在做3D像素风(体素)建模时,很多专业建模软件界面复杂、操作不够直觉,而轻量工具又往往只在2D范围里做像素图。Goxel是一个开源体素(voxel)建模器,把3D像素建模、视图导航和材质涂色结合成一个简洁工具,适合快速构思、游戏素材制作和体素艺术创作。项目地址:github.com/guillaumechereau/goxel主要功能1.支持3D体素网格建模,构建块状像素风模型;2.提供多视角导航与旋转查看模型结构;3.具备调色板和材质涂色功能;4.可导出为常见格式(如OBJ)用于游戏或渲染;5.跨平台支持Windows、macOS和Linux;Goxel不是大而全的3D套件,而是聚焦体素艺术这类特定建模形式,让创作者能在不被繁杂界面干扰下快速构建、编辑和导出作品。

43. 看十年UI变迁史,UI审美是轮回?你可错了

44. 2026 年 UX 趋势 #6:超越虚拟现实的空间、3D 和沉浸式用户界面

45. 苹果的全球世代宣传被揭穿。微软和华为塑造了拟物化和玻璃形化。

46. 设计必藏|2026 视觉趋势 别再瞎做了。一、质感革命:从扁平到触感 1.新拟物化 2.粗粝美学 3.玻璃拟态 二、空间重构:从二维到多维 1.空间UI化 2.全域3D设计 三、风格大融合:打破边界的创意表达 1.野性复古主义 2.超现实梦幻 3.自然原生风 四、A设计:从辅助工具到共创伙伴 1.AI优先设计工作流:计师提出概念,AI 生成多种方案,合作优化 五、排版与图形:重塑信息传达方式 1.大字体宣言 2026 视觉设计的黄金法则 2026年视觉设计不再追求"完美无瑕",而是寻找"真实有温度"的表达。 关键在于平衡: 数字与自然:高科技呈现+有机质感 虚拟与现实:空间沉浸+物理交互 AI辅助与人类创意:算法效率+情感温度 个性化与一致性:千人千面+品牌识别 🔺划重点! 2026趋势核心:用色彩传情绪,用空间造沉浸,用AI提效率,但“人味”才是终极密码~ #视觉趋势 #2026年视觉趋势 #设计趋势 #Ai #新趋势

47. 液态玻璃(Liquid Glass):2026年UI设计最火视觉趋势

48. 华为鸿蒙 HarmonyOS 6 沉浸光感视效更至 2.0 版本,效果三档可调

49. 液态玻璃怎么做?告别PS多图层堆叠!轻松制作精致UI界面

50. “充气感3D”背后:设计师如何突破矢量与立体化的技术鸿沟?深度解析视觉趋势与高效工作流

51. 深圳数字美学:玻璃拟态风格在深圳式网站设计中的创新演绎

52. 【熟肉】拟物化 vs. 液态玻璃:设计哲学的根本差异 - Design Lovers

53. 别被带节奏!鸿蒙 6.0 玻璃特效和 iOS26,根本不是一回事!

54. 告别卡顿与兼容噩梦!2026移动端跨平台3D渲染,开发效率提升300%

55. 从扁平平铺到 3D 立体,AI重构服装展示与转化逻辑

56. 玻璃质感图标:利用内发光与投影图层样式,制作通透立体的玻璃拟态图标

0
扫一下,分享更方便,购买更轻松
0评论

当前文章无评论,是时候发表评论了
提示信息

取消
确认
评论举报

最新文章 热门文章