老實說,我們從來沒想過要把 Webflow 跟 Wix放在一起做比較,直到最近真的很多人在問這兩者的差異,才決定寫下這篇。

Webflow 和 Wix 都是具有強大功能的網站構建器,可以使整個網站開發過程變得簡單直觀。今天我們將指出兩者之間的主要區別,將幾個比較大的主題做分析給大家。

Webflow 與 Wix 之間的主要區別

Wix

  • 建立網站完全不需要代碼
  • 主要依賴既有的模板
  • 非常適合初學者,極度好上手
  • 超強大的客服

Webflow

  • 有 HTML 和 CSS 編輯器
  • 它是完全可自定義的
  • 掌握 Webflow 需要更多的時間
  • 以 Webflow University 為特色,提供非常多的教學影片

Webflow vs Wix:哪個對用戶更友好?

在此 Webflow 與 Wix 比較中,我們會討論使它們時的幾種要件,像是 Onboarding 流程、網站建設者、客製化自定義等。

Wix
Wix 具有簡單直觀的設計,任何不會網頁設計的人都可以使用。而成為 Wix 的會員並開始使用它必須先註冊,而這過程基本上非常快。

透過輸入電子郵件和密碼手動註冊,或可以使用 Facebook/Google 進行快速註冊。

完成後會看到控制面板,意味著你可以開始構建網站。若要在特定領域構建網站,Wix 也會為你提供適合產業的模板。

若你不想從頭完成構建過程,可以隨時使用 Wix ADI(人工設計智慧),讓平台為你自動完成這些工作,最後只需要做最後的修改。但若你喜歡自己設計網站,你應該選擇編輯模板。

該編輯器使用簡單的拖放功能和許多強大的工具來自定義網站。不過,同時必須接受只能在模板內進行自定義。

總而言之,Wix 使用起來極其簡單,Wix 開發人員不斷簡化界面,同時添加新功能,例如高級視差效果、背景影片等。想想在十年前網站開發這樣的規格可能需要幾週的時間,現在只需要點點手指、上傳即可。

Webflow
Webflow 同樣具有快速簡單的註冊過程,也可以使用 Google 快速登錄或使用電子郵件手動註冊。

一旦成為會員,Webflow 將立即帶你到它的編輯器,若沒有建立網站的經驗,一開始可能會有點混亂。但 Webflow 有直觀的交互式指南,會向你展示如何使用編輯器開始創建網站。

儘管如此,Webflow 對於大部分的用戶來說還是相對困難,精確來說 Webflow 是為了設計師和開發人員友好,而非無網頁知識的用戶。

即使你了解如何使用編輯器,但同時也必須熟悉一些設計基礎知識才能製作出好的網站。技術上來說是不需要任何編碼知識,但是一些關於 HTML 和 CSS 知識,若能與編輯器結合,基本上可以幫助你創造網頁的奇蹟!

Webflow 並不復雜,但也沒那麼容易。而 Webflow 這幾年來一直在發展,許多專業人士使用它來開發令人驚嘆的線上體驗。這也是為什麼 tenten 今年大量使用 Webflow 來完成客戶的專案。

即使 Webflow 已經變成我們業務重心的工具,而我們也不得不承認 Wix 對於那些剛接觸網站設計並無相關知識的用戶來說,它是一個非常棒的平台。然而,若你是中級或專業設計師或開發人員,Webflow 顯然是更好的選擇。

Webflow vs Wix:提供哪些功能?

Wix 和 Webflow 都具有許多讓網站編輯變得容易的工具。

Wix
Wix 所有的工具只需在儀表板中選擇它並拖拉板塊即可,也可以在主控制面板中找到大部分工具,但一些特定的應用程序和插件可能需要花錢購買。

Wix 的主要功能就莫屬 ADI 了!正如之前提到的,如果你選擇使用 ADI 來構建網站,則無需進行任何編輯。在回答幾個問題後,人工智能將在幾秒鐘內定制並推荐一個完整的網站。當然,你可以在最後修站點並進一步調整。

雖然說在 Wix 中不需要代碼,但 Wix 仍然允許代碼功能並編輯原始 HTML。Wix 還有手機 APP,可以讓你隨時管理網站。以下是一些 Wix 比較著名的工具:

  • 電子郵件行銷工具
  • 搜索引擎優化工具
  • SMM工具
  • 電子商務

Webflow
Webflow 也是有提供一堆工具,但是讓用戶專注於項目的業務/ 行銷方面,同時獲得流暢的設計體驗。

而 Webflow 最出眾的特徵是他會提供一個乾淨的代碼。當開始設計網站時,Webflow 將自動編寫語義和 W3C 兼容。甚至可以將 HTML、CSS 和圖像導出到單個 ZIP 文件中,並以子喜歡的任何方式使用代碼。最重要的是,可以隨時輕鬆添加自定義代碼。(但要注意若你有使用CMS功能,這段代碼在其他平台就是不能用得囉)

Webflow 還提供動態設計功能,像是無需代碼的設計動畫以及 3D 轉換。如果你希望網站看起來很酷,這就是 Webflow 真正派上用場的地方。

