设计资源合集：从建站到出图，8个站点够用了

建站与经营：不止做页面，还要考虑生意

万小智3.0 — 阿里云旗下的AI建站平台

官方一句话是「从 Vibe Coding 到 Vibe Business」。意思不绕弯：不只会生成网站，还管域名备案、部署运维、GEO/SEO 优化、AI 客服和经营分析。适合不懂代码的中小企业主，想把网站、小程序都弄上线，还要后续的搜索排名和客户咨询入口。

从官网标注看，这条路是打通的。选它的场合很明确：你要做一个正经的商业网站，不只是个人作品集。域名、备案、SEO 分开搞太烦，万小智把这些串起来了。

但这类平台通常有学习成本。后台功能多，界面就不一定清爽。定位是「经营平台」不是纯建站工具，别拿它当傻瓜用就好。

居然设计家3D设计工具 — 8秒出图的3D云设计

官方声明是「最快8秒离线+实时混合渲染、3秒生成智能样板间，超100万真实商品模型，全球超1000万设计师正在使用」。适合装修业主、室内设计师、需要快速出效果图的人。特别是建材家具行业，能用真实商品模型直接拖进场景。

选它的场合：你要给客户看一个「能走进去」的空间方案，而不是平面图。100万个模型意味着家具、灯具、软装这些东西比较全，不用自己建模。它面向一线设计工作，不是概念演示。

插画与图形：补上你的视觉素材缺口

Blush — 在线插图定制工具

定位是给设计加插画。全球艺术家上传插画系列，你在上面选风格、定制、下载 PNG 或 SVG。适合需要插画但不会画的人。运营做海报、开发者做落地页配图、PPT 想摆脱纯文字，都能用上。官方说法是「大家可以用的插图工具」。

选它的场合：项目缺一张有风格的插画，又没预算找插画师。从抓取到的信息看，它支持在线编辑，能调整插画变量，下载格式有PNG和SVG。够实际项目用了。

开发学习：从入门到查文档

Bootstrap中文网 — 前端框架的中文文档库

Bootstrap是Twitter出的CSS/HTML框架，现在最新版本是5.0。这个中文网提供v2到v5各版本的中文文档、代码实例，还有开源项目CDN加速服务。适合用Bootstrap开发的前端。特别是国内开发者，直接读英文文档效率低，这里查起来快。

选它的场合：你在用Bootstrap写页面，遇到某个组件用法记不清，来查文档。或者刚接触框架，想找中文实例照着抄。文档站没什么好讲的，实用即可。

W3School在线教程 — 零基础编程教程

官方定位是「零基础快速入门、完全免费」。覆盖HTML、CSS、JavaScript、SQL、Python、PHP、Java、XML等，每门课有可运行实例、参考手册、在线测验。适合计算机专业的学生巩固基础，非科班转行的人入门。官方甚至说了，「非计算机专业、甚至文科背景的同学」都能学。

选它的场合：你完全没写过代码，想找个门槛低的东西先试试看。或者你写前端但不熟后端，想补点SQL、Python的底。这类站的缺陷很典型：覆盖面广但每个方向都不够深。学完了算入门，离干活还有距离。

w3ctech — Web开发中文技术社区

按站内简介描述，这是一个面向Web开发者的中文技术社区，聚合前沿文章、技术问答与线下活动信息，覆盖Vue、JavaScript、AI开发等方向。适合想跟上技术趋势的开发者。尤其是Vue和AI开发方向感兴趣的，在这里能看别人在讨论什么。

选它的场合：你写代码遇到问题，Stack Overflow看不懂英文解答，来中文社区问。或者想找线下的前端技术活动参加。社区站的价值取决于活跃度，如果问答区没人答，就是个文章聚合站。目前没有更多数据支撑它的活跃情况，按简介描述仅供参考。这点我拿不准，可能得自己上去逛两圈才知道。

Cocos — 跨平台实时内容创作引擎

官方描述是全球领先的3D引擎，支持2D/3D游戏开发，应用领域覆盖游戏、智能座舱、XR、教育等。开源、免费、轻量。适合做游戏开发的，或者做车机界面、XR应用的人。Cocos Creator是可视化工作流，比纯代码引擎好上手。

选它的场合：你要开发一个跨平台（iOS/Android/Web）的互动应用，又不想用Unity那种重型工具。别被3D这个词吓到，2D游戏它照样擅长。在国内中小游戏团队里用得比较多，中文资料和社区生态比国外引擎好找。

营销与数据：设计师看完了，运营也能看

TooBigData — 广告运营、增长、AI 与数据手记

从抓取到的内容看，这是一个长期更新的个人博客或笔记站点，话题覆盖技术、增长、KOL生态、产品实践，还有「抖音3000多个流量池」「小红书法国赛道达人排行」这类具体操作向文章。适合做广告投放、品牌增长、社交媒体运营的人。内容偏实践笔记，不是学院派理论。

选它的场合：你要投抖音广告或找小红书达人合作，想看点具体的案例和数据记录。按官网标注更新频率看，内容比较新。看起来像是真的做过投放的人写的，不是那种抄来抄去的营销号。

FAQ

问：我是设计师，插画和3D二选一，先学哪个？

答：看你的输出场景。做UI、平面设计，Blush够用，现成的插画系列改改就能用。做室内设计或产品展示，居然设计家3D出图效率高。不用选，两个都用得上，但优先级取决于你手头的项目类型。真要二选一，先做UI就学Blush，简单直接。

问：这些站里哪些是真的免费的？

答：W3School完全免费，Bootstrap中文网本质是文档站也不收费。Cocos开源免费。Blush有免费部分也有Pro付费档。万小智和居然设计家是商业服务，具体价格要看官网报价。TooBigData是博客不收钱。如果你一分钱不想花，W3School加Bootstrap中文网就能让你学到能干活的前端基础。后面再看要不要上别的。