設(shè)計(jì)規(guī)范
在 Material Design、macOS 的 HIG、Fiori Design吭历、Ant Design 等規(guī)范中达址，默認(rèn)表格都是文本左對齊，數(shù)值右對齊早敬。
其他相關(guān)文章的建議
- 數(shù)值右對齊
- 文本左對齊
- 表頭標(biāo)題和單元格數(shù)據(jù)保持一致的對齊方式
- 不要使用居中對齊
總結(jié)
左對齊
一般情況下忌傻，文本的對齊方式均采用左對齊。
原因是：（1）現(xiàn)代人的閱讀習(xí)慣是從左到右搞监，符合心智水孩；（2）左對齊的文本，便于用戶掃描過程中快速找到下一行文本開始的位置琐驴，數(shù)據(jù)可讀性更高俘种；（3）左對齊的文本秤标，起到了縱向分割線的作用，在沒有縱向直線分割的情況下安疗，也可以讓表格數(shù)據(jù)簡潔抛杨、整齊。-
右對齊
適用于字段值是數(shù)字類型的字段荐类，例如 “數(shù)量”怖现、“金額”等字段。
原因是：數(shù)字是從右向左讀的玉罐，個(gè)位屈嗤、十位、百位上下對應(yīng)的話吊输，方便直觀地對比數(shù)值饶号。
但可能帶來其他問題：假設(shè)表格寬度較大，但只有兩列季蚂，屬性列左對齊茫船，數(shù)值列右對齊，則中間過大的間距會導(dǎo)致兩者關(guān)聯(lián)性較弱扭屁。（鼠標(biāo)懸停時(shí)整行高亮算谈，可加強(qiáng)兩列之間的相關(guān)性。）
居中對齊
一般情況下料滥，居中對齊會導(dǎo)致表格的行 “ 參差不齊”然眼，瀏覽條目會更難。
但是葵腹，對于字段值長度相對固定的字段高每，如 “日期”，可采用居中對齊的方式践宴，視覺上會更均衡鲸匿。
所有使用居中對齊的字段，也都可以使用居左對齊阻肩。-
表頭標(biāo)題和單元格數(shù)據(jù)保持一致的對齊方式
保持表格豎直方向整潔带欢，給用戶視覺上的統(tǒng)一感。
- 以上內(nèi)容包含個(gè)人理解磺浙，僅作為個(gè)人學(xué)習(xí)筆記使用洪囤。如有錯(cuò)誤，歡迎指正啊撕氧，非常感謝 ^^
- 以下為參考文章鏈接瘤缩，非常感謝作者 ^^
Design Better Data Tables（作者：Matthew Str?m；來源 Medium）
表格的設(shè)計(jì)思考（作者：黃粲伦泥；來源：知乎）
