視覺設計常重圖標色彩輕排版,但對閱讀類App,**易讀性與圖形色彩同等甚至更重要**。無設計理論會怪異,有理論未必絕對正確,但站在讀者角度尋找舒適排版,是設計者的基本功。借此整理網易雲閱讀正文排版七大規則。
頁邊留白大小決定排版印象。紙書有莫裡斯理論,但屏幕顯示需重算。標準版面比例 **a:b:c:d = 1:1.2:1:1.7**(上:右:下:左)。


標題大、註釋小,靈活設定。**先定正文字號**,再以此平衡決定各級標題、註釋大小。同號字不同字體視覺大小不同;另需考慮閱讀設備(大/小屏)。

左對齊(行首齊、行尾亂)利停頓換行,適散文詩歌;**長文兩端對齊**行尾齊整,視線平滑移動,條理感強。

留白層級由小到大:字內空白 < 字間距 < 行距 < 段距。**順序顛倒即難讀**。實際排版靠肉眼觀察判斷合適度。

行距過大→視線移動累;過小→上下干擾分不清行。**正文行高=字號×2**(如12px字→24px行高)。

字體差異微調:宋體行高>黑體行高。標題/引導語行高適當壓緊,避免鬆散、失去整體感。


對話多/原創書行距可小;出版書/論文行距宜大。讀者年齡層亦影響決策。
段距不足→視線衝突;過大→段落關聯弱。**標準:段間距≈2×字號**(12pt字→24px段距)。可刻意壓窄製造緊湊感。

中英混排:英文字號略大於中文,和諧融合。
兩端對齊:決定標點是否「懸掛」在對齊線內。
標點避頭尾:標點不落行首行尾,防閱讀卡頓。
預設「段落樣式」規則,自動美觀協調。

同理論編排,有「不錯」與「只是排列」之分。設計體現時代要求,讀者年齡層關鍵。網易雲閱讀字體/色彩/風格有固定規則,但**每隔一段時間微調**——視覺需新鮮感,在無限可能中尋找最舒適易讀編排。
注:更多精彩教程請關注三聯設計教程欄目。