新四季網

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說。

同类文章

創新才能共贏酷6網UGC模式為你引航

    YouTube是世界上最大的視頻分享網站,以UGC(用戶產生內容)視頻互動分享為主,而對於這種UGC視頻平臺建設而言,用戶與內容量是發揮規模效應的基礎。作為短視頻網站的代表,酷6網一直堅持著UGC路線,他所擁有的海量視頻資源以及優秀拍客群體,都為它在短視頻領域的成功奠定了基礎,使它成為目前中

「短酷」APP成為拜年「潮品」

        春節期間,一款名為「短酷」的APP悄然躥紅。一年一度的新春佳節是中國老百姓歡聚一堂、享受人生的日子,大家在一起留影紀念必不可少。「短酷」能夠將照片一鍵變成短視頻,還可以配樂、配上自己想說的話,順應了過年期間記錄美好回憶的需求。也有些不能回家團圓的朋友用「短酷」為家人做一封「電子家書

聯建光電攜手微信紅包 史上最大紅包有望出爐

    【2014年2月13日,深圳】在2014年元宵節和情人節「雙節」臨近之際,中國企業家思想群友(微信公眾號,CEOideas )攜手創業板上市公司聯建光電(股票代碼,300269),開展微信搶紅包創意活動。本次活動是繼2014年農曆微信搶紅包後又一次具有實驗意義的傳播活動,將掀起微信搶紅包的又

搜狗壁紙:甜蜜浪漫過雙節

    今年的2月14日正好就是農曆正月十五,元宵節和情人節趕在了同一天。還沒從春節的喜悅中緩過神來的朋友們,又將迎來一個特別浪漫的節日。為此,搜狗壁紙為廣大用戶準備了眾多精美的元宵節及情人節壁紙,為大家增添節日氣氛。   元宵節 鬧元宵  農曆正月十五元宵節,又稱為「上元節」,是中國漢族和部分兄弟

騰訊QQ上線3D大黃臉表情包:目前已有16種

       說到QQ大黃臉表情,大家一定都非常熟悉,而根據相關的統計數據,其中「笑哭」的表情也是中國網遊使用頻率最高的表情。近日,騰訊QQ再次推出了3D版的QQ黃臉表情,共16個表情包,讓人看了忍不住像要下載。      據了解,這一套看起來超萌的表情包卻耗費了設計師不少的精力,尤其是那個經典的「
你們不是水軍!?仙劍6發行商認錯道歉

你們不是水軍!?仙劍6發行商認錯道歉

    《仙劍奇俠傳6》引發的爭議又進入了新階段了——玩家的吐槽還在繼續,周六官方火上澆油式的公關招到了更多人的反感,但居高臨下指責水軍抹黑的仙劍6發行商暢遊樂動已經頂不住了,昨晚刪除了之前的微博,已經向玩家表示歉意。    事情的起因不需多說了,玩仙劍6的肯定知道,不玩的人估計也不會關心。其實大家
繼續打巨魔的節奏 魔獸7.0新內容曝光

繼續打巨魔的節奏 魔獸7.0新內容曝光

    這是一篇美服論壇的劇透帖子——這樣的帖子每天發10個都不會累,但是這一個不同:次的LZ似乎就是上次在MMO champion上爆料WOD的那個啊!    要不就是暴雪沒學乖,要不就是暴雪故意的,不過由於WOD這種營銷看起來還挺成功,故意的可能性也許大?    資料片內容預覽      資料片
《爐石傳說》"冠軍的試煉"八月開啟

《爐石傳說》"冠軍的試煉"八月開啟

    在地精與侏儒交戰8個多月之後,《爐石傳說》的新內容「冠軍的試練」即將在8月初正式登場,屆時將有132張全新的卡牌、全新主題的對戰面板以及歡迎各位買買買的新卡包來到各位玩家面前,下面我們就一起來了解一下《爐石傳說》「冠軍的試練」中的內容吧。以下內容來自爐石傳說官網    來自艾澤拉斯各個角落的
不再掉幀?《仙劍奇俠傳6》新補丁到來

不再掉幀?《仙劍奇俠傳6》新補丁到來

《仙劍奇俠傳6》PC版的優化讓很多玩家揪心,在遊戲發售後,《仙劍奇俠傳6》官方面對玩家提出的各種問題積極回應反饋,補丁也在緊急製作中,今日,《仙劍奇俠傳6》的1.0.3補丁正式發布,一起來看看都更新了哪些玩家迫切等待修復的問題吧。    針對之前《仙劍奇俠傳6》版本的3D效能優化效果不流暢,或者運行
《虛空之遺》開啟預購 快來買買買!

《虛空之遺》開啟預購 快來買買買!

    作為暴雪旗下《星際爭霸II》三部曲的最終篇章——《星際爭霸II:虛空之遺》於今日正式開啟了預售,現在各位玩家可以通過點擊「」或打開自己的戰網客戶端進入到《星際爭霸II:虛空之遺》國服的預購頁面,提前入手《星際爭霸II:虛空之遺》。    在這次《星際爭霸II:虛空之遺》國服的預售活動中,各位