编写更好的Web代码

这是我觉得很讽刺的东西。 许多网页设计师喜欢网络构建者带来的简洁性。 然而有趣的是,大多数Web构建器的创建是为了通过自动化底层代码来消除Web设计人员和开发人员的角色。

好笑,对吗?

但话说回来,网络建设者似乎正在做相反的事情。 他们没有减少设计师和开发人员的角色,而是专门为这些团队优化了工具。 他们的主要目标是为设计机构提供先进的工具。

你怎么问?

好, 一个Webflow 是一个突出的例子。 它在整个网页设计环境中的作用很快就会被我们看到。 此Webflow评论讨论了您需要了解的所有关键功能,相应的弱点以及利用平台进行设计的成本。

但首先,Webflow究竟是什么?

Webflow评论:概述

正如您现在可能已经想到的那样,Webflow不是您典型的Web构建器。

该工具在2013中推出,作为一种网页设计解决方案,将专业的无代码设计工具与强大的可视化CMS相结合,并且标准构建器的用户友好性。 因此,将其视为Web构建解决方案之间的融合 维克斯 和CMS引擎一样 WordPress的。

一个Webflow

但是,不要搞错。 Webflow不会与之竞争 维克斯 Weebly。 它针对不同的用户群体提供了一组不同的功能。

总而言之,最令人着迷的是Webflow对整个编码事物的智能方法。 它是一个无代码的平台,恰好支持代码编辑以提高灵活性。

混乱? 是的我知道。 这就是为什么我花时间仔细评估Webflow提供的所有内容 - 从网站设计到内容管理系统。

以下是详细信息......

Webflow评论:功能

网站设计

毫无疑问,Webflow是一些东西。 但它的无代码网页设计工具一直是这里的主要产品。

好吧,如果你在开始之前将它与Adobe Photoshop的编辑窗口混淆,那将是可以理解的。 这两个可能看起来像是远方的双胞胎兄弟姐妹,但随着你越来越近,结果会变得非常不同。 更具体地说,您会注意到Webflow是一个主要在CSS和HTML上运行的自动化引擎。

Webflow设计师

在它上面,您可以轻松地引入网站元素,然后相应地移动它们而不使用代码。 编程位由Webflow的底层框架处理,该框架在您继续设计过程时系统地创建和编辑您的站点代码。

如果您已经尝试过其他无代码的Web设计人员,那么您就会知道,消除编程位的代价是灵活性有限。 有趣的是,Webflow的设计工具并未遵循这一趋势。 所以,我会诚实地承认,它肯定是市场上最先进的多功能网站建设者之一。

现在,让我们面对现实吧。 在网站管理工具方面,高级和简单是两个已知的事情,如火和冰。

对于形式而言,Webflow并不是您在那里找到的最简单的构建器之一。 虽然它的界面非常强大,但它看起来很复杂,可能需要一些努力来相应地学习绳索。

对于初学者来说,Webflow并不会产生完全无代码设计过程的错觉。 因此,不要指望直接跳入并开始在画布上绘制形状。 这种方法会大大限制您的定制能力。

因此,在您构建网站时,此处的系统巧妙地嵌入了编码的某些方面。 例如,如果您打算引入一个方形的中间页面,则必须添加一个新的<DIV> 元素,然后将其左下和右上点编辑为零以及固定定位。

这是什么意思?

虽然您可以在没有任何编程知识的情况下继续使用Webflow,但它需要对HTML和CSS属性有一个基本的了解,以全面地利用其纯粹的功能。

但是,如果您不愿意,只需勾选“我不写代码“ 选择注册时。 随后,系统将扩展其自动化功能,以便为您处理大部分设计。

也就是说,你可以从一个完全空白的画布开始。 这是我喜欢的方法,因为我可以从基础定制所有内容。

但要谨慎一点。 将此选项留给有CSS和HTML经验的设计人员。 否则,您可能会在整个过程中混淆或陷入困境。

编写新手的最佳方法是利用Webflow预先设计的模板。 事实证明,该系统提供的不仅仅是200有吸引力的模板,30是完全免费的。 另一方面,付费的将花费你$ 24和$ 79。

