開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
placeholder-preview-image

Wix 編輯器:使用及自訂色彩主題

建立色彩主題是網站設計流程中的重要步驟。持續使用一致的色彩主題可營造網站氛圍,並讓訪客認識品牌。
系統會自動將色彩主題套用至整個網站,以及「新增」面板中套用主題的元件。也可將主題色彩套用至網站上的任何元件。

主題色彩在網站上的運作方式

所選的主題色彩會顯示在色彩選擇器中,方便個別變更元件色彩。除了顯示在選擇器中,系統也會自動指派色彩,並套用至整個網站的特定元件。

基礎色彩

基礎色彩會用於整個網站的背景和文字。如果網站已新增 Wix 應用程式(例如 Wix Stores、Wix Blog 等),相關頁面也會使用相同的背景和文字色彩。
多數情況下,最明亮的色彩(1)會用於背景,最深的色彩(2)則用於文字。系統會自動建立漸層,方便視需要調整色調。
建議選擇高對比的色彩配對,讓網站資訊更容易閱讀。
網站設計面板中基礎色彩的裁切畫面。

強調色彩

選擇醒目的強調色彩,鼓勵訪客與網站互動。這些色彩會用於連結、按鈕和選單元件等次要與裝飾性元件,也會顯示在按鈕和方塊等套用主題的元件,以及 Wix 應用程式的相關頁面中(例如 Wix Stores、Wix Blog 等)。
網站設計面板中強調色彩的裁切畫面。

選擇色彩主題

網站提供多種包含文字和色彩的主題預設格式。每款主題均經過精心設計,採用相輔相成的色彩,可滿足各種樣式和設計需求。

選擇及自訂色彩主題:

  1. 點擊編輯器左側的「網站設計」。
  2. 點擊「網站主題」下方的「變更主題」。
  3. 瀏覽預設格式,並點擊選擇新的預設格式。
編輯器中的網站設計面板。「主題」索引標籤已開啟,且已選擇一款主題。

自訂色彩主題

可自訂網站的色彩主題來配合品牌美學。選擇新色彩並調整基礎色彩的色調,即可呈現理想外觀。

自訂色彩主題:

  1. 點擊編輯器左側的「網站設計」。
  2. 點擊「自訂網站設計」下方的「色彩主題」。
  3. 選擇主題變更方式:
    • 變更主題色彩:
      1. 點擊面板中要編輯的色彩。
      2. 使用游標尋找並選擇新色彩,或輸入確切的 HEX、RGB 或 HSB 值。
      3. 點擊「套用」。
    • 調整主題基本色彩的色調:
      1. 點擊基本色彩漸層中所需的色調。
      2. 使用滑桿依喜好調整飽和度和亮度。
      3. 點擊「套用」。
網站設計中的「自訂色彩主題」面板。系統正在套用新的強調色彩。

設定元件的預設色彩

選擇並自訂色彩主題後,即可為整個網站的特定元件設定預設主題色彩。這有助於強化品牌形象,並讓各元件的色彩彼此協調。

若要設定元件的預設色彩:

  1. 點擊編輯器左側的「網站設計」。
  2. 將滑鼠游標移至「色彩與文字主題」,然後點擊「自訂」。
  3. 點擊「進階設定」。
  4. 點擊相關元件旁的色彩方塊,為元件指派色彩:
    • 一般:選擇網站主要和次要背景,以及線條和分隔線所使用的色彩。
    • 文字:將所選色彩套用至整個網站的不同文字類型,包括子標題和連結。
    • 按鈕:設定主要和次要按鈕所使用的色彩。可分別為各種按鈕狀態(一般、懸停或停用)選擇色彩。
色彩主題的進階設定。使用者點擊了線條和分隔線的色彩方塊。

手動將主題色彩套用至元件

可將主題色彩套用至網站上的任何其他元件。這些色彩會儲存在元件設計面板的色彩選擇器中,讓建立一致的設計變得更加容易。

若要將主題色彩套用至元件:

  1. 點擊編輯器中的元件。
  2. 點擊「設計」圖示 。
  3. 點擊「自訂設計」(若有顯示)。
  4. 點擊色彩設定。
  5. 點擊色彩方塊。
  6. 從色彩選擇器中選擇主題色彩。
區段的「設計」面板。主題色彩正套用至區段背景。

常見問題

點擊下方問題即可了解更多。