Webflow中文评测

Webflow感觉很神奇。让我解释一下。

Webflow的重大创新是其Designer工具。它为您提供了前端编码的灵活性,而无需您实际进行编码。

现在注意我说的是前端编码。

前端编码基本上是您网站的展示。这就是它的外观和感觉。它是HTML,CSS和一些Javascript

那么Webflow如何做到这一点?他们如何构建一个无需实际编写代码就能提供代码灵活性的设计工具?

好吧,就像大多数让人觉得神奇的东西一样,它背后实际上有一个逻辑解释。

Webflow的愿景

Webflow是经过深思熟虑,新颖的构想的结果。

首先,Webflow不会回避代码的复杂性。相反,它包含了它。

因此,当您将一段元素添加到页面时,您可能会感到惊讶。添加后,您会看到它只是放在那里:

Web开发人员将了解这里发生的事情,但非编码人员可能不会。基本上是为了限制此元素的宽度,需要将其放置在容器中

这是网页设计的基本概念。这就是盒子模型。Webflow并没有从类似于盒模型的概念中抽象出来,因为Webflow的全部目的是要包含前端代码的复杂性。(毕竟,代码的复杂性才使代码具有灵活性。)

在许多方面,Webflow Designer实际上只是用于前端编码的可视界面。

例如,您添加HTML元素:

然后,在边栏上使用与CSS样式匹配的选项来对元素进行样式设置:

因此,您实际上能够在Webflow中设计几乎任何东西,因此没有太多限制。

这使其成为与SquarespaceWix等建站系统截然不同的工具。Squarespace和Wix并非为您提供完全的自由。它们提供了模板和智能默认值,使您摆脱了代码的复杂性,因此使用起来更加容易。

另一方面,Webflow并没有让您开始使用模板,它的学习曲线更为陡峭,但是您可以使用它做更多的事情。

您确实需要学习Web设计的基础知识才能使用Webflow。其中包括样式层次结构,框模型,浮动,绝对和相对位置以及其他基本Web基础等概念。

如果您从未听说过这些概念,可能听起来有些吓人。但是,如果您是一个精通技术的人,并且在Webflow大学工作了几个小时,您可能会惊讶于可以学到的东西-这些概念具有基本的顺序和逻辑。

融合CMS和电子商务

Webflow的Designer本身非常灵活。这是构建静态网站的好方法。但是,当您将CMS和电子商务与Designer集成在一起时,将Webflow提升到一个新的水平。

CMS允许您创建集合。集合是自定义内容类型。将它们视为数据库。集合由字段组成,例如:纯文本,图像,日期,颜色,甚至是RTF,它为您提供了一个完整的WYSIWYG编辑器。

因此,例如,我们可以创建文章集合。我们将说文章有标题,日期,永久链接和内容:

然后,我们可以开始添加文章。我们将添加两个:

从那里我们可以回到设计器,使用Collection List元素添加文章列表

您甚至可以创建具有关系的多个集合。例如,您可以创建一个作者集合,然后将其添加为与文章的关系。这样文章可以有作者。

Webflow的CMS很不错,但不一定具有突破性。该突破性的事情是,你可以插上CMS内容到一个Webflow Designer-这意味着你甚至都不需要对代码做任何修改。

作为Web开发人员,这让我震惊,我可以用Webflow搭建一个CMS和网站的速度有多快。人们为此付出了很多钱来雇用设计师来做这件事,但是Webflow使它非常容易。

我见过Webflow CMS支持各种网站:

故障是失败启动的存档。您可以看到每个公司如何将其作为集合的条目:

Flowbase是Webflow模板的市场:

Bonsai用来建立一个博客:

您也可以将电子商务集成到Designer中。

电子商务启用了两个新的集合:产品类别。两者的工作方式均类似于CMS集合(例如,您可以添加自定义字段),但是它们具有一些电子商务所需的特殊字段。

一旦添加了一些产品,就可以围绕这些产品创建页面,就像创建CMS集合一样。

电子商务还会自动为您提供可以设置样式的结帐和购物车页面。

与CMS一样,Webflow的电子商务功能也并非完全具有突破性。例如,Webflow永远不会匹配Shopify的电子商务功能但这不是重点。突破性的事情是,可以将电子商务插入Webflow Designer中,而Shopify没有Webflow的出色Designer工具。

编辑器界面

关于Webflow 编辑器的简要说明。

Webflow还包括一个编辑器界面,该界面可让您浏览网站并更改文本和图像-还使您可以访问CMS。移交给客户或团队是一件方便的事情。

Webflow给我留下了深刻的印象。老实说,我迫不及待地想知道它的去向,但我偶尔还是遇到了限制。

例如,我无法从Typography.com添加字体-我的网络字体选择仅限于Google字体和Typekit。

我还发现CMS的局限性使我无法将一些较大的项目移至Webflow,例如,我希望能够重新排序内容关系或对永久链接结构有更多控制。

但是,我确实感谢Webflow的“ 愿望清单”区域,社区可以投票和讨论新功能。因此,Webflow知道人们的要求。

但是您可能会争辩说这些都是小限制。我已经为网站编码了将近二十年,我大概已经对应该做的事情产生了一种应有的感觉。因为现实是您仅使用Webflow就能做的很糟糕。

要承认的主要事情是Webflow具有学习曲线。您确实需要了解Web设计的基础才能使用Webflow。我不想劝阻您-如果您下定决心,就可以学习这些东西。但是Webflow肯定比Squarespace这样的学习曲线更陡峭。

即使以我作为Web开发人员的背景,我也发现Webflow中的某些事情变得更加令人困惑-例如,我发现很难管理我的所有CSS类。有时,我希望可以编写样式表。我只是生成了太多的CSS类。

但是,总体而言,Webflow无疑提供了一种无需代码即可构建网站的新方法-创新的核心是Designer工具。将Designer与Ecommerce和CMS结合使用时,您会得到真正新颖而有趣的东西。我等不及要看看他们在此基础上还建立了什么。

Webflow清楚他们的敌人是什么:他们的敌人是代码。

他们发起了无代码运动,他们的首席执行官习惯性地讲述了无代码运动,他们的主页承诺您可以“打破代码障碍”。

所有这些炒作可能会让您有些怀疑。我知道我对此评论表示怀疑,但我已真诚地转变为信徒。

Webflow不会适合所有人-它肯定具有学习曲线-但是对于那些愿意学习的人来说,它将是巨大的力量。

© Site Builder Zone

前端设计师的好工具。Webflow.com