在对各种主题进行彻底分析后,我注意到它们明显不同 - 具有不同的结构和特征。 然后,随后的编辑过程允许您更改其元素的背景,颜色,图层,不透明度,旋转,效果,位置,大小等。

托管

这不用说。 与今天的大量网络构建者一样,Webflow提供站点托管以及自定义域及其设计包。

Webflow托管

但是,不要指望这里采用典型的共享计划方法。 Webflow选择在内部维护站点,在其描述为“无限可扩展的服务器机群”内。

这意味着什么?

好吧,Webflow比全球的100数据中心拥有和控制更多。 将其与运行的CDN相结合 亚马逊的CloudFront的 快速- 结果是一个坚固的系统,用于托管所有类型的网站。

除了处理任何流量大小外,Webflow还可确保最佳性能,并具有毫秒级的页面加载时间和99.99%网站正常运行时间。 其AWS支持的框架对于为企业站点支持相对较大的流量负载提供坚实的基础尤为关键。

由于Web安全性势在必行,Webflow的托管基础​​架构符合HTTP / 2标准,用户可以为其站点获取相关的SSL证书。

内容管理系统

这是内容符合视觉设计的地方。 Webflow的CMS基本上允许您输入和管理您网站的内容。 换句话说,您可以在正在构建的精确页面上添加和编辑任何文本或媒体。

如果您正在管理具有复杂结构的广泛Web项目,您将特别感谢系统支持手动调整内容方面的能力 - 包括内容类型,团队成员,项目等 - 以及可自定义的字段。

好吧,这一切都得到了促进 CMS收藏 - 可以从主编辑器窗口直接访问的功能。 生成新集合后,您可以继续使用内容类型来定义字段并引入项目。 随后它们被采用为与您创建的页面集成的不同网页或列表。

Webflow CMS

混乱? 好的,考虑这个例子 - 要建立一个显示组织员工的页面,您可以引入一个“团队成员”集合,其中包括社交链接,描述,姓名,照片和员工姓名等项目。

现在,这基本上涵盖了CMS后端。 但是,你知道吗? 那不是全部。 Webflow继续通过Webflow编辑器为WordPress提供良好的运行资金。 在这里,您可以根据预先选择的类型为已发布的页面添加新内容。

简而言之,您可以获得一个全面的网站,支持动态内容,如投资组合,文章和博客文章,而无需安装额外的插件。

协作

承认它。 大型网页设计项目令人兴奋。 但是,它们可能会越来越繁琐,尤其是如果您未能简化相关方的所有相关方。

Webflow似乎已经考虑过这一点并且很好地尝试促进具有多个团队成员的网页设计机构的协作。 还有更多 - 您还可以邀请其他方,如客户,第三方设计师,承包商等。他们的角色和用户功能取决于您设置的相应权限。

Webflow协作

例如,如果您正在与客户打交道,您可以邀请他们实时审查他们的项目 - 严格限制使用权限。

也就是说,我注意到所有站点调整都是实时反映在整个板上的。 这有助于协作团队成员避免重复已经处理的任务。

总体特点

  • XML网站地图
  • SEO元标题,描述
  • 图片alt标签
  • 帮助中心
  • 社区论坛
  • 优先支持
  • 电子邮件支持
  • 自定义域名
  • 暂存网站
  • 即时更新
  • 自定义网址重定向
  • 24 / 7网站监控
  • 快速加载时间
  • Google Domains采购
  • Zapier整合
  • MailChimp整合
  • 谷歌Analytics(分析)整合
  • SEO优化
  • 白色标签形式
  • CMS白色标签
  • 网站密码保护
  • 项目组织
  • 网站备份
  • 自定义错误页面
  • 自定义favicon
  • 直接客户账单
  • SNS组件
  • 丰富的文字
  • 灯箱
  • 背景视频
  • HTML嵌入代码
  • 下拉式菜单
  • 谷歌地图
  • 滑块和旋转木马
  • 标签导航
  • 可定制的Web表单
  • 网站编辑
  • 表格提交审核
  • 打开图表内容
  • SEO标签模板
  • CMS通过Zapier进口
  • RSS订阅
  • CMS API
  • 3D动画
  • CSS样式属性
  • 网站模板
  • 优化的图像
  • Web字体系列
  • 全局颜色样本
  • CSS3灵活的盒子
  • 自定义代码添加
  • 可导出的代码
  • CSS过滤器

