移動端APPUI設計之字體(tǐ)排版設計總結
再來談移動端APP字體(tǐ)排版設計，也許有(yǒu)人會說，這個還有(yǒu)什麽好說的呢(ne)？但是真正能(néng)夠運用(yòng)好APP字體(tǐ)設計的人還真的不多(duō)。不信，我們往下看看這個7個移動端字體(tǐ)設計原則吧！
1. 留足空間
與普遍觀點恰好相反，字體(tǐ)并非屏幕上彎彎曲曲的線(xiàn)條排列；它主要在于周圍和相互間的空間。
字母本身對字體(tǐ)的影響，與構成它的空間相比，要小(xiǎo)得多(duō)。
要理(lǐ)解這一點，了解字體(tǐ)從何而來很(hěn)有(yǒu)幫助：字母o（還有(yǒu)b、c、p等等）中(zhōng)間的圓孔被稱作(zuò)“凹槽”。在最原始的印刷機上，鉛字由金屬雕刻而成，這些凹槽來自雕刻成型、排列在盤中(zhōng)的金屬活字。第一個字體(tǐ)設計師所處理(lǐ)的模具(jù)，實際上并不能(néng)用(yòng)于印刷。字母本身對字體(tǐ)的影響，與構成它的空間相比，要小(xiǎo)得多(duō)。
談到層次時，我們通常指的是h1到p，有(yǒu)時候還會到h6。但另外還有(yǒu)一種層次在影響着行或段落的視覺流，這是特殊的層次：字母間距小(xiǎo)于字間距，字間距小(xiǎo)于行間距，以此類推。
要在移動端創造最佳易讀性，尤其要注意這些特殊層次，這些格式塔式的詞語、行、段落的文(wén)字組合，在自然光環境下同樣至關重要。
2. 行寬與行高
行寬是一行文(wén)字的長(cháng)度。或者确切的說，是一行文(wén)字的理(lǐ)想長(cháng)度，因為(wèi)很(hěn)難讓每一行都精(jīng)确吻合。
衆所周知，舒适閱讀的理(lǐ)想行寬是65個字符左右。行寬産(chǎn)生的物(wù)理(lǐ)長(cháng)度，取決于字體(tǐ)的設計、字間距（見下文(wén)）和你使用(yòng)的具(jù)體(tǐ)文(wén)字。本文(wén)開篇的65個字符（譯者注：此處請參見英文(wén)原文(wén)），用(yòng)PT Serif字體(tǐ)是26.875em寬，用(yòng)Open Sans是28.4375em寬，用(yòng)Ubuntu字體(tǐ)是27.3125em寬。如果再加入斜體(tǐ)、大小(xiǎo)寫和一大堆其他(tā)字體(tǐ)細節，還會有(yǒu)更大的差異。
在桌面端浏覽器中(zhōng)，65個字符很(hěn)難觸及邊緣，但在移動設備上，65個字符（如果至少大到看得清）會超出浏覽器的邊界。所以，在移動設備上，你必須得縮減行寬。
移動端并沒有(yǒu)普遍認可(kě)的行寬标準。不過傳統上，報紙或雜志(zhì)上每一個窄列都會趨向于39個字符。鑒于這個理(lǐ)想行寬已經經曆了數個世紀的考驗，它在移動端字體(tǐ)上也運轉良好。
3. 寬松行距、緊湊行距
行距是行之間的空間，行距太緊湊，會讓視線(xiàn)難以從行尾掃視到下一行首。行距太寬松，字間距會開始形成隊列，産(chǎn)生了我們通常意義上的河流，阻斷了行的視覺流。
從左至右：理(lǐ)想行距、太緊湊、太寬松。
行距的标準通常是1.4em，但以我的經驗，這對于屏幕來說太緊湊了：在屏幕上表現良好的字體(tǐ)都有(yǒu)一個關鍵特征——大的凹槽，大凹槽需要更大一些的行距來保持空間層次。
反過來，更短的行寬需要更小(xiǎo)的行距。所以你可(kě)能(néng)需要将桌面端的行距設得寬松點，同時記得将移動端的設置得緊湊些。
4. 找到最佳或是最舒服的狀态
所有(yǒu)字體(tǐ)至少都有(yǒu)一種最佳狀态，在屏幕上展現最佳的尺寸，還有(yǒu)在浏覽器中(zhōng)最能(néng)保持字形的抗鋸齒選項。
最佳狀态下，多(duō)數筆(bǐ)畫通常都能(néng)排列在像素網格中(zhōng)——像素字體(tǐ)，如果你還記得的話，那些字體(tǐ)僅僅在字号調整到最佳狀态下才有(yǒu)效。
将字體(tǐ)設為(wèi)最佳狀态能(néng)形成更強烈的對比。為(wèi)移動端設計時，對比尤其重要，因為(wèi)戶外的強光可(kě)能(néng)分(fēn)散注意。
你會發現，微調行距會使每行脫離完美像素匹配。我覺得，在移動設備屏幕上，對比的重要性勝過行距。所以如果你不得不在行距上妥協，來保持每行契合像素網格，那就這麽做吧。
通常設計師通過基線(xiàn)網格來排列文(wén)字。但在移動設備上，我們需要使用(yòng)x高度來代替（x高度顧名(míng)思義，就是小(xiǎo)寫字母x的高度）。從易讀性研究中(zhōng)，我們知道大腦識别的是文(wén)字頂部，而不是底部。所以要成就更加平順的視覺流，我們要确保字符頂部最契合像素網格。
5. 不要忽視起伏邊
起伏邊是一段文(wén)字的邊緣。你讀的多(duō)數内容是居左對齊的（至少對于拉丁語系而言），導緻右邊沿參差不齊。
當視線(xiàn)從行尾跳至下一行首時，大腦最好要能(néng)判斷出下一次跳躍的角度和距離。把每次跳躍都想象成跑過跳闆，如果間距保持一緻，就會快很(hěn)多(duō)。因此，文(wén)字左側邊緣應該是平的，每行從同一個地方開始（對于從右至左的語言，恰好相反）。
因此你絕不應該将兩三行以上的文(wén)字居中(zhōng)對齊。
通常文(wén)字會設置成兩端對齊，這意味着每行文(wén)字所占空間相等，所以兩側都不會有(yǒu)起伏邊。我懷疑兩端對齊的流行和響應式設計有(yǒu)關，它教設計師們以塊狀形态思考。兩端對齊的文(wén)字産(chǎn)生的留白不統一。最糟的情況會導緻一行中(zhōng)隻有(yǒu)幾個字，相當不協調。更窄的行寬會加重兩端對齊的問題，所以兩端對齊的文(wén)字在移動端是難以閱讀的。
從左至右：左對齊、居中(zhōng)對其、兩端對齊。
如果整潔真的非常重要，那麽使用(yòng)連字符号來讓起伏邊更平滑，絕不能(néng)在移動端使用(yòng)兩端對齊。
文(wén)字右側是起伏邊在移動端還有(yǒu)一項額外好處：人們通常在易分(fēn)心的場合閱讀文(wén)字，讀者視線(xiàn)頻繁地從文(wén)字上移開——查看站名(míng)，或是接電(diàn)話。起伏邊創造了一個随機形狀，讓右撇子的視線(xiàn)可(kě)以通過重讀最少的文(wén)字，回到剛才的位置。
6. 減少反差
增強文(wén)字與背景對比的同時，我們也要減少不同層次文(wén)字間的反差。
在移動端，實際可(kě)見的文(wén)字更少，所以反差被放大了。
其原因是我們的大腦基于環境來判斷重要性。在桌面端，标題可(kě)能(néng)是正文(wén)字号的兩倍甚至三倍，因為(wèi)屏幕上有(yǒu)更多(duō)文(wén)字，所以這是有(yǒu)效的。在移動端，實際可(kě)見的文(wén)字更少，所以反差被放大了。
多(duō)數設計師使用(yòng)斐波那契數列式的字号組合。在移動端，應該縮小(xiǎo)比率來減少字号間的反差。比如，如果你使用(yòng)黃金比例1.618與字号相乘。在移動端，應該用(yòng)更小(xiǎo)的比例1.382來替代。
桌面端屏幕比移動端容許更誇張的字号縮放。
7. 按比例調整字間距
為(wèi)移動端調整字号時，我們要意識到字間距發生了必要的變化。
（先說一句，不應該調整固有(yǒu)字距。固有(yǒu)字距是兩個字母相互組合時的距離，使它們的間距與其他(tā)字母間距在視覺上統一。創作(zuò)字體(tǐ)時，就納入了固有(yǒu)字距的考量，這個過程可(kě)能(néng)要花(huā)上數月。如果你選用(yòng)了一款專業的字體(tǐ)，它的固有(yǒu)字距就是合适的，如果你覺得不對，請換一個字體(tǐ)。）
字間距并不是固有(yǒu)字距。字間距是字體(tǐ)中(zhōng)應用(yòng)在所有(yǒu)字符上的間距。通常你也不應該調整字間距。
大字号是個例外，拿(ná)标題和小(xiǎo)号文(wén)字（比如腳注）舉例。大号文(wén)字需要減少字間距，小(xiǎo)号文(wén)字需要增加字間距。前者是考慮到分(fēn)組，後者則是為(wèi)了增強對比。如果你在調整标題，或是用(yòng)了通常字間距緊密的藝術字體(tǐ)，縮小(xiǎo)時可(kě)能(néng)就需要把字間距放開一點。
移動端APPUI設計之字體(tǐ)排版設計總結：
字體(tǐ)是一門工(gōng)藝，設計師終其一生都在精(jīng)心打磨。的确如此，因為(wèi)每個文(wén)字、每種字體(tǐ)和每項技(jì )術都帶來了新(xīn)的挑戰。沒有(yǒu)一成不變的普适規律。
假如你追求易讀性，要牢記三條原則：行内的視覺流要平順，空間層級要清晰，要有(yǒu)足夠的對比。這尤其适用(yòng)于移動端頁(yè)面。