css字體間距:最佳的閱讀一行是多少字最合適?-字體教程免费ppt模版下载-道格办公

最佳的閱讀一行是多少字最合適?

助於優化用戶體驗並提高閱讀效率。根據研究結果,最佳的閱讀一行字數通常在45到75個字之間。超過75個字的一行可能會導致閱讀困難,而少於45個字的一行則會導致閱讀速度過快。另外,合適的閱讀頁面寬度也是關鍵因素之一。適當的頁寬能夠幫助讀者保持注意力集中,提升閱讀體驗。因此,在進行UI設計時,需要根據實際情況結合這些研究結果,確定最佳的閱讀一行字數和頁面寬度,以提供最佳的閱讀體驗。

本文討論了在UI設計中出現的關於文字排版的問題以及與此相關的字數限制。文章探究了多少字一行、閱讀頁面寬度、一行字數等問題,並強調做好字數限制的重要性。這些研究有利於為設計師提供更多的借鑒,並為設計的理論提供更多的依據。

在互聯網的發展的今天,UI設計中出現了很多關於文字排版的內容。不管是移動端,還是網頁端,在設計不同的頁面時候會出現大量的文字排版。

從而會產生以下問題:

  • 到底多少字一行才能夠滿足人們的需求呢?
  • 閱讀的頁面是不是寬度越寬越好?
  • 一行字越多越好?
  • 一行看多少字才最好?
  • 我們應該如何設計控製字數?
  • 根據頁面寬度去顯示多少字?
  • 你們是不是也有這樣的疑問?

一、研究意義

研究關於字數的限制可以幫助我們更好的設計利用文字創作的內容,為以後研究設計的設計師們提供更多的借鑒,為設計的理論提供更多的依據。

為什麼要做字數限制?其實我之前並不注重說,字數限制、或者圖片視頻這類型的大小限制。在做項目的時候,進度都是很趕的,會覺得忽略了這些細節。很多時候都是靠開發或者測試同事隨意發揮,然後往往自己會在後面驗收項目的時候,觸目驚心……

是什麼讓我覺得字數限制如此重要呢?今年在做系統重構的時候,其實有比較充分的時間去思考輸入框的意義。

密碼輸入框的限制是什麼、金額輸入框的限制是什麼、商品標題的輸入框限制是什麼、太長太短又會有什麼影響、是否允許輸入特殊字符、特殊字符有哪些……簡直就可以寫一本十萬個為什麼來解答了。

二、相關研究和案例分析

1. Baymard研究所關於字數限制研究

最佳的閱讀一行是多少取決於很多因素:屏幕大小、字體大小和行距、閱讀者的眼睛疲勞程度等。

考慮這個建議可讀性和線路長度從Baymard研究所:“你應該有大約每行60個字符,如果你想有一個良好的閱讀體驗。”

2. John McWade關於字數的分析

John McWade美國設計師、教師、作家;創辦Before & After雜誌在他講的關於一行是多少為最佳效果:

  • 一行能夠很輕鬆的都下來是25個字。
  • 易讀的文本一般30~80字符/行,包括標點。
  • 多行文本35~45;最多為65。

如果一行超過65個字就會產生困難。確實是這樣的,我們再看文章的時候能夠輕鬆的閱讀,而不是一行有無線長,一行越短再讀起來時候就會越連貫,當然也不是越短就越好。我認為在一行25個字的時候越讀起來會相對容易,人最多可以承受的限度,應該就是65個字左右。

3. 行寬限制

我們可以想像一下:如果一行文字過長,視線移動距離長,很難讓人注意到段落起點和終點,閱讀比較困難;如果一行文字過短,眼睛要不停來回掃視,破壞閱讀節奏。

因此我們可以讓內容區的每一行承載合適的字數,來提高易讀性。

傳統圖書排版每行最佳字符數是55—75,實際在網頁上每行字符75—85更流行。中文在14號字體時,建議35—45個文字。

