關(guān)于APP標(biāo)注的知識和文章，網(wǎng)上有大把大把的！而且，老譚繼續(xù)跟大家總結(jié)一下iOS的界面標(biāo)注和Android界面標(biāo)注的區(qū)別和相應(yīng)的規(guī)范。也是回答某一些童鞋的想要知道iOS端和android的標(biāo)注有什么區(qū)別。
到底需要我們標(biāo)注哪些內(nèi)容呢？
所有的APP界面標(biāo)注總結(jié)起來就是：標(biāo)文字，標(biāo)，標(biāo)間距，標(biāo)區(qū)域；
1、iOS端的界面標(biāo)注規(guī)范：
需要注意的：
A：我們標(biāo)注的尺寸是像素px，技術(shù)那邊的實際運用到技術(shù)中的是像素的一半，即像素的一半=技術(shù)的尺寸；例如：“分類”2個字，我標(biāo)準(zhǔn)的是36px，技術(shù)那邊的尺寸就是18px；
B：所有文字，行間距的標(biāo)注的尺寸都是偶數(shù)；因為技術(shù)那邊都是根據(jù)我們的尺寸除以2；
C：顏色的標(biāo)注有的技術(shù)要求16進(jìn)制，有的技術(shù)要求RGB，由于頁面的限制所以我只標(biāo)注了16進(jìn)制的，按16進(jìn)制和RGB都標(biāo)注的是最好的~
顏色的16進(jìn)制例子：#66cc66 就是我們常用的顏色值。
顏色的RGB例子：RGB（102，204, 100） 我們H5前端會用到的
平臺不一樣，標(biāo)注的方法和相對應(yīng)的標(biāo)注元素也會不同。如下圖所示：
2、Android端的界面標(biāo)注規(guī)范：
安卓需要標(biāo)注的如上圖案例所示，比如需要標(biāo)注寬高。
距離上下左右的距離，文字大小顏色，這里的文字其實算兩個控件，標(biāo)題文字以及說明文字，需要單獨標(biāo)出等。
3、iOS和Android的界面標(biāo)注圖的區(qū)別匯總。
安卓標(biāo)注
1、設(shè)計時，用1280*720的設(shè)計稿進(jìn)行設(shè)計
2、切圖時, 切hdpi，xhdpi，xxhdpi三套分辨率的圖標(biāo)和引導(dǎo)頁
3、標(biāo)注時，距離用DP，字號用sp
ios標(biāo)注
1、設(shè)計時，用1334*750的設(shè)計稿進(jìn)行設(shè)計
2、切圖時, 切的@2x，@3x圖標(biāo)和引導(dǎo)頁
3、標(biāo)注時，距離和字號用pt或者px
4、APP界面標(biāo)注的目的
為了保證視覺設(shè)計稿的高品質(zhì)呈現(xiàn)，同時也是給程序員更好的做界面適配。
一個好的設(shè)計標(biāo)注是APP設(shè)計還原的有效保證，也是提高開發(fā)效率的保障！
5、當(dāng)然，說到了APP界面標(biāo)注，也要跟大家推薦3個不錯的標(biāo)注工具。
（1）pxcook像素大廚
UI設(shè)計師效率提升利器，讓你專注于設(shè)計本質(zhì)，不再為標(biāo)注切圖而煩惱，從設(shè)計到實現(xiàn)一氣呵成。
（2）parker
Parker是一款運行在photoshop中的標(biāo)注插件，它能夠自動計算圖層的尺寸、位置、距離等元素，自動為你生成標(biāo)注。它操作簡單，數(shù)據(jù)精確，能夠識別文字圖層各種屬性，自動為你標(biāo)注。從此告別手工標(biāo)注界面的時代！屬于Cutterman旗下的產(chǎn)品。
（3）標(biāo)你妹 啊
一款UI設(shè)計師必備的UI自動標(biāo)注工具。一款在線的標(biāo)注的工具。
