是我第一次聽到 Webflow 時希望存在的文章。在本次 Webflow 審查結束時,您將知道 Webflow 是否適合您。我花了四年的平台經驗才在這篇文章中寫下了我所知道的一切。2017 年一個刮風的夜晚,喝了三杯咖啡,我發現自己絞盡腦汁,試圖弄清楚如何使用 HTML 和 CSS 創建一個自訂網站。
網站模板不適合我,我想建立一個完全自訂的網站 – 無需學習如何編碼。經過幾次 Google 搜尋後,我第一次遇到了Webflow 。很興奮,我報名了。但不久之後,我意識到這不是您常規的網站建立器。由於對學習曲線感到困惑,我放棄了。直到大約一年後,當我在一家行銷機構工作時,我才發現我們的創意總監正在使用 Webflow 建立客戶的網站。她對該平台的熱情引起了我的興趣,我決定再給 Webflow 一次機會。
這次,我會嘗試將您目前所在的 2024 年更新的全球電話號碼列表 網站從 WordPress 轉移到 Webflow,看看會發生什麼。四年後,我再也沒有回頭。實際上,我非常喜歡這個平台,最後在 Webflow 的行銷團隊工作了幾年,但那是另一個故事了。然而,我充分意識到 Webflow 可能不適合所有人。因此,在這篇文章中,我將全面(且有趣)地回顧 Webflow 到底是什麼、該公司的發展方向、它是否真的適合您,以及使用該平台建立網站的感覺。
我還將回顧我與該平台的複雜關係以及我決定再次嘗試的真正原因。這可能與您在線上閱讀的常規 Webflow 評論略有不同。主要是因為我有機會在 Webflow 內部工作,所以我可能有與典型的網站評論部落客不同的觀點。
如果您真的想了解有關 Webflow 的更多信息,我鼓勵您讀完本文。是的,很長。但我花了幾天時間把它放在一起,所以我不遺餘力。這是我第一次了解 Webflow 時希望存在的文章。
以下是我們將在本文中討論的一些內容,內容很多:
- 什麼是網路流?
- Webflow真的好嗎?
- Webflow 對 Web 開發人員有好處嗎?
- Webflow 對網頁設計師有好處嗎?
- Webflow 對 SEO 和行銷有好處嗎?
- 您可以在 Webflow 中建立 6 種不同類型的網站
- 工作原理:Webflow 生態系統解釋
- Webflow 產品功能集
- 所有 Webflow 資源
- Webflow 的實際成本是多少?
- 工作空間與場地規劃
- 誰應該使用 Webflow? Webflow 適合您嗎?
- Webflow很難用嗎?
- 如何快速學習Webflow
孩子們,你們準備好了嗎?哎哎隊長!
什麼是網路流?
Webflow 是一個視覺化 Web 開發平台,可讓設計人員在類似 Photoshop 的介面中建立完全自訂的專業網站,而無需了解如何編碼。
如果我用簡單的英語來解釋它,想像一下如果 Photoshop 和 WordPress 變得活躍並且生了一個孩子——那就是 Webflow。您可以獲得 Photoshop 等平台的設計自由,以及 WordPress 等平台的 CMS 和網站功能。
Webflow 於 2013 年首次亮相,當時聯 細胞數據 合創始人在 Hacker News 上推出了該工具的原型。原型是當今 Webflow 的簡單版本——一種網頁設計工具,可讓您以視覺化方式編寫 HTML、CSS 和 JavaScript 程式碼。
雖然 Webflow 看起來像是在過去十年中憑空出現的,但執行長 Vlad Magdalin 最初在 2000 年代初就有了這個想法。他一邊養家活口,一邊做日常工作,曾多次嘗試創辦公司。
但直到 2013 年,Vlad 與另外兩人合作,三位共同創辦人向Y Combinator申請第一輪投資。這是一個令人印象深刻且鼓舞人心的壯舉。
當然,有像 Adobe Dreamweaver 或 Muse 這樣的平台,但它們都無法與Webflow 提供的靈活性和乾淨的符合 W3C 的語義程式碼相媲美。
在最初的幾年裡,Webflow 產品只是設計者(我們稍後會討論)。直到 2015 年,Webflow CMS 才推出。這改變了遊戲規則。
透過新增 CMS(內容管理系統),您現在可以在 Webflow 中使用真實資料進行設計 — 不再只建立簡單的網頁。現在您可以建立部落格、目錄 獲得商務辦公室的 101 指南 網站或任何需要動態內容的網站。
這是他們 2015 年的 Webflow CMS 影片廣
快進到今天,Webflow 是領先的無程式碼建立器,估值達數十億美元 – 配備電子商務功能、邏輯和用戶會員資格。
Webflow正在成為一個平台,您無需知道如何編碼即可建立軟體。現在,您實際上可以在 Webflow 中重建 Airbnb 等 Web 應用程式。
Unicorn Factory是一個自由職業市場,目前完全使用 Webflow 構建,因此這應該說明該平台的強大功能。
Webflow真的好嗎?
是的,Webflow 是市場上用於在拖放介面中設計和建立完全自訂的動態網站的最佳工具之一。
如果您是設計師,Webflow 將允許您將自訂網頁設計轉變為功能齊全的客製化網站。如果您是開發人員,Webflow 將允許您快速建立原型並匯出乾淨的 HTML、CSS 和 JavaScript。
Webflow 的偉大之處在於它是一個社群主導的平台,這也是它與大多數網站和登陸頁面建立器不同的地方。
從一開始,Webflow 就聽取了客戶的意見,並向平台添加了直接來自他們願望清單的功能。
Webflow Showcase(稍後詳細介紹)也充滿了創建不同 Webflow 元件的 Web 設計師。在展示中,您可以找到可以在自己的專案中複製和使用的不同設計資源。
Webflow 擁有所有軟體公司中最強大的社群之一,可輕鬆找到大量網站範本、UI 工具包以及有關如何將該平台用於不同用例的資源。
除此之外,許多知名公司已經開始使用 Webflow ——Upwork、Discord、Metamask(每月超過 1,200 萬訪客)、Adobe、Michael Kors 和 Chipotle 等。
可以肯定地說,Webflow 受到一些相當大的網站的信任。
在這篇文章的最後,我將提到您可以使用哪些資源來盡快學習 Webflow,並且我將透露我個人如何在一個週末內學會如何使用 Webflow 的小秘密。
Webflow 對 Web 開發人員有好處嗎?
Webflow 對於 Web 開發人員來說非常有用,因為如果您已經知道如何編碼,那麼您可以更快地建立。無論您是否知道如何編碼,使用拖放介面比手動編碼相同的設計要快得多。您還可以避免程式碼中因人為錯誤而導致的潛在錯誤。
許多使用 Webflow 的前端 Web 開發人員使用它是因為其生產速度、與自訂程式碼(和其他工具)輕鬆整合的能力以及網站程式碼的可訪問性。
Webflow 是(目前)唯一可以產生乾淨程式碼的視覺化 Web 開發平台。與其他一些產生臃腫程式碼(可能導致安全漏洞和網站效能降低)的網站建立器不同,Webflow 會產生乾淨的 HTML、CSS 和 JavaScript(我已經提到過了嗎?)。
如果您願意,您也可以輕鬆匯出 Webflow 產生的程式碼以在其他地方使用。
Webflow 對網頁設計師有好處嗎?
Webflow 是為網頁設計師設計的。對於想要建立功能齊全的自訂網站的設計師來說,它是目前市場上的最佳工具。
Webflow 提供了類似 Photoshop 或 Figma 的熟悉介面,讓設計人員可以輕鬆快速地使用該工具。
但是,如果您的技術水平不高,那麼在 Webflow 中從頭開始正確建立網站可能需要一點點學習曲線。這是因為,透過 Webflow,您正在使用真正的 HTML、CSS 和 JavaScript——互聯網的「語言」。
因此,如果您不了解盒子模型或網頁從根本上是如何在網路上建立的,就會有一個學習曲線(稍後我們將更深入地探討這一點)。
如果您更懂技術,那麼您將能夠在短短幾個小時(或更短的時間內)掌握 Webflow。
Webflow 對 SEO 和行銷有好處嗎?
Webflow 對於行銷人員來說非常有用,因為它允許您大規模建立自訂登陸頁面,同時完全控制 SEO 設定。
Webflow SEO 的強度令人震驚。作為一個曾經因為SEO (搜尋引擎優化)原因而成為 WordPress 粉絲的人,我對其他宣傳自己對 SEO 友好的網站建立器持懷疑態度。然而,當我將網站從 WordPress 遷移到 Webflow 後,我實際上看到了排名的提升。其他網站也出現了類似的成長。
僅僅遷移到 Webflow 所帶來的流量成長可能是由多種因素造成的。刪除插件添加到網站程式碼中的大量額外JavaScript,採用更具響應性的設計來創造更好的用戶體驗,並擁有令人難以置信的快速託管速度,允許網站快速加載,所有這些都有助於SEO 。
預覽模式)並查看元素的放置方式、類別的命名方式以及樣式的設定方式。
「模板使用了 Flexbox 還是 Grid?他們是否在某個部分中放置了一個容器?他們是否將此圖像放入 div 中?他們使用了填充還是邊距嗎?所有這些問題都可以透過在預覽模式下查看模板來回答。
然而,最重要的是,請抱著這樣的心態:您可能需要一些時間才能完全理解一切。不要沮喪。我知道,說起來容易做起來難。
但是,我保證一旦您學會如何使用 Webflow,您會很高興您嘗試過。具有諷刺意味的是,您甚至可能會在過程中偶然學會如何編碼。
如果我要重新學習 Webflow,我可能會遵循這樣的過程(按順序):
- 觀看一些有關如何在 Webflow 中建立的 YouTube 影片(並可能嘗試遵循)
- 嘗試使用 1:1 策略重建範本(或範本的一部分)
- 建立一個您想要的專案(例如投資組合或副業),當您陷入困境時,Google 尋找解決方案或在預覽模式中查看模板
希望有幫助!
結論
如果您在本文中做到了這一點,我將永遠感激不盡。
我希望這篇對 Webflow 的評論能讓您更了解 Webflow 到底是什麼。
這是一個非常強大和複雜的工具,絕對是最強大和最好的網站建立器之一。老實說,它就像網站建立者中的蘋果(不敢相信我剛剛這麼說)。
作為一個有機會了解內部情況的人,我可以告訴你 Webflow 會繼續存在,而且我敢說,它會接管一切。它變成像 WordPress 一樣家喻戶曉的名字只是時間問題,每個部落客和他們的狗都開始談論它。
如果你想知道我為什麼離開 Webflow,那與公司或產品無關。正如你所看到的,我仍然非常喜歡這個產品,在 Webflow 工作是我夢想的工作。
但我開始意識到,創造有用的東西才是讓我最快樂的事。我想成為 Webflow 客戶並製作很酷的網站。
這就像在 YouTube 工作一樣,但在內心深處,你實際上想成為 YouTuber,如果這有意義的話。當然你可以兩者都做。但老實說,這非常激烈。例如,如果我從事另一份工作,我就沒有能力寫這樣的評論。我知道很多人都能做到,但我做不到。
我也非常喜歡行銷。這就是我創建這個網站的原因——幫助讓有價值的行銷訊息更容易被發現。如果您想了解更多有關行銷的信就太好了——它是完全免費的。