如何選擇網頁設計平台?

  • 預算有限、只需簡單展示

    由 Wix 或 WordPress.com 的免費方案開始,先放好基本資料,日後再升級。

  • 公司官網、內容持續更新

    WordPress 的文章與頁面管理配主題、外掛擴充,支援長期更新;Joomla 的分類管理亦應付得來。

  • 品牌或作品集、重視視覺呈現

    Squarespace 的範本與 Framer 的互動呈現,都是為這類網站而設。

  • 多語內容、機構分工管理

    Drupal 與 Joomla 的多語支援與使用者權限,正為多角色協作而設。

  • 互動流程、需要自訂功能

    Bubble 讓你在瀏覽器內建立資料庫與操作邏輯,製作有登入、表單流程的應用。

1. WordPress

WordPress 這個名字同時指兩樣東西:開源的 WordPress 軟件(WordPress.org),以及用這套軟件提供寄存服務的 WordPress.com。兩者共用同一個開源基礎,提供方式與可用功能則受方案與安裝配置影響。

WordPress.org 官方網站截圖,展示網站設計、建立與外掛擴充介紹
WordPress.org 官方網站:開源軟件與網站設計、擴充功能介紹

.com 與 .org:寄存與維護責任的分界

WordPress.com 採管理式寄存,由免費方案到多級付費方案都有,伺服器與系統更新由平台負責。按WordPress.com 的官方比較文件,.org 的軟件本身免費,寄存商自行選擇,更新、備份與技術維護由網站一方自行處理,或委託寄存商、網頁公司代辦。

WordPress.com 的功能及可調整範圍,取決於所選方案。WordPress.org 的調整與搬遷彈性較大,但需要取得管理權限、完整備份與程式原碼。若委託網頁公司或寄存商代管,可以在服務安排中確認這些項目的管理及移交方式,方便日後更新或搬遷。

WordPress.com 的現行付費方案已可安裝外掛與上載自訂主題,網上「只有商務方案才可安裝外掛」的說法是舊資訊;免費方案維持功能限制,免費站並會顯示 WordPress.com 廣告,要移除就得升級。

主題與外掛的成本結構

軟件免費,不等於網站免費。主題與外掛免費、收費的都有,功能專門的外掛不少按年收訂閱;自架的總支出要連網頁寄存與域名一起計,SSL 視寄存方案可能已經包含,還有處理更新與備份的時間或費用。

2. Wix

Wix 以拖放式編輯器配大量範本為核心:文字、圖片、區塊放在哪裡由你決定,所見即所得,改動即時反映,網站連寄存一併有,全程不碰程式碼。不打算學技術的人,可以在這種操作模式下完成整個網站。

Wix 中文官方網站截圖,展示飲品品牌網站的版面範例
Wix 官方網站展示的品牌網站版面

免費方案、自訂網域與搬遷限制

Wix 設有免費方案,但網址是 Wix 子網域,並附帶 Wix 品牌顯示;要連接自訂網域、移除品牌,就要升級付費方案。連接自訂網域之後,網域本身另有登記與續期費用;首年優惠與永久免費是兩回事,續年費用要先行查清楚。想將網域年費與平台月費分開預算,可先了解域名登記與續期的收費

搬遷是 Wix 最明顯的掣肘。Wix 官方的匯出說明寫得直接:網站依賴 Wix 基建運作,無法整站原樣搬到外部寄存;內容屬於你,可以帶走的卻不是一個能自行運作的網站。選用前把這點計入長遠考慮。

3. Squarespace

Squarespace 的重心在範本與設計一致性,官方方案圍繞範本、作品集與網誌用途而設,管理式雲端寄存包含在訂閱內。它沒有長期免費方案,只提供限時免費試用,正式使用就是訂閱制,試用期內就要決定付不付費。

Squarespace 官方網站截圖,展示花藝主題主視覺與網站範本
Squarespace 官方網站的花藝主視覺及範本展示

範本可調整的範圍有其限度:字體、顏色與佈局在框架內改動順手,框架外的特別版式或互動效果,要先確認範本是否支援;再進一步的設計要求,便屬於度身網頁設計的工作範圍。

Squarespace 的匯出說明,官方 XML 匯出只涵蓋部分內容,樣式設定、自訂 CSS 與多種頁面類型都不在範圍內;帶得走的是內容,不是一個照常運作的網站,落訂前先確定範本方向合乎心意。

4. Webflow

