header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

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

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

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

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

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

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

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

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

若要自訂設計:

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

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

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

若要調整設定:

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