Webflow评论:定价

Webflow的定价结构对于某些用户来说似乎很复杂,而其他用户则赞扬其全包式方法。

如果你是一个讨厌单个平台上的大量软件包的类型,因为它带来了复杂的比较过程,那么你可能会发现Webflow的定价计划有点麻烦。 但是,另一方面 - 如果您更喜欢适合不同用户级别的多个定价选项,那么您将会喜欢这里的事情组织方式。

现在,首先,Webflow试图支持三种类型的用户 - 自由职业者,独奏设计师和设计团队。 每个类别都有自己的一套具有不同功能的包。

Webflow包

以下是每个计划的简要说明:

对于自由职业者:

免费分期 - 完全免费。

  • 每月10表单提交
  • 50 CMS项目
  • 500每月访问量
  • 2静态页面
  • 免费webflow.io子域名

基本主机 - 每月收费$ 15或每月收费$ 12。

  • 每月500表单提交
  • 25,000每月访问量
  • 100静态页面
  • 免费SSL选项
  • 域名创建

CMS主机 - 每月收费$ 20或每月收费$ 16。

  • 3内容编辑器
  • CMS API访问
  • 2,000 CMS项目可用
  • 每月1,000表单提交
  • 100,000每月访问量
  • 100静态页面
  • 免费SSL选项
  • 域名创建

商业主机 - 每月收费$ 45或每月收费$ 36。

  • 10内容编辑器
  • CMS API访问
  • 10,000 CMS项目可用
  • 无限制的表单提交
  • 1,000,000每月访问量
  • 100静态页面
  • 免费SSL选项
  • 域名创建

自由职业者的Webflow

对于设计师:

起动机- 自由。

  • 免费升级
  • 客户账单
  • 最多2并发项目
  • 免费网站建设

Lite- 每月收费$ 24或每月收费$ 16。

  • 代码导出
  • 增强的分期
  • 客户账单
  • 最多10并发项目

每月收费$ 42或每月收费$ 35。

  • 网站密码保护
  • 白色标签
  • 项目所有权转移
  • 代码导出
  • 增强的分期
  • 客户账单
  • 无限制的并发项目

设计师的Webflow

对于创意团队

球队- 每月收费$ 42或每月收费$ 35。

  • 团队仪表板
  • 网站密码保护
  • 白色标签
  • 代码导出
  • 增强的分期
  • 客户账单
  • 无限制的并发项目

大团队 - 定制报价。

  • 批量团队成员定价
  • 团队仪表板
  • 网站密码保护
  • 白色标签
  • 代码导出
  • 增强的分期
  • 客户账单
  • 无限制的并发项目

团队的Webflow

谁应该考虑使用Webflow?

考虑到所有事情,我们鼓掌 一个Webflow 提供:

  • 免费SSL证书以确保安全性。
  • 免费的集成内容交付网络,可减少页面加载时间。
  • 与有效系统合作的高级全球网站托管 亚马逊的CloudFront的 快速- 用于快速页面加载速度。
  • 用于动态内容创建的通用集成CMS。
  • 用于测试和审查各种网站元素的临时环境。
  • 优化的CSS和JS管理器,用于高级站点管理以及动画和样式的整体控制。
  • 灵活的Web构建过程,从空白画布或预先设计的模板开始。
  • 一种适合移动设备的网页设计工具,可在您构建网站时实时生成可导出的代码。

除此之外,我遇到的缺点包括:

  • 支持电子商务网站的功能有限
  • 一个非常有利于程序员的设计过程
  • 数量有限的网站模板
  • 初学者的陡峭学习曲线

现在,让我们把所有东西捆绑在一起。 我敢打赌,你会同意Webflow是一个先进的网站建设系统,专为寻求更多功能和控制的开发人员,设计人员和代理商而设计。

你怎么看?

头像

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。