Sub Copy Settings
文字
顏色
字型
文字陰影
版面配置
可能與實際介面略有差異。
變更預覽
Set the Subcopy here
This setting applies to the supplementary text
文字
文字
文字
可能與實際介面略有差異。
重點:
補充文案顯示在按鈕外下方,適合條件與注意事項。
影響:
可在不干擾主 CTA 的前提下補足必要資訊。
調整建議:
建議用短句,避免超過 2 行造成閱讀負擔。
設定項目
Sub Copy(最多 2 行)
註解:
文字為空時不顯示此區塊,且此區不支援 hover 狀態。操作提示:
補充文案建議聚焦一個條件,避免同時塞入多段訊息。
顏色
顏色
文字顏色
黑色
#000000
編輯調色盤清除
不透明度
1
可能與實際介面略有差異。
重點:
顏色決定補充文案可讀性與主次關係。
影響:
對比不足時,使用者容易忽略條件資訊。
調整建議:
比主文案低一階對比,仍需保持可讀。
設定項目
文字顏色+Alpha
註解:
建議先固定色相,再用 Alpha 控制主次層級。
字型
字型
字型系列
預設
粗細
400
字型大小
12
行高
1.4
字距
0
可能與實際介面略有差異。
重點:
字型設定用於控制補充資訊的閱讀效率。
影響:
字級與字重會影響資訊層級感。
調整建議:
先定字級與行高,再微調字距。
設定項目
字型系列Font 粗細字型大小行高字距
註解:
若要降低干擾,優先降低字重而非直接縮太小。
文字陰影
文字陰影
文字陰影
顏色
黑色
#000000
編輯調色盤清除
模糊
0
水平
0
垂直
0
可能與實際介面略有差異。
重點:
文字陰影可補強複雜背景上的辨識。
影響:
過強陰影會讓文字發糊。
調整建議:
先低 Alpha、小 Blur 起手。
設定項目
顏色+AlphaBlurHorizontalVertical
註解:
陰影僅在背景複雜時使用,純色背景通常可關閉。
版面配置
版面配置
外距
0
內距
0
旋轉 (deg)
0
可能與實際介面略有差異。
重點:
版面配置決定補充文案與主按鈕的距離。
影響:
間距不當會影響資訊閱讀順序。
調整建議:
先調整 Margin,再按需求加 Padding 與 Rotate。
設定項目
MarginPaddingRotate響應式
註解:
請在手機版確認換行與間距,避免擁擠。操作提示:
先調整外距再調內距,較容易維持閱讀節奏。