Webflow 把設計工具與 CMS 結合:版面在畫布上直接畫,動態內容交給 CMS 集合管理,設計師不用寫程式碼,也交得出接近度身訂造的版面。

Webflow 官方網站截圖,展示內容發佈、轉換與團隊協作功能介紹
Webflow 官方網站的功能介紹

視覺設計與內容管理

免費 Starter 方案以 webflow.io 子網域試作,頁面數與用量設限,並可在受限條件下試用 CMS;自訂網域發布與較大的 CMS 用量,需要合適的付費 Site 方案。Webflow 另有 Workspace 方案,屬設計與協作環境,跟網站用的 Site 方案分開收費;程式碼匯出資格就跟 Workspace 掛鉤,兩者費用不要混為一談。

學習成本與搬遷限制

學習成本比拖放平台高:介面概念接近開發工具,階層、class、響應式斷點都要理解過才用得順,時間緊的話,這條學習曲線要計入成本。

程式碼匯出有明確條件:按Webflow 的匯出文件,須付費 Workspace 方案才可匯出 HTML、CSS、JavaScript 與素材,單有 Site 方案不包括匯出資格。匯出的靜態程式碼不包含 CMS 運作、表單處理、站內搜尋與完整多語內容,部分 CMS 資料可另行匯出 CSV,動態功能無法原樣搬走;把「可以匯出」當成「可以搬家」,真正搬的時候就會見到落差。

5. Drupal

Drupal 是開源 CMS,強項不在易用,而在應付複雜的內容結構:多語、結構化內容、權限分級與編輯工作流程,都是可以配置出來的能力,不是安裝完就自動齊全。

Drupal 官方網站截圖,介紹開源 CMS 並提供試用入口
Drupal 官方網站的 CMS 介紹及試用入口

多語內容與權限管理

機構網站的典型難題,Drupal 的設計正好對得上:內容要多個語言版本、各部門自行維護、發佈前經審批流程,這些屬於核心能力的延伸。香港科技大學的 ITSO 便以 Drupal 配校內預設範本承載部門及行政網站,其網站平台服務頁並註明進階功能與設計可能需要額外資源,既是本地機構應用的實例,也說明了代價所在。

Canvas 視覺編輯與技術維護

Drupal 的 CMS 2.0 發布公告,這個版本引入 Canvas 視覺編輯與網站範本,回應「Drupal 難用」的舊印象。版本要分清:Drupal CMS 是官方組合好的發行版本,不是 Drupal Core 的新版本;Canvas 是 Drupal CMS 的預設編輯體驗;舊站能否用上 Canvas,要看實際版本與升級配置。

維護方面,技術設置、版本升級與日常內容編輯要分開理解:編輯內容的人不需要技術背景,管系統的人需要。軟件免費,技術人手的成本不會因此免費。

6. Joomla

Joomla 是免費開源的 CMS,官方把它定位於公司、機構與內容網站;核心已包括分類與文章管理、多語內容與 ACL 使用者權限,外觀與功能再以範本和擴充套件調整。

Joomla 官方網站截圖,展示 CMS 平台介紹與 Joomla 6 資訊
Joomla 官方網站的平台及版本介紹

多語與權限的分工

多語內容與 ACL 使用者權限屬核心功能,不靠外加套件已有:誰可以看、誰可以編輯、誰可以發佈,逐層指定。內容要多個語言版本、各部門自行維護的機構網站,這套分工直接對得上。中英文內容分開管理之餘,發佈權限可以集中在少數人手上,更新流程不必依賴單一管理員。

擴充套件與實際成本

文章以分類組織,選單結構與內容分開管理,網站加新欄目時不必動搖原有結構。範本與擴充套件免費、收費都有,兩者配搭出來的彈性,是 Joomla 的吸引力所在。軟件免費之後,寄存、初始設定、範本調整與日常維護另計。實際開支視乎誰替你做這些工作,自己有技術人手是一個價,全數外判是另一個價。

7. Framer

Framer 由設計工具發展成網站平台,視覺編輯、範本、CMS 與互動呈現在同一個介面完成。做品牌頁或作品集,滑過、點擊、捲動的反應用參數調整就能做到,不必寫動畫程式碼,這是它留住設計師的原因。

Framer 官方網站截圖,展示網站設計畫布與 AI 對話介面
Framer 官方網站展示的設計畫布及 AI 操作介面

內容管理與方案限制

