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

新增文字效果
前往「新增元件」面板探索各種藝術文字效果。每種效果都能營造獨特語氣,並為客戶網站增添獨特個性。這些效果僅是起點,您可進一步調整並自訂,使其與網站其他部分完美契合。
新增文字效果:
- 點擊編輯器左側的新增元件
。 - 點擊文字或裝飾。
- 點擊文字效果。
- 將所選的文字效果拖曳至頁面。
- 輸入文字:
- 點擊文字效果元件。
- 點擊變更文字。
- 輸入文字。

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

- 根據所選的文字效果,在設計下自訂可用設定:
- 色彩/填滿色彩:選擇構成效果的色彩。根據特定效果,您可選擇單一色彩、多種色彩或套用漸層。
- 動作:啟用切換開關以新增浮動時顯現的動畫效果。使用滑桿設定速度,讓動畫變快或變慢。
- 文字:變更字型、大小、大寫等。在下方區段瞭解更多文字格式選項資訊。
- 文字藝術效果:啟用切換開關,讓每個字元或單字向不同方向扭曲。您可選擇圖案並設定旋轉和/或偏移量(視圖案而定)。
- 圖層:調整視覺圖層以在設計中建立深度。設定 所需的圖層數量、設定色彩、變更圖層間的角度和間距,以獲得量身定制的效果。
- 倒角角度:調整角度以控制光線和陰影的落點,在文字邊緣建立 3D 外觀。
- Stripe:調整條紋的大小、角度和厚度。
- 遮罩:變更遮罩位置和模糊程度,以控制文字揭示或模糊的程度。
- 光暈:放大或縮小文字周圍的光暈。
- 邊框:設定邊框色彩和寬度以描繪文字邊框。
- 陰影:變更陰影的色彩、角度、模糊和距離。
請留意:在某些效果中,陰影色彩會自動與您選擇的填滿色彩相符。

提示:
您可新增動畫,讓文字效果更具動態感。點擊檢驗器面板中的「動畫和效果」索引標籤
,即可新增下列任一動畫:進入、浮動、點擊、捲動、循環或滑鼠效果。
,即可新增下列任一動畫:進入、浮動、點擊、捲動、循環或滑鼠效果。 設定文字格式
調整字型、間距、對齊方式及其他格式設定,確保設計與客戶網站無縫融合。
調整文字格式:
- 選擇文字效果元件。
- 點擊編輯器右上方「開啟檢驗器」圖示
。

- 點擊設計下方的文字。
- 調整可用的格式設定:
- 將此文字元件附加至文字設計樣式。
- 變更字型與字型大小。
- 調整橫向與垂直字元間距。
- 將文字設為粗體或斜體。
- 對齊文字。
- 變更大小寫設定(例如將文字全部設為小寫)。

無障礙提示:
若此文字效果元件純屬裝飾性質,即不包含供螢幕助讀程式讀取的的重要資訊,請勾選「此文字僅供裝飾」旁的核取方塊。

