【說明】數碼時代,設備的核心是內容的展現。即便你的目的是想要與用戶發生交互,那么也必須考慮到,用戶只與他們看見的內容進行交互。其中,字體是內容展現的重要內容。Steven Hoober在uxmatter上發表了文章探討不同設備上的字體大小問題。筆者在此對文中的主要內容編錄如下:
1、文章討論“字體”時,其內涵包括:文字內容、字體及其顏色、大小。當我們討論文本閱讀時,實際討論的是人在不同設備上的閱讀行為,而多數的可用性及無障礙設計指南都會假定內容存在于網絡上,因此標準衡量單位是px。但世紀以來,人們衡量字體大小使用的是pt。但這并不借用從iOS的設備獨立像素,而是來自于印刷行業。Adobe將其定義為:1in=72pt。我們也可以將其稱為PostScript point。
實際使用時,不同設備的屏幕和眼睛的距離是不同的。作者根據經驗制定了下表的轉換表。
2、用戶使用不同設備時,其目的和需求是不一致的。不同設備尺寸,人們的用法不一樣。大體情況如下:
盡管用戶真實的使用場景和習慣差異很大,有條件的話能弄清楚自己用戶的使用場景和需求很必要。但多數設計師并沒有這樣的條件和精力,作為參照依據,可以選擇設備類型和尺寸。
3、屏幕與眼睛的距離,也是很重要的考量因素。下面的公式:
Visual Angle (minutes of arc) = (3438) * (length of the object perpendicular to the line of sight) / (distance from the front of the eye to the object)
視角(角分)=(3438)*(與視線垂直的物體長度)/(眼睛到物體的距離)
簡而言之,眼睛離設備距離越遠,保持同樣可讀性的字體就應越大。這就是為什么你使用手機或者iPad觀看電視節目會很舒服的原因——有著同樣的視角。
下表是基于設備的常用使用距離計算得來的最小尺寸要求(實際設計中應該大于這些數字)。
4、字體對比度是可讀性的重要方面。這里不僅僅要考慮顏色區別的無障礙設計要求、更主要是因為設計者需要考慮屏幕反光的問題。信息無障礙是法律的要求、也可以成為市場差異化的有效方式,W3Cs?WCAG盡管是基于px考慮,但依然不失為很好的范例。我個人比較喜歡3A標準:
正常文字:7:1;
較大的文字:4.5:1.?
當然這個比例并不是絕對的。
使用黑底白字,可以很好地省電、同時保證在各種光線條件下的可讀性。這可以為大標題、字幕、表格表單等的設計提供一個高效的解決方案。
但這并不意味著你不能使用顏色或者動圖,我只是建議你再多考慮一下可讀性。
5、不同設備的最佳字號見下表。
建議字體不宜小于最小字號(minimum)的140%;若要特別需要用戶特別注意到,可使用更大的字號,但不超過增強字號(enhanced)的180%。否則同樣影響可讀性。
如果你的用戶有老年人,或者主要使用場景在戶外,那么請考慮使用大一些的字號或(和)提高對比度。
6、先決定你需要用戶閱讀到的文本的字號(比例標題、按鈕文案等),然后決定其他文本類型。
字號大小是區分內容層次的最直觀方法,比如重要的功能或數據,可以使用增強字號。
在網頁不同內容,可以參照HTML標準確定各級內容的文本字體大?。ㄒ娤卤恚?,然后你可以在此基礎上重新定義。
需要注意的是,請考慮你的標題長度、避免在小尺寸設備出現超長標題;過大的文本、icon和表單控制,都將使內容不可讀、難以辨認,同時還會給人以廣告的感覺。
7、也別忘了好的排版。好的排版可以提供更好的易讀性、幫助你傳達內容。
詳細解釋和相關文獻內容,請閱讀原文。點此查看原文