4. 間距限制

行距是影響易讀性非常重要的因素,過寬的行距會會讓文字失去延續性,影響閱讀;而行距過窄,則容易出現跳行。

網頁設計中,文字間距一般根據字體大小選1—1.5倍作為行間距,1.5—2倍作為段間距。

比如12號字體,行間距是12px—18px,段落間距則是18px—24px。

另外,行高/段落之間的空白=0.754。行間距正好是段落間距的75%是非常常見的。

比如簡書16號字體,行間距27px/段間距36px=75% 。文字字號本身比較大,所以行間距也不需要嚴格按照1—1.5倍的比例設置。不過行間距和段間距的比例符合75%,看起來很不錯,這樣的視覺效果讓人在閱讀時保持一種節奏感,這就是在實際情況中將規範的靈活應用。

5. 小說的字數限制

一般一行是二十字左右,一段最多不超過100字。

6. 軟件中的字數限制

收貨人:不能超過25個漢字,不能包含特殊字符。來源淘寶-添加收貨地址。

詳細地址:長度需在2-120個字符之間,不能包含特殊字符。來源淘寶-添加收貨地址。

場景應用:比如彈幕一般控制一次評論最多的字數是25個字,騰訊視頻就是如此。

7. 用戶體驗

前後端交互:每個輸入框,都有他的意義,而字數限制是體現他意義的其中一點。合理的限制,可以提升整個產品的體驗,讓產品看起來舒服易讀。

提交內容:在提交內容的時候,對於填寫的內容有一個提前預判,從而再進行填寫。

業務需求:同樣的一個內容髮布,微博是2000個字、小紅薯是1000個字、微信是2000個字符,為什麼要有差異呢?比如微博重媒體屬性、微信重好友社交屬性、小紅薯重分享屬性。字數限制也是平台定位的體現。

8. 報紙上的字數限制

以經濟類報紙為例:因為整版廣告少文字內容居多,每個版面有6個豎排,每個豎排中每行16字左右,文章的長短一般在豎排的行數,文章長則行數多。

經濟類報紙文章長每版面大概行數80行以上,都是5號字。以此大概統計,每個版面字數:16×80×6=7680字

則每張報紙有4版面共7680×4=30720字 約為3萬字。

9. 中文書籍正文排版一行字數限制

32 個字為最佳。

根據 ETS 所述:用常見的 roman 體在 10 pt 的字號下排小寫字母表(26 個字符)長度是 120_140 pt。

故而,66 個字符對應的欄寬大概是 305_355 pt。中文排版常用的五號字通常約為 10.5 pt,折合得 29_34 字;取中值、四捨五入(也恰好湊成偶數),得 32 字。

擴展資料:

排版,是指將文字、圖片、圖形等可視化信息元素在版面佈局上調整位置、大小,是使版面佈局條理化的過程。按照稿本把鉛字、圖版等排在一起拼成書報的版子,以供印刷。

10. 論文中標題字數限制

論文中標題字數不易超過20個字的規定。

11. 高考作文格

高考作文答題卡,兩欄式的是1行25格,一列25行,一面1250個字。三欄的,一行15格,一列27行一面1215個字。

三、結論

  1. 易讀的文本一般30~80字符/行,包括標點。
  2. 多行文本35~45;理想情況為65。
  3. 最多不超過75個字最好。
  4. 一般來說,大多數人認為每行包含60到80個字符是最佳的。

大家學會了?希望對你們有幫助。

參考文獻

https://www.51zxw.net/TechArticleDetails.aspx?zid=8&id=910

https://www.16xx8.com/photoshop/jiaocheng/2015/140887_3.html

本文由 @旺王蓬興 原創發佈於人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基於CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平台僅提供信息存儲空間服務。

文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/What%20is%20the%20best%20number%20of%20words%20for%20a%20line%20to%20read.html

(810)
打賞 支付宝扫一扫 支付宝扫一扫
single-end

相關推薦