當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

字體知識,聊聊移動端的字體準(zhǔn)則!

來源:colachan 作者:十萬個為什麼 學(xué)習(xí):2738人次

當(dāng)視線掠過一行文字時,它是跳躍前進的,我們稱之為掃視。你讀的不是字母,甚至不是詞語,而是文字某部分的影像,大腦會補上它預(yù)期的內(nèi)容。如果超出大腦預(yù)料,它會促使眼睛回去核實假設(shè)十分正確。通過在字里行間創(chuàng)造平順的視覺流動,好的字體極度減輕了眼睛的負(fù)擔(dān)。

對任何字體工作者而言,在移動設(shè)備上要面臨與生俱來的挑戰(zhàn):空間有限,環(huán)境光通常比較微弱。不過將已經(jīng)用于web端的技巧稍加調(diào)整,我們就可以提升移動設(shè)備的易讀性。

一、留足空間

與普遍觀點恰好相反,字體并非屏幕上彎彎曲曲的線條排列;它主要在于周圍和相互間的空間。

字母本身對字體的影響,與構(gòu)成它的空間相比,要小得多。

要理解這一點,了解字體從何而來很有幫助:字母o(還有b、c、p等等)中間的圓孔被稱作“凹槽”。在最原始的印刷機上,鉛字由金屬雕刻而成,這些凹槽來自雕刻成型、排列在盤中的金屬活字。第一個字體設(shè)計師所處理的模具,實際上并不能用于印刷。字母本身對字體的影響,與構(gòu)成它的空間相比,要小得多。

談到層次時,我們通常指的是h1到p,有時候還會到h6。但另外還有一種層次在影響著行或段落的視覺流,這是特殊的層次:字母間距小于字間距,字間距小于行間距,以此類推。

要在移動端創(chuàng)造最佳易讀性,尤其要注意這些特殊層次,這些格式塔式的詞語、行、段落的文字組合,在自然光環(huán)境下同樣至關(guān)重要。

二、行寬

行寬是一行文字的長度;蛘叽_切的說,是一行文字的理想長度,因為很難讓每一行都精確吻合。

眾所周知,舒適閱讀的理想行寬是65個字符左右。行寬產(chǎn)生的物理長度,取決于字體的設(shè)計、字間距(見下文)和你使用的具體文字。本文開篇的65個字符(譯者注:此處請參見英文原文),用PT Serif字體是26.875em寬,用Open Sans是28.4375em寬,用Ubuntu字體是27.3125em寬。如果再加入斜體、大小寫和一大堆其他字體細(xì)節(jié),還會有更大的差異。

在桌面端瀏覽器中,65個字符很難觸及邊緣,但在移動設(shè)備上,65個字符(如果至少大到看得清)會超出瀏覽器的邊界。所以,在移動設(shè)備上,你必須得縮減行寬。

移動端并沒有普遍認(rèn)可的行寬標(biāo)準(zhǔn)。不過傳統(tǒng)上,報紙或雜志上每一個窄列都會趨向于39個字符。鑒于這個理想行寬已經(jīng)經(jīng)歷了數(shù)個世紀(jì)的考驗,它在移動端字體上也運轉(zhuǎn)良好。

三、寬松行距、緊湊行距

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

字體知識,聊聊移動端的字體準(zhǔn)則!

從左至右:理想行距、太緊湊、太寬松。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!