文字是UI規(guī)劃中非常重要的信息元素，盡管大多數(shù)規(guī)劃師對(duì)文字的特點(diǎn)比較了解，但在真實(shí)規(guī)劃中總會(huì)因其他信息的攪擾不能合理運(yùn)用，與上線后的視覺效果預(yù)期相差甚大。文字的各種距離處理看似簡(jiǎn)單，但實(shí)踐上有許多因素要考慮，例如字距離、行高、階段等，下面帶大家一起了解。

　　1.字符距離

　　字符距離一般都是規(guī)劃工具的默認(rèn)數(shù)值，無需調(diào)整。當(dāng)碰到多行文字需求避開頭尾的標(biāo)點(diǎn)符號(hào)時(shí)，運(yùn)用工具中的避頭尾功用即可自動(dòng)調(diào)整字距離，如無此功用，則需手動(dòng)調(diào)整，這兒并沒有所謂的技巧與辦法，頭尾避開標(biāo)點(diǎn)符號(hào)即可。

　　另外，在規(guī)劃卡片、瓷片區(qū)的標(biāo)題時(shí)，有時(shí)需求通過調(diào)整字符距離來提高界面的舒適度，距離數(shù)值自行界說，但相同層級(jí)的內(nèi)容標(biāo)題字距離必定要保持一致。

　　2.文字行高

　　行高是指上邊框+下邊框+字號(hào)的高度之和，這兒首要針對(duì)多行文本。在平面規(guī)劃中，行高沒有必定的標(biāo)準(zhǔn)，如無特別需求，運(yùn)用體系默認(rèn)的行高即可。

　　在UI規(guī)劃中，文字會(huì)有5～6個(gè)不同的等級(jí)，為便于用戶閱讀，一般會(huì)設(shè)定行高標(biāo)準(zhǔn)，尤其是新聞資訊類型的應(yīng)用本身就以文字內(nèi)容為主，不同的行高對(duì)文字的易讀性會(huì)發(fā)生較大的影響。

　　文字行高一般會(huì)設(shè)定為字號(hào)的1.2～1.5倍，詳細(xì)值跟字號(hào)有很大聯(lián)系，文字越小，行高就越大。例如，我們能夠設(shè)定字號(hào)32px為中間值（非絕對(duì)），小于或等于32的字體、行高為字號(hào)的1.5倍，大于32的為1.2倍。另外，也能夠直接將一切行高固定在字號(hào)的1.5倍，不難發(fā)現(xiàn)，字體越大其折行的概率就越低，試想一下，假如將48px的文字折成幾行，界面還能剩余多少空間？

　　3.文字階段

　　文本階段距離的重要性在移動(dòng)UI界面中并不明顯，更多體現(xiàn)在網(wǎng)頁規(guī)劃中。需求側(cè)重糾正一點(diǎn)的是，部分規(guī)劃師在設(shè)置段距離時(shí)習(xí)氣性的多敲一次回車鍵，這種方法并不可取，會(huì)造成距離過大、內(nèi)容脫節(jié)。

　　如有需求，必定要手動(dòng)設(shè)置段距離，這兒沒有固定的數(shù)值和規(guī)律，視覺舒適即可。筆者習(xí)氣將段距離設(shè)定為字號(hào)的0.5倍，例如字號(hào)為30、段距離為15，字號(hào)為40、段距離為20，僅供參考。