跳到正文
ZH
English soon 简体中文 日本語 soon

Webflow

产出干净、可上线代码的视觉化网页设计与托管平台

访问官网

Webflow 是什么

Webflow 是一个视觉化网页设计与托管平台,让你不用手写代码就能搭建响应式、可上线的站点。你不是像页面构建器那样拖拽小部件,而是以视觉方式操作真正的 CSS 盒模型,Webflow 为你生成干净的 HTML、CSS 与 JavaScript。配上内置托管、CMS 与动画工具,它已经成为那些想要代码级控制、却不想维护代码库的设计师的最爱。

这份评测基于在 Webflow 里设计与上线营销站与内容站,同时关注学习曲线、按站点计价,以及 CMS 对内容团队来说到底好不好用。

适合谁使用

Webflow 是为在意设计还原度、且不想管托管的人做的。自由职业设计师与网页工作室用它更快交付漂亮的客户站点。市场团队用 CMS 维护打磨过的、内容驱动的页面。创始人与小品牌不用开发者就能上线专业的营销站与作品集。代理公司在一个平台上跨客户工作区规模化。

如果你想要最简单、几乎不用学、模板市场又大的拖拽方案,更偏新手的构建器可能更平缓。Webflow 会回报那些愿意投入时间学它设计模型的人。对那些站点靠结构化内容与自动化驱动的团队,把它与 Airtable、Zapier 这类工具配对,就能把它扩展成一条更完整的内容管线。

价格构成

Webflow 把设计器、CMS 与托管分成清晰的几档:

  • 免费档(仅测试)—— 搭建并测试不能用于生产的站点,使用 Webflow 的子域名。
  • 站点套餐(每月 14 美元起)—— 发布到自定义域名,带基础 CMS。适合作品集或简单站点。
  • CMS 套餐 —— 更高的 CMS 条目上限,以及面向内容密集型营销站点的更多灵活性。
  • Business 与 Enterprise —— 面向更大运营的更多规模、更高上限与高级功能。

因为定价是按已发布站点算的,而 CMS 分层成本也不低,所以运营许多客户站点的工作室要仔细规划支出。和这里所有工具一样,当前价格去官方站点核实。对单个打磨的营销站来说,基础套餐往往就够了。

实际使用记录

实际用起来,Webflow 对掌握它的人给出的产出极佳。可视化设计器对布局、间距、排版与动画给出真正细粒度的控制,而生成的代码足够干净,开发者会尊重这个结果。内置托管快速可靠,而 CMS 让一个不懂技术的编辑也能在不动布局的前提下更新一个设计精良的站点。

代价是一条真实的学习曲线。Webflow 的 CSS 盒、断点、类与交互这套模型不是一个下午能完成的事,新手常常发现它比「无代码」这个标签暗示的更费力。而且它在营销站与内容站上很出色,但它不是复杂 Web 应用或重度自定义后端逻辑的正确工具。

我们喜欢的地方

设计还原度是头号优点。你能搭出一个看起来像手写的站点,因为从某种意义上它就是:Webflow 产出的是生产质量的 HTML 与 CSS,而不是脆弱的小部件标记。CMS 对内容团队真的可用,托管很快,而动画与交互工具让你不写 JavaScript 就能加质感。对于想要控制的设计师和交付客户工作的代理公司,它是最强大的无代码平台之一。

需要留意什么

学习曲线是最大的坎,所以在期待专业结果之前要预留真实的时间。按站点与 CMS 的定价在你管理多个项目时会累积,所以要按站点数量把成本算清楚。同时把范围记在心里:对确实以数据为重的应用或自定义逻辑,Webflow 不是正确的画布。

结论

对想要像素级、代码质量控制的营销站与内容站的设计师与团队,Webflow 是最强的无代码平台。它比新手构建器要求你更多,但回报多得多的打磨与控制。对围绕站点的结构化内容管理与自动化,把它与 Airtable 和 Zapier 配对是合理的。如果你想要通往上线站点最简单的路,考虑一个更轻的构建器;但在设计卓越这件事上,Webflow 领先这个类别。

值得一看的替代品

  • Airtable —— 管理你已发布站点所展示的结构化内容。
  • Zapier —— 在你更广的技术栈里自动化表单提交与内容。

优点与缺点

✓ 我们认可的地方

  • 强大的可视化设计器,生成干净的真实代码
  • 内置可靠快速的全球托管
  • 面向内容驱动营销站点的能力很强的 CMS
  • 不写代码也能做响应式控制与动画

! 需要留意的地方

  • 尽管挂着「无代码」的标签,学习曲线仍然很陡
  • 按站点计价加上 CMS 分层,项目一多就很可观
  • 不适合复杂的 Web 应用或重度自定义后端

替代选择

值得一并看看的相似工具,以及它们的差异。

Airtable

用 Airtable 管理站点展示的结构化内容,即使网站本身部署在别处也一样。

阅读我们的评测

Zapier

把 Webflow 和 Zapier 搭配使用,把表单提交和内容推送进你更大的自动化流程。

阅读我们的评测

常见问题

Webflow 免费吗?

有免费方案,可以搭建并测试不能用于生产的预发布站点。发布到正式域名需要付费站点方案,每月约 14 美元起。

Webflow 适合做博客与内容站吗?

适合。Webflow 的 CMS 支持以数据集合驱动内容、模板与动态页面,很适合需要精致自定义设计、而不是千篇一律模板的营销站与博客。

我需要写代码吗?

不需要。你在可视化层面操作 CSS 盒模型,Webflow 生成 HTML、CSS 与 JavaScript,不过设计师用它收益最大。

评测方法