UI設計中,文字設置是必不可少的一環。文字設置過程中涉及到字體類型、字號、字重、行高、行寬以及顏色等。
1、類型
iOS設備的系統默認字體,中文為蘋方,英文&數字為SFUIText。
Android設備系統默認字體,中文為思源黑體,英文&數字為Roboto。
2、字號
不同的使用場景,文字的字號也不相同。文字的主使用場景分為:一級標題、二級標題、三級標題、正文和提示文字。
文字最小字號一般為11。也有特殊情況,例如標簽里面的文字,字號為10甚至可能更小。
3、字重
字重就是指字體筆畫的粗細。字重的等級是用來標明同一字體家族中不同粗細筆畫的字型。
UI設計中,常用的字重有兩個,一個是常規(Regular),另一個是中黑體(Medium)。
正常文字使用常規體(Regular)。當需要突出層級展示,增加對比時使用中黑體(Medium),中黑體(Medium)常用于標題。
4、行高
字號大小等于文字高度,如下圖所示,字號為16時,行高設置為16,那么其行高也是字體本身的高度(16pt)。
行高=字號+行間距。
5、行寬
行寬=字體寬度+兩側距離字體的寬度
將行寬拉長,代表著設置了文本內容范圍,文本距離右側語音圖標為12pt,表示當文字內容距離語音圖標12pt時,文字打點或截斷展示。
6、顏色
字體顏色有兩種規則定義做法,一種是直接使用色值,另一種做法是通過不透明度實現,通常以#000000為基準,設置不同的不透明度。