本文討論了在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個字。
三、結論
- 易讀的文本一般30~80字符/行,包括標點。
- 多行文本35~45;理想情況為65。
- 最多不超過75個字最好。
- 一般來說,大多數人認為每行包含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
评论列表(196条)
测试