Framer 的方案頁,免費方案用 Framer 網域試作,自訂網域要付費方案;方案按頁數、CMS 集合與項目數、流量、編輯人數分級,網站長大之後,這些條件逐項影響費用。做中英雙語網站的話,本地化屬獨立計費的附加項目,免費方案可試用本地化功能,正式的翻譯語系要在付費方案上按語系加購,預算要先預留這一項。內容結構越複雜,越要先衡量它的 CMS 深度夠不夠用。

8. Bubble

Bubble 的定位與前面幾個平台不同:以無程式碼方式製作網頁應用,資料庫、介面與操作邏輯都在瀏覽器內以視覺方式建立。想做的若只是「網站」,靜態頁面加內容管理,它未必是首選;要的是登入、表單流程、資料交互這類互動功能,它才發揮所長。

Bubble 官方網站的應用案例截圖,包括交易平台、內部工具及訂閱服務
Bubble 官方網站展示的不同類型應用案例

視覺編輯與資料邏輯

Bubble 讓你透過視覺編輯建立頁面,減少直接編寫程式的工作。資料類型(Data Types)與工作流程(Workflows)仍需要規劃,例如保存甚麼資料、使用者操作後會發生甚麼事,這些安排也會影響後續開發與維護。若需要連接內部系統,可另看網頁系統開發如何處理這類整合。

收費與使用限制

Bubble 的方案頁,免費方案用於開發與測試,正式上線的 Live 網站與自訂網域要相應付費方案。計費核心是 Workload:應用消耗的伺服器資源折算為 WU,方案包含一定用量,超出可另購用量等級或按超額計費,加裝套件訂閱亦會影響成本。WU 不是訪客人數,也不是頁面瀏覽量,應用越複雜,同樣流量耗的資源越多,費用要從設計階段就按實際操作估算。

9. BWMS

BINGO CMS(BWMS)是 BINGO 自家開發的網站管理系統,應用對象以企業、政府及公共機構、非牟利組織為主。多語言內容、多人分工與審批、會員與活動管理,這類網站的日常工作,都可在同一個後台完成。

BINGO 網站管理系統 BWMS 介紹圖,展示內容管理後台及數據圖表
BINGO 網站管理系統 BWMS 的後台介面介紹

日常操作近似文書軟件。選取文字後,AI 可以重寫、擴充或調整語氣,字體與間距等排版亦能交由 AI 統一處理。多語言版本在編輯頁內由 AI 協助翻譯,保留原有格式,各語言版面可切換預覽,譯文上線前宜先核對。

系統開發與香港科技園合作進行,開發團隊成員來自 HP、IBM 及 PwC。BINGO 過往的項目經驗分佈在企業與機構兩邊:服務過 300 多間香港主板上市公司、500 多個非牟利及教育機構,政府資訊型網站與大型系統項目亦有承接。

9 大網頁設計平台對比表

費用一欄只寫結構、不填數字,因為各平台的計費貨幣、周期與推廣安排不同;分清免費方案、限時試用與開源免費三種起點,以及自訂網域、正式上線、匯出資格這些升級位置,比記住任何一個價格更耐用。

平台 適合網站 上手門檻 費用模式 維護責任 主要限制
WordPress(.com/.org) 公司、機構及個人網站;.com 與 .org 皆可 .com 低;.org 中至高 .com:免費方案含廣告,升級按訂閱
.org:軟件免費,寄存與維護另計
.com:寄存與系統更新由平台負責
.org:自行處理或委託代管
.com:免費方案功能受限
.org:維護責任在網站一方
Wix 小型官網、活動與展示頁 免費方案可用;自訂網域與移除品牌需付費方案 寄存與系統由平台負責;內容自行管理 無法整站匯出至外部寄存
Squarespace 品牌官網、作品集、網誌 低至中 無長期免費方案;限時試用後訂閱 寄存與系統由平台負責;內容自行管理 官方匯出只涵蓋部分內容
Webflow 設計主導的品牌網站 中至高 免費 Starter 試作(含受限 CMS);自訂網域與較大 CMS 用量需付費 Site 方案,程式碼匯出需付費 Workspace 寄存與系統由平台負責;網站與內容自行管理 匯出不含 CMS 運作、表單等動態功能
Drupal 多語、多部門的機構網站 開源免費;寄存、開發與維護另計 自行或委託技術團隊 技術門檻高;CMS 與 Core 版本功能有別
Joomla 公司與機構內容網站 開源免費;範本、寄存與維護另計 自行或委託技術團隊 設定與擴充需要技術投入
Framer 品牌頁、作品集 低至中 免費方案試作;自訂網域與進階功能需付費 寄存與系統由平台負責;內容自行管理 按頁數、CMS 項目、流量設限;多語本地化另計
Bubble 有互動流程的網頁應用 免費方案開發測試;Live 網站需付費方案,用量超額可另購 寄存與系統由平台負責;應用與資料自行管理 Workload 隨應用複雜度上升,費用要按操作估算
BWMS 企業及機構網站,多語言、審批分工與會員活動管理 後台操作近似文書軟件,需熟悉審批流程 費用視乎服務範圍,可向 BINGO 查詢報價 視乎服務安排,簽約前逐項確認 功能與系統對接範圍,須在項目開始前確認

