百度MUX設計:Android設備文字間距的秘密
說了半天怕大家看不懂我在說什么,我先舉個例子這樣會看的直觀一些,假設在工作中做一個界面,需要標注2組文字之間的間距
當標注黑色字體與下面灰色字體的間距時,我是這樣標注的,從上面字體g的末端開始測量到下面灰色字體的***點結束也就是字母h和d的頂點,這樣標注不會出什么大的紕漏,但是當開發出來的時候你會發現效果還是和你的設計有一定的差距需要調試很多遍才能達到你想要的效果,為什么呢?是因為字體間的距離我門量錯了。其實開發在寫字體的時候也叫textview,我們可以理解成一個文本框,字其實不是頂滿這個框的,是有一定留白的。
可以看出當文字獨立存在不需要和周邊進行標注間距時是沒有必要知道這個框體的大小的,只要和周圍的字體還是圖標或者是按鈕需要標注時,都需要知道確切的位置。有的人該問了,我怎么才能知道這些框體的大小呢?知道后會有什么好處呢?
知道字體的實際區域我們在做設計的時候就可以很整齊的布局,方便開發,又可以給出精準的標注。尤其是在特殊的界面用一些比較大的字號時,空白的大小最不好掌握,所以必須要知道準確的文本框大小。也可以在后期優化中幫助我門來校對界面。
那有的同學該問了,我怎么知道不同的字號的實際的邊框是多大呢?有一個比較笨的方法,就是在Android手機里的設置界面有一個選項叫開發者選項,進入后找到顯示布局邊界,然后選中,這時我們在手機里就可以看到各種布局的線,其中我們就可以發現字的這種邊框大小。不過這樣比較麻煩,這一次我整理了2套分辨率的一些常用字體的邊框大小。