Webflow讓設計師不寫代碼也能建網站
2025-02-25 10:44:24
像用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說。