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

Wixel:新增及自訂元件

元件可豐富專案內容並增添個人風格。您可新增元件來醒目提示資訊、展示視覺素材,或引導受眾瀏覽設計。

從專案左側的側邊面板新增元件,再使用操作列進行自訂。您可插入圖片、文字、圖形、形狀等內容,自由發揮創意,打造理想設計。

螢幕截圖醒目顯示 Wixel 側邊面板中的元件選項。

新增元件

從側邊面板將新內容新增至專案。每個圖示都會開啟對應的面板,包括文字、媒體、形狀和圖形。每個面板都有搜尋欄位和類別索引標籤,方便快速找到所需內容。

注意:

部分設計類型提供特有元件。並非所有設計類型都能新增裝飾元件,因此顯示的選項會因目前的設計而異。

若要新增元件:

  1. 前往 Wixel 中的專案。

  2. 點擊相關設計。

  3. 在側邊面板中,點擊要新增的元件類型:

    • 新增文字 :直接在設計中新增文字方塊。選擇預設樣式可節省時間,也可自行自訂。

    • 繪圖 :使用畫筆或螢光筆在設計上自由繪圖。選擇色彩,然後調整筆畫的粗細和透明度。若要移除繪製的內容,請改用橡皮擦。

    • 媒體 :新增相片、影片、插圖、圖樣和去背圖片。

    • 形狀 :使用幾何形狀、箭頭和框架增添創意。

    • 圖形 :新增向量插圖和貼圖。
      提示:自訂向量插圖色彩,使其符合整體設計風格。

    • 元件 :新增其他元件,例如預設文字、頁碼和圖表。

  4. 點擊元件即可將其新增至設計。

  5. (選用)使用調整大小控點和操作列中的自訂工具,調整元件的大小、色彩、位置等。

Wixel 中「新增元件」面板的螢幕截圖。
提示:

點擊側邊面板中的「上傳」圖示 ,即可上傳自己的媒體。已上傳的圖片會顯示在專案檔案中。


選擇色彩

每當點擊或點按操作列上的色彩圓圈時,系統就會開啟色彩選擇器。除了目前使用的自訂色彩,也可在此查看專案的主題色彩。

若要選擇色彩:

  1. 前往 Wixel 中的專案。

  2. 點擊操作列上的填滿色彩圖示。

  3. 移動色彩配置上的圓點,或輸入色彩的 Hex 代碼(例如,黑色為 #000000)。

  4. (選用)拖曳滑桿即可調整色彩的不透明度。

Wixel 色彩選擇器的螢幕截圖。

自訂文字

調整字型、色彩、格式,以及陰影和醒目提示等效果,即可自訂文字元件。細部調整文字的外觀和位置,使其與設計整體一致。

若要自訂文字:

  1. 前往 Wixel 中的專案。

  2. 選擇設計中的文字元件。

  3. 使用操作列上的可用選項自訂文字:

    • 字型:選擇字型樣式。

    • 字型大小:選擇字型大小。

    • 粗體、斜體、底線:使用格式選項凸顯文字。點擊粗體圖示 、斜體圖示 及/或底線圖示 。

    • 大寫:將文字全部轉換為大寫字母。

    • 更多設定:選擇清單樣式(例如編號清單、圓點清單),並增加或減少縮排。

    • 對齊方式:選擇文字對齊方式。

    • 行距:調整行與字母之間的間距,讓文字更容易閱讀,版面也更寬鬆舒適。

    • 填滿色彩:使用色彩選擇器挑選任意文字色彩,或選擇主題色彩。

    • 醒目提示色彩:使用背景色彩醒目提示文字,讓文字更突出。

    • 邊框:新增邊框,讓文字更突出。

    • 陰影:新增柔和或強烈的陰影效果,呈現文字深度。

在 Wixel 中編輯文字的螢幕截圖。

自訂向量插圖

自訂色彩和細節,使向量插圖符合設計風格,增添個人特色。向量插圖是無論縮放至任何尺寸都能保持清晰的數位插圖(SVG 檔案)。
提示:

可在側面板的「圖形」索引標籤中找到向量插圖選項。

若要自訂向量插圖:

  1. 前往 Wixel 中的專案。

  2. 點擊設計中的相關向量插圖。

  3. 選擇向量插圖的自訂方式:

向量插圖填滿色彩的螢幕截圖。