Andy's blog

If you always do what you've always done, you'll always get what you've always got.

0%

2020-09-27-看鐵人賽學UI/UX-文字排版

今天要來介紹文字。


參考資料:
The type system
Understanding typography


示意圖

文字系統

  • 標題
    從H1~H6,可以挑選比較特特殊字體,來吸引使用者注意。(字體大小96px~20px)

  • 副標題
    字體大小必須小於標題,而且使用襯線或無襯線字體必較合適。(字體大小16px~14px)

  • 內文
    一樣建議用襯線或無襯線字體必較合適。(字體大小16px~14px)

  • 附註
    文字最小(字體大小12px~10px)

文字排版

行高必須為4的倍數

  • 可讀性
    大寫英文字母間距比較寬,理想一段文字為40~60個字

  • 文字行高
    示意圖

  • 段落間距
    段落間距應保持在字體大小的 0.75 倍至 1.25 倍之間。例如: 字體大小20sp,行高30dp,段落間距28dp。
    示意圖