除了設計師編輯器之外,Webflow 最重要的功能就是有自己的內容管理系統 (CMS),以及獨立的電子商務。你還會找到與網站託管、行銷和搜索引擎優化相關的選項。但要使用這些功能可能不像使用 Wix 那樣簡單。

Webflow 最重要的功能是極致優化你的站點,當結合乾淨的代碼、強大的 CMS 和所有其他功能時,你將獲得一個超棒的網站。以前要花上數月的時間建立的網站,Webflow 大約能解省2/3的時間。並且可以擁有出色的動畫,並擁有出色的行動優先設置。

Webflow vs Wix:靈活性如何?

這邊的靈活指的是 " flexible ",而網頁設計的靈活性是允許網站自動適應各種螢幕尺寸的功能,也就是響應式及手機優先的設計及功能。一個靈活性良好的站點在所有設備上顯示都正常,而靈活性較差的站點只在特定的設備上顯示。來看看 Wix 和 Webflow 在靈活性方面的評價吧。

Wix
Wix 靈活性較差,舉例若使用 WIX APP 來建立網站的站點,PC上看可能會出現一些看起來很奇怪的元素,是因為 Wix 在構建時並沒有考慮到靈活性。儘管它使用所見即所得的拖放式編輯器,但它仍然基於絕對定位,這意味著無論屏幕大小如何,都可以按像素調整元素。

Webflow
反之,Webflow 非常注重靈活性。使用設計器時,只需切換視圖和調整參數,即可針對不同的屏幕尺寸進行調整。

除此之外,Webflow 網站附帶 AWS 網絡託管,具有無限帶寬和存儲空間,與 Wix 相比具有許多優勢。這些優勢包括免費 SSL 證書、自動縮放、自動備份、CDN、密碼保護、自定義表單、站點搜索、自動安全補丁和維護以及第 3 方安全審查等。

簡單地說,Webflow 在靈活性方面做得更好。幾個基本選項將針對不同的螢幕尺寸調整網站上的所有內容,若你正在構建包含許多頁面的複雜網站,Webflow 會是一個很好的工具。

Wix vs Webflow:哪個工具提供更多模板?

如果你正在尋找一種快速建立網站的方法,良好的模板會是非常重要的因素。Wix 和 Webflow 都具有針對不同領域的數百種不同模板。

Wix
Wix 目前擁有 800 多個由專業設計師製作的模板。隨著新模板的添加,這個數字不斷增長,現有模板會定期更新並添加新元素和功能。大多數模板都是響應式的,這意味著它們也是為智能手機和平板電腦設計的。

Wix 也有很多免費模板,你可以使用預覽功能在使用主題之前查看它在桌面和移動設備上的外觀。

而 Wix 用戶通常使用購買的主題,因為大多數使用 Wix 的用戶都不是專業的開發人員或設計師。

Webflow
Webflow 提供 500 多個模板,目前也一直都有新的模板出現。使用模板可幫助你輕鬆自定義網站,而付費的模板 從 20 美元到 100 美元不等。官方網站上有一個很棒的模板資源管理器,可讓你按類別、樣式、功能和類型瀏覽主題。或是透過我們之前介紹的 Webflow UI 神器 Landingfolio.com 來找到你需要的樣板。

Webflow UI 神器 Landingfolio.com 介紹

更多閱讀

Webflow vs WordPress 都幾? 超詳解比較
在遇到 Weblfow 之前,tenten 大部分協助客戶建立網站都是使用 Wordpress 實現,同時我們也會定期為客戶維護網站、增加 Google Core Web Vitals 等分數。後來當我們使用了 Webflow 後,一切都變了!我們甚至將 tenten.co 的主網站移到了 Webflow,它讓我們可以實現更漂亮的設計及動畫,最重要的是節省了非常多的時間。當然 WordPress 和 Webflow 兩種 CMS平台都有好與壞,其旨都在簡化您的線上體驗的網站。
Webflow 與 Squarespace 都幾?超詳解比較
這麼多年來,我們一直在使用且比較眾多 CMS 網站建置平台,Webflow 與 Squarespace 都是兩個令人印象深刻的且對設計友好的平台。如果你正在閱讀本指南,那麼你可能已經略知幾點。我們將直接跳到它們之間的區別:Webflow 使用難度高,但提供了更大的靈活性,而 Squarespace 提供了易用性、高質量的功能和令人驚嘆的模板—以完全設計自由為代價。
Webflow 與 Shopify差異?哪個更適合電商網站
今天要來比較的是開店平台 Shopify 與 Weblfow 兩間龍頭公司,而這兩個平台都為網頁設計、電商管理和業績增長為賣家提供了一站式的解決方法。
Wix vs Squarespace都幾?超詳解比較
身為設計師想要製作作品集或是個人網站,該使用哪個 CMS 平台好?相信正在閱讀這篇的你來這裡是為了找出這兩個網站平台中,哪一個將是更好選擇。在分別使用 Wix 和 Squarespace 建立了幾個網站後,我們有一些心得可以分享給你。

Tendemy 學院旨在協助設計師創造一個成功而充實的職涯,我們將教會您實現目標所需的熱門設計技能與思考。

最適合設計師學習的網頁設計工具 Webflow - Tendemy 線上課程
Share this post