微文字

Micro Text Settings
文字
顏色
字型
文字陰影
版面配置

可能與實際介面略有差異。

變更預覽

This setting applies to the supplementary text

文字

文字
文字

可能與實際介面略有差異。

重點:
微文字顯示在按鈕內主文案上方,用於分類或短提示。

影響:
能建立資訊層級,幫助快速理解內容。

調整建議:
建議比主文案更小更淡,避免喧賓奪主。

設定項目

  • Micro 文字(最多 2 行)

註解:
文字為空時不顯示微文字區塊。

操作提示:
微文字建議用分類詞或短標籤,不宜放完整句子。

顏色

顏色
文字顏色
黑色
#000000
編輯調色盤清除
不透明度
1

可能與實際介面略有差異。

重點:
顏色用於維持微文字的可讀與層級感。

影響:
對比不足會使提示資訊失效。

調整建議:
以主文案色為基準,降低一階明度。

設定項目

  • 文字顏色 + Alpha

註解:
可先沿用主文案色,再降低 Alpha 形成層級。

字型

字型
字型系列
預設
粗細
400
字型大小
12
行高
1.4
字距
0

可能與實際介面略有差異。

重點:
字型設定影響小字在按鈕內的可辨識度。

影響:
不適當行高與字距會使小字更難讀。

調整建議:
先確保手機可讀,再調整桌機視覺平衡。

設定項目

  • 字型系列
  • Font 粗細
  • 字型大小
  • 行高
  • 字距

註解:
微文字易受字距影響,建議小幅調整即可。

文字陰影

文字陰影
文字陰影OFFON
顏色
黑色
#000000
編輯調色盤清除
模糊
0
水平
0
垂直
0

可能與實際介面略有差異。

重點:
文字陰影可改善背景複雜時的小字辨識。

影響:
過多陰影會讓微文字顯得髒。

調整建議:
僅在必要時使用,保持低強度。

設定項目

  • 顏色 + Alpha
  • Blur
  • Horizontal
  • Vertical

註解:
若主文案已加陰影,微文字陰影建議更弱。

版面配置

版面配置
外距
0
內距
0
旋轉 (deg)
0

可能與實際介面略有差異。

重點:
版面配置控制微文字與主文案的距離。

影響:
距離過近或過遠都會破壞閱讀節奏。

調整建議:
先用 Margin 建立結構,再微調 Padding。

設定項目

  • Margin
  • Padding
  • Rotate
  • 響應式

註解:
微文字與補充文字同時使用時,請確保按鈕內留白足夠。

操作提示:
先確認按鈕高度,再微調微文字的外距。