當一個頁面做完以后，需要交付給研發的東西的離不開這兩個重要的部分，即頁面標注和切圖。

在一個產品開發的流程中，，UI設計師離不開和研發打交道，UI做出來的圖都需要研發這邊去實現，所以我們也要站在研發的視角去考慮問題，這樣可以減少不須要的溝通成本，提升工作效率。

每個研發有差別的性格。在我們團隊中，有的研發需要你每個地方都標注得很清楚，否則他會不停地來找你，有的研發則不需要，這些都需要慢慢去磨合，找到相互覺得舒服的方式。下面主要是我寫我本身工作上和研發合作的一些總結，已經結合網上的一些文章，內容也比較基礎，大神可以忽略我。

當一個頁面做完以后，需要交付給研發的東西的離不開這兩個重要的部分。

頁面標注切圖頁面標注1、以什么單位進行標注

先來了解一下這幾個單位：px 、dp 、sp

px：pixel像素，電子屏幕上組成一幅圖畫或照片的最基本單元，設計時使用的單位。dp:?dip，Density-independent pixel, 是安卓開發用的長度單位，1dp體現在屏幕像素點密度為160ppi時1px長度sp:?scale-independent pixel，安卓開發用的字體大小單位。

具體要使用什么單位進行標注，請和研發溝通好。目前有些設計師提供設計稿的時候依舊使用px進行標注，但如果不影響他開發以及他能換算清楚的前提下，理論上是可以的。但這不是一個最好的選擇，建議使用dp或sp。

那怎么換算呢？

（1）px轉dp

安卓端屏幕大小各不相同，按照其像素密度，分為以下幾種規格：

1dp定義為像素密度值為160ppi時的1px，即，在MDPI時（分辨率為320*480），1dp = 1px。

以mdpi為尺度，這些屏幕的密度比為：ldpi : mdpi : hdpi : xhdpi : xxhdpi ：xxxhdpi= 0.75 : 1 : 1.5 : 2 : 3：4? 。即在HDPI的密度下，1dp=1.5px；在xHDPI情況下，1dp=1.5px。以此類推。

所以當我以使用分辨率為1080*1920（即xxHDPI）來做圖時，假設間距是48px，那標注時應該是16dp。

（2）px轉sp

dp和sp都是安卓的開發單位，sp與dp類似，但是sp可以按照用戶的字體大小首選項進行縮放。就是說Android系統允許用戶自定義文字尺寸大小（小、正常、大、超大等等），如下圖，如果我以sp為單位時，當把文字改為“大”時，應用內部也會進行字體的相應縮放，dp則不行。一般情況下可認為1sp=1dp

進入系統的設備顯示可調字體大小

當然目前也有一些工具可以幫你更好的進行標注，不需要你本身去換算。建議利用好能夠提升效率的工具。

2、間距

需要標注的地方很多，好比圖與字的間距、字/圖與界面兩邊的間距、字與字的間距等…

標注的方法也可以有差別，可以以邊框、附近的元素作為尺度，也可以告知具體坐標…

重點講一下字與字的間距：在實際的開發中，兩個字體的間距在手機上的顯示效果要比標注圖的間距要大。 這是因為在一個字體中，字母的高度可能會有所差別，系統會默認給字體增加一個高度，但每個手機增加的高度也差別，你可以按你的圖來進行標注，再由研發進行判斷和調試，ui也需要一起跟進。

間距的標注也需要考慮在差別機型上顯示會出現什么問題，這個問題是否嚴重，這個比例大不大等。

3、字體大小及粗細

在一個頁面下，常用的字號有：12、14、16、20 和 34sp。

除了標注字體大小外，還需要標注字體的粗細，你還可以按照需要設置字距，行距等。

也支持打包其他字體。

4、顏3色

（1）按元素種類來分，需要標注的有：配景色（遮罩的顏色）、字體顏色，按鈕顏色，點擊色……

如果是通過差別的顏色來體現差別的狀態也需要標注說明。

（2）按顏色的數量來分：單色，多色（漸變色）

如果是漸變色，那漸變的角度也要說明，是從左往右，從上到下還是從中間到四周等。

已經是否有透明度等……

這里強烈建議在項目開始之初能夠建立基本的設計規范（包孕顏色，字體大小等），建立完后不要就扔在共享就不管了，必然要讓負責這個項目的每個UI、研發人員都知道。

這里增補一個小點：如果你的文字是有帶透明度的，那你標注的時候可以采用以下方式：因為研發采用十六進制的代碼，就是說當你給研發一個80%的白色時，其實也可以給對應代碼：#CCFFFFFF ，前兩位是CC是體現透明度，后面六位FFFFFF是體現具體的色值。

標簽：東營 鹽城 林芝 烏魯木齊 九江