畫布尺寸：
新建750×1334 解析度72，畫素/英吋。
常見的字型大小：
24px、26px、28px、30px、32px、34px，36px等等。記住是偶數的。最小字型大小20px。
字型：中文用蘋方黑，英文用san francisco，如果安不上也可以用helvetica代替。
ios開發裡單位是pt
750×1334尺寸的換算關係 1pt=2px，也就是說程式設計師拿到我們的px單位的標註稿，自己除以2就是pt了。
介面裡的小圖示常見的尺寸：
24px、32px，48px等，記住4的倍數比較好。
注意圖示的尺寸要統一尺寸，以眼睛觀察為主調整尺寸看上去一樣。方形的比圓形的看著要大，需要調整下。
介面上的間距和元素尺寸：
750 x 1334 設計稿尺寸：
狀態列高度：40 px
導航欄高度：88 px
標籤欄高度：98 px
設計稿實時預覽：
安裝乙個ps mirror可以在iphone上實時**效果。
標註工具：
馬克鰻pxcook 畫素大廚
parker標
介面的圖示切圖：
用cutterman選中@2x @3x匯出。
啟**標：
做1024×1024尺寸，一般做方形無圓角。然後用 icontemplate 自動切圖一套圖示資源丟給程式設計師就ok了。
交接給程式：
最好是乙個介面乙個資料夾。資料夾裡包括：介面效果圖，標註檔案圖，切圖資源檔案包。
引導頁：
值得注意的是引導頁切圖需要單獨設計多套(640×1136、750×1334、1242×2208)這個可別傻乎乎的用cutterman切幾套圖，這就尷尬了。
文字流式
控制項彈性
等比縮放
測試介面：
程式實現demo版本以後，咱們要在測試機上好好檢查下介面問題，及時跟程式溝通並更改。
乾貨資料：
可以看看下面這幾篇文章：
以ps工具設計安卓介面。
畫布尺寸：
如果想一稿適配ios，那就新建720×1280 解析度72，畫素/英吋。
如果單獨設計安卓md新規範的，那就新建1080×1920 解析度72，畫素/英吋。
720×1280常見的字型大小：
24px、26px、28px、30px、32px、34px，36px等等。記住是偶數的。最小字型大小20px。
字型：中文用noto/思源黑體(是乙個字型，叫法不同而已)，英文用roboto。
單位換算
距離單位是dp
文字單位是sp
720×1280尺寸的換算關係 1dp=2px，文字1sp=2px。也就是說程式設計師拿到我們的px單位的標註稿，自己除以2就是dp和sp了。
1080×1920尺寸就是1dp=3px，文字1sp=3px
介面裡的小圖示常見的尺寸：
24px、32px，48px等，記住4的倍數比較好。
注意圖示的尺寸要統一尺寸，以眼睛觀察為主調整尺寸看上去一樣。方形的比圓形的看著要大，需要調整下。
介面上的間距和元素尺寸：
最新規範md的做法：
8dp原則 柵格系統的最小單位是8dp，一切距離、尺寸都應該是8dp的整數倍。
常見一般常用做法：
直接把ios的設計稿照搬過來，只不過狀態列，導航欄，標籤欄按照安卓的來。
720 x 1280 設計稿尺寸：
狀態列高度：50 px
導航欄高度：96 px
標籤欄高度：96 px
設計稿實時預覽：
安裝乙個ps mirror可以在安卓手機上實時**效果。
標註工具：
馬克鰻pxcook 畫素大廚
parker標
標註的時候，如果是720×1280尺寸設計的，就選對應的xhdpi，如果是1080×1920尺寸設計的，就選對應的xxhdpi。
介面的圖示切圖：
用cutterman選中下面所示，根據需要選擇不同解析度的匯出。
介面中重複利用的資源切圖需要做成點9：
主要是一些按鈕，單色或半透明的背景塊。圖示不用做點9。
啟**標：
做1024×1024尺寸，安卓對圖示的樣式沒有要求，你可以做各種形狀都行，一般做方形無圓角的，各家手機廠商的定製系統會自己加圓角。
然後用 icontemplate 自動切圖一套圖示資源丟給程式設計師就ok了。
交接給程式：
最好是乙個介面乙個資料夾。資料夾裡包括：介面效果圖，標註檔案圖，切圖資源檔案包。
引導頁：
值得注意的是引導頁切圖需要單獨設計多套(480×800、720×1280、1080×1920)這個可別傻乎乎的用cutterman切幾套圖，這就尷尬了。
文字流式
控制項彈性
等比縮放
測試介面：
程式實現demo版本以後，咱們要在測試機上好好檢查下介面問題，及時跟程式溝通並更改。
乾貨資料：
可以看看下面這幾篇文章：
ui設計移動端字型適配 UI設計中字型的相關屬性！
前言 對於一名ui設計師來說，字型是一門基本語言，更是設計師需要掌握的基本技能之一。目前常用的字型有很多種，比如黑體 宋體 楷體 阿里普惠體等。在平時的專案設計中，為了讓頁面中的字型更加貼合業務場景，設計師需要對字型的字距字高進行調整。接下來ui範就給大家講解一下字型的相關屬性。1.字型基礎結構詳解...
移動端字型適配小結
首先，rem是相對根元素html字型大小的相對單位，一般預設字型大小是16px，那麼1rem 16px 1.先設定header裡面的meta標籤 2.用js來計算適應使用者螢幕的根元素字型大小 上面的640是可以替換的，是設計稿中的寬度。這樣iphone8 375px 下html的font size...
移動端字型
一直不知道手機端用的什麼字型，只是覺得類似雅黑，直到有一次設計師問到設計移動web頁面該用什麼字型才嚴肅地想起這個問題。前人已栽樹，後人我就直接轉來吧 回想2年前剛開始接觸手機專案，接到psd稿後，發現視覺設計師們喜歡用微軟雅黑作為中文字型進行設計，於是我寫頁面的時候也定義 font family ...