UI設計:螢幕閱讀用字法則

highhand發表於2021-09-09

字型

適於閱讀的三大要素:
①資訊量
②重心
③灰度

資訊量

如果說閱讀的本身是資訊量的吸收,那麼字型就是搭載內容的輸出媒介。但字型本身也是存在資訊量,他們的資訊量來源於組成字型的點線面,越多的點和麵,則意味著更多資訊的輸出,造成閱讀疲勞。

重心

中心越平穩,視覺越流暢,閱讀更連貫;

灰度

灰度均勻,閱讀無黑點;

圖片描述

布白的均勻,影響整體版面的視覺,以及閱讀的舒適程度。是產品質感的重要指標,經過精雕細琢的字型有著舒適流暢的視覺體驗。

行間距

行距是行之間的空間,行距太緊湊,會讓視線難以從行尾掃視到下一行首。行距太寬鬆,字間距會開始形成佇列,產生了我們通常意義上的河流,阻斷了行的視覺流。

圖片描述

字間距

由於中文的特點,單個字之間的距離過近會使偏旁部首首尾連續,尤其對於左右結構的字,更是一種挑戰。合適的字間距和字型內部的優質穿插布白會讓版面字字分明,卻又灰度怡人。沒有任何認知上的干擾和不平衡的感覺。

圖片描述


圖片描述

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/810/viewspace-2807360/,如需轉載,請註明出處,否則將追究法律責任。

相關文章