1。Webflow允许您使用代码可视化,在熟悉的UI

虽然代码忍者几乎可以看到一个网站从他们的代码行来生活,大多数设计师,嗯,更难。即使他们知道足够的代码是“危险的”。

值得庆幸的是,Webflow为你做翻译工作,所以你可以在你的驾驶室:工作的视觉世界。你只是拖干净地编码,充分响应的HTML元素在画布上,他们,你希望他们下降,和风格使用熟悉的可视化工具。所以写几行代码,储蓄,并刷新浏览器,即时,视觉反馈快得多,所以你可以工作。

这意味着你不必担心你的CSS语法是否正确。甚至如果你正在试图做的是可能的。或者整天盯着代码编辑器。

2。>原型样机

如果你的团队仍在Photoshop中产生静态模拟,然后把它们交给你的客户或利益相关者审查…嗯,是时候考虑一个新的工作流。

生产像素级静态模拟各种屏幕尺寸,尺寸,方向吃起来吨的时间。和客户和利益相关者都往往很难想象这些静态模型成为生活、动态网站。尤其是当涉及到交互。

现在想象一下,发送你的客户和利益相关者不静态模型,没有出租汽车司机联系屏幕,但是功能齐全,生活网站。网站,他们可以在他们的桌面上玩一下,平板电脑和手机。网站,在那里他们可以点击链接,看你灿烂的页面切换动画实际发生的。网站没有装满了lorem ipsum,但实际内容。

Webflow,你可以做这一切。所以更多。

3所示。Webflow响应设计10倍更容易

记得上次你嘲笑响应网站?怎么样,感觉你时,天的艰苦的意念和迭代后,你意识到:

现在我要做一遍为平板电脑设计。

然后,再次,智能手机的景观。

然后,再次,肖像的智能手机。

是的。不好玩,对吗?

现在,想象一下整理你的桌面设计,然后点击一个按钮来显示一个已经完成回流的平板电脑你的设计。和智能手机。和智能手机的肖像。

想象与回流知道你不困。您可以调整这些特定于设备的设计为智能手机用户突出显示不同的内容。

4所示。Webflow使它的方式简单说明你的互动的想法

机会是,你已经有一些才华横溢的交互和动画的想法在你的设计生涯。和你试图捕捉他们的外观和感觉如何通过切换Photoshop图层,使视频或gif,甚至试图让主题屈服于你的意志。也许你甚至砍别人的JavaScript来实现预期的效果。

使用Webflow,您可以留下那些日子。建立你的交互和动画使用相同的工具你用你的余生网页设计工作——没有编码,gif,或开发人员解释你的视力。

当你准备好这些交互反馈,你的客户和利益相关者可以体验。所以它是很容易看到你在想什么。

5。Webflow CMS可以设计数百页

如果你曾经为CMS,你知道你只需要创建1设计为您的博客。

但是当你创建一个博客设计,你加满lorem ipsum;大,美丽的图像;和鼓舞人心的您的史蒂夫•乔布斯(Steve Jobs) ?或者你设计与实际内容,直接从真实用户的键盘和智能手机吗?

如果你做了后者,你知道如何使用真正的有价值的建立你的网站内容。与真正的内容,你:

• 与用户建立真正的移情
• 确定什么类型的内容实际上创建,而不是你认为他们创造
• 在边界情况迅速捡起
• 设计为的内容,而不是期待的内容符合你的设计
• 注意到自定义设计的机会——毕竟,并不是每一个博客都看起来一样

6。Webflow桥梁设计开发的差距

如果你与开发商合作,给生活带来你的设计,你知道困难和耗时的,合作可以。与你设计的静态模型和开发人员编码匹配,就像你经常从零开始。这是没有反馈的所有轮和妥协。

但随着Webflow,你不是设计像素或向量,设计真正的HTML和CSS。这意味着您可以吗单击一个按钮和把你的开发者一个干净、语义版本的设计已经代码。不需要翻译。

即使他们需要做出调整,使其与贵公司工作的系统或风格标准,很刺激。

7所示。Webflow桥梁设计内容差距

虽然谈到远远少于设计开发的差距,设计和内容之间的差距往往是张大口地巨大和难以调和。(作为一个终身内容的家伙,我知道我所讲的)。

有很多原因,但这两个排在最艰巨的(普通):

• 设计师往往超过内容创造者(很多)。这种不平衡没有什么本质上的问题,但它确实意味着作家往往是不断地淹没。而不是在并行工作,设计往往领先的内容。让我们内容的人不值得羡慕的任务我们的话穿上布局影响我们没有机会。
• 内容的人往往缺乏直接影响设计的工具。当我们看到一个荒唐的错误在主页上,我们唯一的办法往往是提交一个缺陷。并希望足够dev在乎(或带宽)做出改变。我们迫切想要做出改变的,但往往没有办法完成它。

Webflow CMS有助于克服这些挑战让作家、编辑和营销人员立即在网站更新内容。更不用说创建和编辑登陆页面(根据您的模板)不需要设计或开发有所帮助。

8。Webflow着陆页面创建的微风

设计师在营销团队最终不可避免的支出很多的时间登陆页面的设计,将他们移交给dev,然后检查编码的结果。甚至更多的时间有助于调整和优化登陆页面的测试。

Webflow简化这一过程,让您创建团队Templates-shared网站设计可以克隆一个点击,然后根据需要调整。如果需要的是几个副本或图像的变化,你可以发布页面并把它传递给你的信息通过CMS编辑更新。

你也可以创建一个登陆页面集合,允许内容编辑器创建和调整着陆页面本身。没有设计或开发必要的依赖关系。

9。更多的设计一致性和速度与团队模板

除了登录页面,团队模板还提供了设计团队一个了不起的工具,建立一个设计风格指南。

容易捕捉排版风格,图标指南,调色板,标志standards-every方面你期望你的视觉品牌。你的团队甚至可以创建典型风格的互动对象像标签一样,下拉,形式,滑块,等等,并保存符号。

这样,当一个设计师开始一个新项目,他们可以简单地克隆风格指南,他们不需要删除元素,和——砰!——产生一个一致的设计。加上,UI元素保存为符号,它相对容易使品牌风格的更新:编辑一个实例的符号和其他实例将更新以匹配。魔法。

10。Webflow的设计师和CMS自动更新

在Webflow,我们不断修正工作,用户体验改进,新功能,和其他改进。你没有去做一件事的好处。

WordPress和Adobe的世界相去甚远,是吗?

11。网站自动备份(版本控制)和分期的url

如果你使用Photoshop——比如,——你知道拖失去你的工作。一旦你,它只会变得更糟你的工作转移到网络。

这就是为什么Webflow自动创建一个备份版本,每20自动保存你的网站,或任何时候你按下Shift +⌘+ S在Mac或Shift + Ctrl + S在Windows。如果您需要恢复改变(无论是由于错误或优柔寡断的客户端),恢复备份只需要一次点击。

Webflow也给你选择发布更改分期URL(yoursiteURLhere.webflow.io)所以你可以测试功能和审查你的的网站内容。没有更多的破网站。

而这仅仅是一个开始

我们可以继续。但我们宁愿听到你的最喜欢的理由让你的团队启动并运行在Twitter上的Webflow,所以让我们知道!