像用Photoshop那樣、托托拽拽就可以建好網(wǎng)站？對，就這么簡單。但Webflow解決的卻是兩類人群的大問題。

Sergie和Vlad Magdalin兩兄弟，一個是設(shè)計師，一個是程序員。當(dāng)他們一起在一家公司工作時，Sergie負責(zé)設(shè)計，而Vlad則負責(zé)把Sergie做出來的PS圖片變成網(wǎng)頁。“那真是讓人絕望。”Vlad回憶起當(dāng)時的工作場景時說，“Sergie會不斷變動他的設(shè)計，而我就不得不浪費掉之前寫好的很多代碼。有時候他還會說，你難道不能再在這加一個按鈕嗎？那個時候我就想，天啊，你不知道這個按鈕背后有多復(fù)雜？！它不是一個按鈕，是一個數(shù)據(jù)庫，一個登錄系統(tǒng)！”

在痛苦了一段時間后，Sergie和Vlad決定自己做一個網(wǎng)站開發(fā)工具。一方面，讓設(shè)計師、或者不那么懂編程的人可以在不用寫代碼的情況下，依靠修改設(shè)定和拖拽來實現(xiàn)網(wǎng)站設(shè)計，就像是使用Photoshop一樣；另一方面，程序員們也不用再糾結(jié)難纏的設(shè)計工作，可以專心把精力放到產(chǎn)品上來。

于是，Webflow就這樣誕生了。盡管市場上已經(jīng)有了很多可以無需代碼就建立網(wǎng)站的工具，比如weebly，但是很多都是基于模板的體驗，這對于真正的設(shè)計師來說，還是有太大的限制，無法讓他們傳達出自己的設(shè)計理念。而且，現(xiàn)在的網(wǎng)站設(shè)計越來越復(fù)雜、動態(tài)交互越來越多，圖片加文字的組合已經(jīng)不能滿足人們的需要。所以，Webflow不僅主打響應(yīng)式的可視化網(wǎng)站設(shè)計工具，并且還在最近推出了一個新的功能：動態(tài)交互設(shè)計。

也就是說，就算你完全不懂代碼，那種漂亮的邊欄彈出、鼠標(biāo)停留展示多層內(nèi)容等特效，也可以輕松和實現(xiàn)了。

“現(xiàn)在，很多網(wǎng)站設(shè)計還要求設(shè)計師必須了解HTML，CSS 和JavaScript。但是Webflow的愿景是希望能像博客和WordPress改變?nèi)藗冊诰W(wǎng)絡(luò)上書寫內(nèi)容的方式那樣，改變?nèi)藗兊木W(wǎng)站設(shè)計方式。”Vlad告訴PingWest。

Webflow的操作界面確實很像Photoshop等其他設(shè)計工具，頁面左邊會是網(wǎng)站的效果預(yù)覽，而右邊則是操作面板，上面有各種參數(shù)，以及很多核心的元素和組件。隨著拖拽模塊和修改參數(shù)，Webflow都會在后臺自動生成相應(yīng)的代碼，它們甚至還會根據(jù)瀏覽器和設(shè)備的不同，來自動渲染，實現(xiàn)響應(yīng)式的效果。當(dāng)然，如果想要實現(xiàn)的效果非常復(fù)雜，超出了Webflow提供的功能范圍，也可以在進行初期的設(shè)計之后，轉(zhuǎn)交給程序員進行進一步完善。

雖然一方面認為自己提供的網(wǎng)頁設(shè)計是像使用Photoshop一樣簡單，但另外一方面，Webflow又希望結(jié)合代碼的特性，讓它的功能比Photoshop更強大。比如，依據(jù)他們云端服務(wù)的特點，用戶可以對網(wǎng)站的細節(jié)進行最細致的修改，并且可以同時應(yīng)用到多個元素上。而諸如多頁面、自定義表格都可以實現(xiàn)。而且，在網(wǎng)站設(shè)計完成后，不需要再去找FTP客戶端，而是可以直接托管在他們的云平臺上，真正的實現(xiàn)了在世界范圍內(nèi)的一鍵發(fā)布。“為了保證訪問的速度，我們還會讓服務(wù)器在世界各地同步。這樣保證你的用戶打開網(wǎng)站的體驗非常流暢。”Vlad說。

而上面提到的Webflow最新推出的Interactions功能，就讓設(shè)計師可以脫離平面的框框，而用可視化工具來創(chuàng)造動態(tài)效果，而不需要和以往實現(xiàn)這些特效需要的JavaScript和jQuery斗爭。而為了實現(xiàn)這個效果，Webflow搭建了一個龐大的代碼庫，而且，Vlad說，這些代碼都是“干凈而漂亮的”，可以保證網(wǎng)站穩(wěn)定運行。

Webflow在亞洲已經(jīng)有了不少客戶，尤其是在日本韓國和臺灣。“我們聽說在中國，設(shè)計師就有差不錯1000萬。但是我們一點都不驚訝。”Vlad Magdalin說，“美國有50萬的設(shè)計師。”

就像上面說的那樣，Webflow針對的不僅僅是設(shè)計師，很多開發(fā)者也發(fā)現(xiàn)了這個工具的妙用。即使寫代碼不是問題，他們還是選擇用Webflow來設(shè)計UI，然后把代碼導(dǎo)出來，放到他們的應(yīng)用里去。“這很自然。很多開發(fā)者并不喜歡設(shè)計，但是很多時候不得不這么做，我們的快速成型即使也可以幫他們‘減輕’這種痛苦。”Vlad說。這也是他們認為的未來UI設(shè)計的方向，“你不需要花兩天時間去設(shè)計，而是有Webflow這樣快捷的工具，幫你自動生成代碼，然后開發(fā)者再深度定制就行了。”

由于還提供網(wǎng)站托管服務(wù)，Webflow采取的是免費試用兩周，之后按月付費的方式，定價從14-70美元不等。Vlad說，它們有三分之一的客戶就是獨立的創(chuàng)業(yè)者，不過，即使是大公司，也很喜歡用他們的服務(wù)。“當(dāng)大公司的團隊內(nèi)部需要創(chuàng)建一些簡單的頁面，比如市場活動、招聘頁面等，他們更愿意用Webflow。老實說，這比去央求公司里的工程師們幫他們實現(xiàn)這個實現(xiàn)那個要方便快速多了。”

Webflow的增長速度很快，此前，他們的聯(lián)合創(chuàng)始人Bryant Chou告訴PingWest，他們差不多每兩個月用戶就會翻一倍，而由于采取的是收費模式，所以對他們來說，取得盈利并不是困難的事情。但是，他們還在做一個非常有趣的新嘗試，有可能會改變未來創(chuàng)建網(wǎng)站的方式。

“我們希望的是，現(xiàn)在還需要一個團隊來做的事情，比如說，一個動態(tài)的、復(fù)雜的網(wǎng)站，將來，只需要一個設(shè)計師，就可以搞定了。”Vlad說。

贊助

• 幣付寶
• 幣行支付

分享到：

打開微信，掃一掃

肖旭 xiaoxu@pingwest.com

0 條評論