說到排版，這是個大學問。網站上每一個元素都能影響流覽，排版規劃的好壞肯定能考驗一個規劃師的根本功底，而短短的一篇文章並不能將排版介紹清楚，本文就先主要共享網站主題部分文字的排版，後期咱們還會在不同系列文章中依據要點地交叉介紹排版技巧。
文字的排版需求考慮文字辨識度和頁面易讀性，本文就從最佳易讀性標準和CRAP規劃四準則的視點與咱們共享怎樣在網頁中做出精彩的文字排版。
先想想，你覺得好的文字排版是什麼樣的?在咱們看來，好排版必定有著比較棒的閱覽性，文字內容在視覺上是平衡和連接的，並且有全體的空間感。佈局、內容擺放和欄目規劃都會影響文字的閱覽性。從易讀性來看，需求規劃師考慮字體、字型鉅細、行距、距離、背景色與文字顏色對比等。
咱們在前面文章中現已要點介紹了字體和字型鉅細，以下最佳易讀性標準則介紹行距和距離，共享適合的行寬和行高，幫助流覽者堅持閱覽節奏，讓讀者具有更好的閱覽體驗。
1、最佳易讀性標準
①.行寬
咱們可以想像一下：假如一行文字過長，視野移動距離長，很難讓人注意到階段起點和結尾，閱覽比較困難;假如一行文字過短，眼睛要不斷來回掃視，破壞閱覽節奏。
因而咱們可以讓內容區的每一行承載合適的字數，來進步易讀性。
傳統圖書排版每行最佳字元數是55—75，實踐在網頁上每行字元75—85更盛行。中文在14號字體時，主張35—45個文字。
②.距離
行距是影響易讀性非常重要的要素，過寬的行距會會讓文字失掉延續性，影響閱覽;而行距過窄，則簡單呈現跳行。
網頁規劃中，文字距離一般依據字體鉅細選1—1.5倍作為行距離，1.5—2倍作為段距離。
比方12號字體，行距離是12px—18px，階段距離則是18px—24px。
別的，行高/階段之間的空白=0.754。行距離正好是階段距離的75%對錯常常見的。
比方簡書16號字體，行距離27px/段距離36px=75%。文字字型鉅細自身比較大，所以行距離也不需求嚴厲按照1—1.5倍的份額設置，不過行距離和段距離的份額契合75%，看起來很不錯，這樣的視覺效果讓人在閱覽時堅持一種節奏感，這就是在實踐情況中將標準的靈敏使用。
閱讀更多 創意程序猿 的文章
