多掌握點字體設計知識是好事。良好的字體基礎能幫助你挑選字體，理解字體本身的意義。挑選合適的字體，想必對很多設計師來說，都是一件棘手的事情。我們今天就來談談垂直方向的閱讀節奏感。對！你沒看錯，韻律感也決定了字體是否適合設計。

界面設計，尤其是網頁設計的字體選用上，垂直閱讀的節奏感是重中之重——而且能夠搭配視覺元素，打造優秀的閱讀韻律感的字體不是很好篩選，耗時且需要實驗多次。實際上，很多手段都能幫助我們打造閱讀的節奏感。

與這些很難關注到的設計細節相比，或許還有一篇超有意思的文章值得您觀看《四大秘要！讓用戶第一眼就愛上你的網站》

何為垂直節奏？

節奏就是...

一種強烈的，有規律的，重復的聲音或者運動模式。
如果節奏一致且令人熟悉，那么節奏感會非常強烈。
我們將節奏原理應用到將誒面設計中，便產生了垂直節奏——我們一般是從左到右，從上到下進行閱讀，我們要以此閱讀習慣為基礎，打造一致的視覺閱讀節奏。一致的垂直節奏才能保證視覺效果更放松，達到更好的閱讀體驗，讓用戶感到安心，沒有閱讀障礙，沒有違和感，可讀性自然強。

打造優良的垂直節奏可不是一件容易的事情。設計師需要協調好元素與元素（圖像，文本），元素與整體之間的關系。
例如，段落之間的空間要怎么處理？（空間大一點，還是小一點？）你自己設計完工后，覺得可讀性如何？還有其他很多方面要考慮，這里不一一例句。即使是最微小的變化，也能蝴蝶效應，影響界面的閱讀體驗。

"優秀的垂直閱讀節奏"要素有哪些？

好了，現在我們知道了什么叫做垂直閱讀節奏，那么怎么打造優秀的垂直節奏？關鍵點在于可讀性。

當你在網頁設計中使用字體時，有兩點需要特別注意：字體的大小，字體的行高。盡管還有其它因素。但是這兩點是打造垂直閱讀節奏的關鍵點。如果你的字體大小不合適——比方說碩大的標題，渺小的正文字體，讓用戶讀起來頗有一種一落三千丈的失落感——這就使得內容難以被用戶快速閱讀、快速掃描。

同樣的，如果內容行高出了差錯——要么顯得太緊密，讓用戶讀起來感到窒息，要么顯得太松散，讓用戶感覺太松散、文本之間的聯系不大——這會造成用戶流失，設計師必須學會將心比心，從而取悅用戶。

打造優秀的垂直閱讀節奏

毫無疑問，需要很多練習，還需要一定理論知識的支持，尤其是數學知識。

首先，你需要仔細打量基準線（也可以叫做基準線網格）基線決定了行高，因此也決定了垂直方向的閱讀節奏——合理調整基線，這樣確保行高恰當，文本內容的布局將更加有序。

如果還不明白什么叫做優秀的垂直閱讀體驗，不妨看看Trent Walton的網站，這是個絕佳的范例

當調整基線時，要注意，行高要根據字體的大小來定。一般標準的正文字體為16px，那么行高一般設置為字體大小的1.4——1.6倍，取1.5的話，也就是24px——這同時也是我們基線的設置參數。因此這個24px就成為了規矩，一切字體元素都要與24px的空間大小匹配。

還有一個便是外邊距，記住24這個魔力數字，外邊距使用24px效果極佳。你可以試一試

圖像

還有一條小建議就是，圖像與文本的匹配——要確保圖像不會破壞垂直閱讀節奏——因此要確保圖像高度要符合魔力數字24.例如，圖像高度為240px即可（10x24px），下邊距24px。或者高度可設為252px，下邊距設為12px——只要加起來24px即可。

也可以打破規矩、即興發揮！

規矩是死的，人是活的，規矩存在的意義是不至于犯大錯，如果想要更進一步，就要個人創造了?？梢愿鶕约旱慕涷瀬磉M行調整，打造更好的閱讀體驗。
例如，你打算把行高設置為26px（這是標準字體16px的1.625倍大?。敲催吘嘁惨凑者@個比例相應的調整。

閱讀節奏工具

盡管垂直閱讀節奏很難打造——然而，好在我們有很多設計和開發工具，這里精選了很多不錯的工具，能夠實現優秀的閱讀體驗。

Typecast App

字體種類豐富，字體設置功能詳備，可以幫助設置合適的基準線。

Modular Scale

比例工具，布局有大用。

Basehold.it and Baseline.js

兩款在線工具，能夠幫助檢查文本的視覺表現力。

結論

其實起決定性作用的還是基準線網格。無論你用什么工具，原理都大同小異，要把握好比例和字體大小以及間距。
完成后要將文本和基準線網格結合，整體的審閱一遍，你會找到很多不足，然后進一步修改，知道滿意為止。好的垂直閱讀節奏就代表著好的閱讀體驗——這才是細節設計。

原文地址：webdesign
優設網翻譯:@MartinRGB
轉摘請注明優設網譯文出處，謝謝各位小編。

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：156982）分享實戰經驗。
設計微博：擁有粉絲量55萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：