用表的方法:先守住最不能妥協的一格,維護責任、搬遷自由或費用結構,劃走不合格的,再回頭細讀剩下兩三個平台的介紹。

資料參考

  1. WordPress.com《WordPress.com vs. WordPress.org》(2026):.org 的軟件本身免費,寄存商自行選擇,更新、備份與技術維護由網站一方自行處理,或委託寄存商、網頁公司代辦
  2. Wix《Exporting or Embedding Your Wix Site Elsewhere》:網站依賴 Wix 基建運作,無法整站原樣搬到外部寄存;內容屬於你
  3. Squarespace《Exporting your site》(2026):官方 XML 匯出只涵蓋部分內容,樣式設定、自訂 CSS 與多種頁面類型都不在匯出範圍
  4. Webflow《How do I export my Webflow site code?》(2025):須付費 Workspace 方案才可匯出 HTML、CSS、JavaScript 與素材,單有 Site 方案不包括匯出資格
  5. 香港科技大學 ITSO《Website Platform》:以 Drupal 配校內預設範本承載部門及行政網站,進階功能與設計可能需要額外資源
  6. Drupal《Drupal CMS 2.0 is here》(2026):這個版本引入 Canvas 視覺編輯與網站範本,回應「Drupal 難用」的舊印象
  7. Framer 方案頁:免費方案用 Framer 網域試作;自訂網域要付費方案,本地化屬獨立計費的附加項目
  8. Bubble 方案頁:免費方案用於開發與測試,Live 網站與自訂網域要相應付費方案,用量超出可另購或按超額計費

網頁設計平台選擇常見問題

網頁設計平台的免費方案,可以直接當正式網站用嗎?

不一定,視乎平台而定。WordPress.com 與 Wix 的免費站可以公開展示,但網址用平台子網域,並附帶平台廣告或品牌顯示;Bubble 的免費方案主要用於開發與測試,正式上線要付費方案;Squarespace 則只提供限時試用,沒有長期免費版本。想用免費方案起步,先問自己能否接受子網域網址與品牌標示,以及日後升級時的費用轉變,這兩點是免費與付費之間實際的分界。

自訂網域要另外付費嗎?

通常要,而且有兩筆費用要分開計。一筆是平台的付費方案:多數平台的免費方案只能用平台子網域,連接自訂網域要付費方案才可以。另一筆是網域的登記與續期年費,首年優惠不等於永久免費。在哪裏買網域是另一回事:經平台購買,或自行向域名服務商登記,費用與管理權限都有分別。預算緊的話,先弄清楚這兩筆帳,再決定免費方案夠不夠用。

日後想轉平台,網站搬得走嗎?

視乎平台,差別可以很大。Wix 官方明確表示網站依賴其基建運作,無法整站搬到外部寄存;Squarespace 的匯出只涵蓋部分內容,樣式與部分頁面類型帶不走;Webflow 可匯出靜態程式碼,但 CMS 運作與表單等動態功能不隨匯出保留。相對之下,WordPress.org 一類自架方案具備搬遷條件,前提是你實際取得管理權限、完整備份與程式原碼。選平台時把離場成本計入考慮,比日後才發現搬不動來得穩妥。

用這些平台建網站,需要請技術人員嗎?

管理式平台不需要,開源自架就要有技術安排。Wix、Squarespace、WordPress.com 一類由平台負責寄存與系統更新,編輯內容的人不需要技術背景;WordPress.org、Drupal、Joomla 的軟件免費,但安裝、更新、備份與安全要有人處理,自己應付不來的話,這部分可以交給寄存商或網頁公司代辦,成本照樣存在。判斷的標準是你想親自管理多少,而不是平台名氣。