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

Wix Harmony 編輯器:使用向量插圖、形狀和圖示

本文適用於 2026 年 1 月發布的新版 Wix Harmony 編輯器。若不確定使用的是 Wix Harmony 編輯器還是 Wix 編輯器,請 在此檢視更多資訊
新增吸引人的向量插圖、形狀和圖示以展現風格。這些圖形是數位插圖(SVG),在任何尺寸下都能保持清晰,讓設計始終看起來非常吸引人。從 Wix 提供的數百種免費選項中進行選擇,或自行上傳。
請留意:
在「新增」面板的「圖形」區段中,可以找到向量插圖、形狀、圖示和貼圖。貼圖是可新增至網站的圖片檔案,其餘則為 SVG,因此您可以以不同方式進行編輯

新增向量插圖、形狀和圖示

您可使用向量插圖、形狀和圖示來裝飾網站,或作為吸引人的呼籲行動元件。您可從 Wix 提供的數百種免費選項中進行選擇,也可以自行上傳。

若要新增向量插圖、形狀和圖示:

  1. 前往編輯器
  2. 點擊編輯器左上角的 + 新增
  3. 選擇 圖像 類別。
    提示:點擊類別旁邊的 箭頭 圖示 即可瀏覽清單。
  4. 選擇下方選項:
「新增」面板中「圖像」類別的螢幕截圖。

設計向量插圖、形狀和圖示

自訂網站上的向量插圖、形狀和圖示,包括色彩、不透明度和陰影,使其與設計相輔相成。
請留意:
可用的自訂選項取決於向量插圖是單色、多色還是灰階調色盤。

若要自訂設計:

  1. 前往編輯器
  2. 點擊相關元件並選擇要自訂的內容:
向量插圖設計選項螢幕截圖。

調整基本形狀和向量插圖設定

調整這些元件在網站上的顯現方式與功能。您可更新其大小和版面配置、新增連結以將元件轉換為按鈕或呼叫小部件,並設定無障礙選項,確保每位訪客都能瀏覽網站內容。

若要調整設定:

  1. 前往編輯器
  2. 選擇相關元件。
  3. 點擊操作列上的 設定 圖示
  4. 選擇後續操作:
    • 調整大小模式:選擇元件在頁面上的呈現方式:最適大小伸展
    • 連結至:為元件新增連結
    • 無障礙:輸入此向量插圖或基本形狀的簡短描述,以協助搜尋引擎和無障礙工具。
向量插圖設定選項螢幕截圖。