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

3 評論 4956 瀏覽 17 收藏 10 分鐘

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

在互聯(lián)網(wǎng)的發(fā)展的今天,UI設計中出現(xiàn)了很多關于文字排版的內容。不管是移動端,還是網(wǎng)頁端,在設計不同的頁面時候會出現(xiàn)大量的文字排版。

從而會產生以下問題:

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

一、研究意義

研究關于字數(shù)的限制可以幫助我們更好的設計利用文字創(chuàng)作的內容,為以后研究設計的設計師們提供更多的借鑒,為設計的理論提供更多的依據(jù)。

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

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

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

二、相關研究和案例分析

1. Baymard研究所關于字數(shù)限制研究

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

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

2. John McWade關于字數(shù)的分析

John McWade美國設計師、教師、作家;創(chuàng)辦Before & After雜志在他講的關于一行是多少為最佳效果:

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

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

3. 行寬限制

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

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

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

4. 間距限制

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

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

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

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

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

5. 小說的字數(shù)限制

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

6. 軟件中的字數(shù)限制

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

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

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

7. 用戶體驗

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

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

業(yè)務需求:同樣的一個內容發(fā)布,微博是2000個字、小紅薯是1000個字、微信是2000個字符,為什么要有差異呢?比如微博重媒體屬性、微信重好友社交屬性、小紅薯重分享屬性。字數(shù)限制也是平臺定位的體現(xiàn)。

8. 報紙上的字數(shù)限制

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

經(jīng)濟類報紙文章長每版面大概行數(shù)80行以上,都是5號字。以此大概統(tǒng)計,每個版面字數(shù):16×80×6=7680字

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

9. 中文書籍正文排版一行字數(shù)限制

32 個字為最佳。

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

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

擴展資料:

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

10. 論文中標題字數(shù)限制

論文中標題字數(shù)不易超過20個字的規(guī)定。

11. 高考作文格

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

三、結論

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

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

參考文獻

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

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

本文由 @旺王蓬興 原創(chuàng)發(fā)布于人人都是產品經(jīng)理,未經(jīng)作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協(xié)議。

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

更多精彩內容,請關注人人都是產品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 結果可能大差不差,但推論過程不嚴謹,直接繼承行業(yè)標準看著就有點隨意,至少要解釋一下印刷行業(yè)標準是怎么來的,為什么會用a4紙,為什么多了少了會不舒適,為什么移動端設計規(guī)范是一個字12號,為什么網(wǎng)頁端不會出現(xiàn)全屏寬文本,都是切入點

    來自廣東 回復
  2. 西文字和中文字的標準不一定相同吧。

    來自江蘇 回復
    1. 中文的一個字占兩個字符,英文一個字占一個字符。正文的行長通常在40到60個字符之間。在行長較寬的區(qū)域(例如桌面)中,包含最多120個字符的較長行將需要將行高增大。行長過長易讀性就會變差,讀者閱讀時容易串行,造成閱讀困難。合理的行長使用戶在行間跳轉時感到輕快和愉悅,反之則會使閱讀成為一種負擔。

      來自河南 回復