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

Studio 編輯器:新增及自訂文字效果

3 分鐘
使用文字效果為客戶網站裝飾吸睛的標題與聲明以吸引注意力。這些完全可自訂的元件讓您能根據設計需求,將效果調整為粗體或細微樣式。從多種預設效果中選擇,並個人化設計以與頁面其他部分相輔相成。
提示:
若正在使用 CMS(內容管理系統),可將文字效果連結至系列內容,以便在元件中顯示動態文字。
GIF 顯示網站上已上線的不同文字效果範例

新增文字效果

前往「新增元件」面板探索各種藝術文字效果。每種效果都能營造獨特語氣,並為客戶網站增添獨特個性。這些效果僅是起點,您可進一步調整並自訂,使其與網站其他部分完美契合。

新增文字效果:

  1. 點擊編輯器左側的新增元件
  2. 點擊文字裝飾
  3. 點擊文字效果
  4. 將所選的文字效果拖曳至頁面。
  5. 輸入文字:
    1. 點擊文字效果元件。
    2. 點擊變更文字
    3. 輸入文字。
Studio 編輯器畫布上的文字效果元件,位於輸入自訂文字的變更文字面板旁。

設計文字效果

文字效果完全可自訂,讓您能根據客戶的確切需求和願景量身打造設計。每種效果在檢驗器面板中都有一組獨特的設計設定。您可探索色彩、圖層和動作等選項,讓效果更加出眾。
正在使用斷點嗎?
設計設定會從最大的斷點向下套用,但若有需要,您也可以在較小的斷點上進行自訂。

設計文字效果:

  1. 選擇文字效果元件。
  2. 點擊編輯器右上角的「開啟檢驗器」圖示
在 Studio 編輯器中開啟檢驗器面板的螢幕截圖。
  1. 根據所選的文字效果,在設計下自訂可用設定:
    • 色彩/填滿色彩:選擇構成效果的色彩。根據特定效果,您可選擇單一色彩、多種色彩或套用漸層。
    • 動作:啟用切換開關以新增浮動時顯現的動畫效果。使用滑桿設定速度,讓動畫變快或變慢。
    • 文字:變更字型、大小、大寫等。在下方區段瞭解更多文字格式選項資訊。
    • 文字藝術效果:啟用切換開關,讓每個字元或單字向不同方向扭曲。您可選擇圖案並設定旋轉和/或偏移量(視圖案而定)。
    • 圖層:調整視覺圖層以在設計中建立深度。設定 所需的圖層數量、設定色彩、變更圖層間的角度和間距,以獲得量身定制的效果。
    • 倒角角度:調整角度以控制光線和陰影的落點,在文字邊緣建立 3D 外觀。
    • Stripe:調整條紋的大小、角度和厚度。
    • 遮罩:變更遮罩位置和模糊程度,以控制文字揭示或模糊的程度。
    • 光暈:放大或縮小文字周圍的光暈。
    • 邊框:設定邊框色彩和寬度以描繪文字邊框。
    • 陰影:變更陰影的色彩、角度、模糊和距離。
      請留意:在某些效果中,陰影色彩會自動與您選擇的填滿色彩相符。
在 Studio 編輯器畫布上已選擇的文字效果,位於檢驗器設計區段旁。
提示:
您可新增動畫,讓文字效果更具動態感。點擊檢驗器面板中的「動畫和效果」索引標籤 ,即可新增下列任一動畫:進入、浮動、點擊、捲動、循環或滑鼠效果。

設定文字格式

調整字型、間距、對齊方式及其他格式設定,確保設計與客戶網站無縫融合。

調整文字格式:

  1. 選擇文字效果元件。
  2. 點擊編輯器右上方「開啟檢驗器」圖示
在 Studio 編輯器中開啟檢驗器面板的螢幕截圖。
  1. 點擊設計下方的文字
  2. 調整可用的格式設定:
    • 將此文字元件附加至文字設計樣式。
    • 變更字型與字型大小。
    • 調整橫向與垂直字元間距。
    • 將文字設為粗體或斜體。
    • 對齊文字。
    • 變更大小寫設定(例如將文字全部設為小寫)。
畫布上檢驗器面板旁的文字效果元件,顯示文字區段和可用選項
無障礙提示:
若此文字效果元件純屬裝飾性質,即不包含供螢幕助讀程式讀取的的重要資訊,請勾選「此文字僅供裝飾」旁的核取方塊。