Micro Text Settings
文字
顏色
字型
文字陰影
版面配置
可能與實際介面略有差異。
變更預覽
This setting applies to the supplementary text
文字
文字
文字
可能與實際介面略有差異。
重點:
微文字顯示在按鈕內主文案上方,用於分類或短提示。
影響:
能建立資訊層級,幫助快速理解內容。
調整建議:
建議比主文案更小更淡,避免喧賓奪主。
設定項目
Micro 文字(最多 2 行)
註解:
文字為空時不顯示微文字區塊。操作提示:
微文字建議用分類詞或短標籤,不宜放完整句子。
顏色
顏色
文字顏色
黑色
#000000
編輯調色盤清除
不透明度
1
可能與實際介面略有差異。
重點:
顏色用於維持微文字的可讀與層級感。
影響:
對比不足會使提示資訊失效。
調整建議:
以主文案色為基準,降低一階明度。
設定項目
文字顏色+Alpha
註解:
可先沿用主文案色,再降低 Alpha 形成層級。
字型
字型
字型系列
預設
粗細
400
字型大小
12
行高
1.4
字距
0
可能與實際介面略有差異。
重點:
字型設定影響小字在按鈕內的可辨識度。
影響:
不適當行高與字距會使小字更難讀。
調整建議:
先確保手機可讀,再調整桌機視覺平衡。
設定項目
字型系列Font 粗細字型大小行高字距
註解:
微文字易受字距影響,建議小幅調整即可。
文字陰影
文字陰影
文字陰影
顏色
黑色
#000000
編輯調色盤清除
模糊
0
水平
0
垂直
0
可能與實際介面略有差異。
重點:
文字陰影可改善背景複雜時的小字辨識。
影響:
過多陰影會讓微文字顯得髒。
調整建議:
僅在必要時使用,保持低強度。
設定項目
顏色+AlphaBlurHorizontalVertical
註解:
若主文案已加陰影,微文字陰影建議更弱。
版面配置
版面配置
外距
0
內距
0
旋轉 (deg)
0
可能與實際介面略有差異。
重點:
版面配置控制微文字與主文案的距離。
影響:
距離過近或過遠都會破壞閱讀節奏。
調整建議:
先用 Margin 建立結構,再微調 Padding。
設定項目
MarginPaddingRotate響應式
註解:
微文字與補充文字同時使用時,請確保按鈕內留白足夠。操作提示:
先確認按鈕高度,再微調微文字的外距。