iOS和Android的界面標註圖的區別是什麼

關於APP標註的知識和文章，網上有大把大把的！而且，老譚繼續跟大家總結一下iOS的界面標註和Android界面標註的區別和相應的規範。也是回答某一些童鞋的想要知道iOS端和android的標註有什麼區別。

到底需要我們標註哪些內容呢？

所有的APP界面標註總結起來就是：標文字，標，標間距，標區域；

1、iOS端的界面標註規範：

需要注意的：

A：我們標註的尺寸是像素px，技術那邊的實際運用到技術中的是像素的一半，即像素的一半=技術的尺寸；例如：「分類」2個字，我標準的是36px，技術那邊的尺寸就是18px；

B：所有文字，行間距的標註的尺寸都是偶數；因為技術那邊都是根據我們的尺寸除以2；

C：顏色的標註有的技術要求16進位，有的技術要求RGB，由於頁面的限制所以我只標註了16進位的，按16進位和RGB都標註的是最好的~

顏色的16進位例子：#66cc66 就是我們常用的顏色值。

顏色的RGB例子：RGB（102，204, 100） 我們H5前端會用到的

平台不一樣，標註的方法和相對應的標註元素也會不同。如下圖所示：

2、Android端的界面標註規範：

安卓需要標註的如上圖案例所示，比如需要標註寬高。

距離上下左右的距離，文字大小顏色，這裡的文字其實算兩個控制項，標題文字以及說明文字，需要單獨標出等。

3、iOS和Android的界面標註圖的區別匯總。

安卓標註

1、設計時，用1280*720的設計稿進行設計2、切圖時, 切hdpi，xhdpi，xxhdpi三套解析度的圖標和引導頁3、標註時，距離用DP，字型大小用spios標註

1、設計時，用1334*750的設計稿進行設計2、切圖時, 切的@2x，@3x圖標和引導頁3、標註時，距離和字型大小用pt或者px

4、APP界面標註的目的

為了保證視覺設計稿的高品質呈現，同時也是給程序員更好的做界面適配。

一個好的設計標註是APP設計還原的有效保證，也是提高開發效率的保障！

5、當然，說到了APP界面標註，也要跟大家推薦3個不錯的標註工具。

（1）pxcook像素大廚

UI設計師效率提升利器，讓你專註於設計本質，不再為標註切圖而煩惱，從設計到實現一氣呵成。

（2）parker

Parker是一款運行在photoshop中的標註插件，它能夠自動計算圖層的尺寸、位置、距離等元素，自動為你生成標註。它操作簡單，數據精確，能夠識別文字圖層各種屬性，自動為你標註。從此告別手工標註界面的時代！屬於Cutterman旗下的產品。

（3）標你妹 啊

一款UI設計師必備的UI自動標註工具。一款在線的標註的工具。