Webflow让设计师不写代码也能建网站
像用Photoshop那样、托托拽拽就可以建好网站?对,就这么简单。但Webflow解决的却是两类人群的大问题。
Sergie和Vlad Magdalin两兄弟,一个是设计师,一个是程序员。当他们一起在一家公司工作时,Sergie负责设计,而Vlad则负责把Sergie做出来的PS图片变成网页。“那真是让人绝望。”Vlad回忆起当时的工作场景时说,“Sergie会不断变动他的设计,而我就不得不浪费掉之前写好的很多代码。有时候他还会说,你难道不能再在这加一个按钮吗?那个时候我就想,天啊,你不知道这个按钮背后有多复杂?!它不是一个按钮,是一个数据库,一个登录系统!”
在痛苦了一段时间后,Sergie和Vlad决定自己做一个网站开发工具。一方面,让设计师、或者不那么懂编程的人可以在不用写代码的情况下,依靠修改设定和拖拽来实现网站设计,就像是使用Photoshop一样;另一方面,程序员们也不用再纠结难缠的设计工作,可以专心把精力放到产品上来。
于是,Webflow就这样诞生了。尽管市场上已经有了很多可以无需代码就建立网站的工具,比如weebly,但是很多都是基于模板的体验,这对于真正的设计师来说,还是有太大的限制,无法让他们传达出自己的设计理念。而且,现在的网站设计越来越复杂、动态交互越来越多,图片加文字的组合已经不能满足人们的需要。所以,Webflow不仅主打响应式的可视化网站设计工具,并且还在最近推出了一个新的功能:动态交互设计。
也就是说,就算你完全不懂代码,那种漂亮的边栏弹出、鼠标停留展示多层内容等特效,也可以轻松和实现了。
“现在,很多网站设计还要求设计师必须了解HTML,CSS 和JavaScript。但是Webflow的愿景是希望能像博客和WordPress改变人们在网络上书写内容的方式那样,改变人们的网站设计方式。”Vlad告诉PingWest。
Webflow的操作界面确实很像Photoshop等其他设计工具,页面左边会是网站的效果预览,而右边则是操作面板,上面有各种参数,以及很多核心的元素和组件。随着拖拽模块和修改参数,Webflow都会在后台自动生成相应的代码,它们甚至还会根据浏览器和设备的不同,来自动渲染,实现响应式的效果。当然,如果想要实现的效果非常复杂,超出了Webflow提供的功能范围,也可以在进行初期的设计之后,转交给程序员进行进一步完善。
虽然一方面认为自己提供的网页设计是像使用Photoshop一样简单,但另外一方面,Webflow又希望结合代码的特性,让它的功能比Photoshop更强大。比如,依据他们云端服务的特点,用户可以对网站的细节进行最细致的修改,并且可以同时应用到多个元素上。而诸如多页面、自定义表格都可以实现。而且,在网站设计完成后,不需要再去找FTP客户端,而是可以直接托管在他们的云平台上,真正的实现了在世界范围内的一键发布。“为了保证访问的速度,我们还会让服务器在世界各地同步。这样保证你的用户打开网站的体验非常流畅。”Vlad说。
而上面提到的Webflow最新推出的Interactions功能,就让设计师可以脱离平面的框框,而用可视化工具来创造动态效果,而不需要和以往实现这些特效需要的JavaScript和jQuery斗争。而为了实现这个效果,Webflow搭建了一个庞大的代码库,而且,Vlad说,这些代码都是“干净而漂亮的”,可以保证网站稳定运行。
Webflow在亚洲已经有了不少客户,尤其是在日本韩国和台湾。“我们听说在中国,设计师就有差不错1000万。但是我们一点都不惊讶。”Vlad Magdalin说,“美国有50万的设计师。”
就像上面说的那样,Webflow针对的不仅仅是设计师,很多开发者也发现了这个工具的妙用。即使写代码不是问题,他们还是选择用Webflow来设计UI,然后把代码导出来,放到他们的应用里去。“这很自然。很多开发者并不喜欢设计,但是很多时候不得不这么做,我们的快速成型即使也可以帮他们‘减轻’这种痛苦。”Vlad说。这也是他们认为的未来UI设计的方向,“你不需要花两天时间去设计,而是有Webflow这样快捷的工具,帮你自动生成代码,然后开发者再深度定制就行了。”
由于还提供网站托管服务,Webflow采取的是免费试用两周,之后按月付费的方式,定价从14-70美元不等。Vlad说,它们有三分之一的客户就是独立的创业者,不过,即使是大公司,也很喜欢用他们的服务。“当大公司的团队内部需要创建一些简单的页面,比如市场活动、招聘页面等,他们更愿意用Webflow。老实说,这比去央求公司里的工程师们帮他们实现这个实现那个要方便快速多了。”
Webflow的增长速度很快,此前,他们的联合创始人Bryant Chou告诉PingWest,他们差不多每两个月用户就会翻一倍,而由于采取的是收费模式,所以对他们来说,取得盈利并不是困难的事情。但是,他们还在做一个非常有趣的新尝试,有可能会改变未来创建网站的方式。
“我们希望的是,现在还需要一个团队来做的事情,比如说,一个动态的、复杂的网站,将来,只需要一个设计师,就可以搞定了。”Vlad说。