在Android設(shè)計(jì)中，以160 DPI屏幕的1倍圖為基礎(chǔ)，常用尺寸有720 * 12802倍圖和1080 * 19203倍圖字體方面，iOS中推薦使用PingFang SCHelveticaSF UI Text 和 SF UI Display，而Android則傾向于思源黑體 Noto和Roboto字體雖然有固定的規(guī)范，但設(shè)計(jì)時(shí)靈活性同樣重要，既要遵循尺寸規(guī)范。

主要也是因?yàn)楹芏嘈氯嗽陂_(kāi)始做移動(dòng)端UI設(shè)計(jì)的時(shí)候，確實(shí)往往對(duì)界面的一些尺寸規(guī)范不是十分清楚，很多時(shí)候都是憑借自己的感覺(jué)和經(jīng)驗(yàn)去繪制界面，心里并沒(méi)有一個(gè)清晰的概念，導(dǎo)致做出來(lái)的頁(yè)面總是不那么盡如人意本文主要整理匯總了一些界面設(shè)計(jì)iOS系統(tǒng)中常用的一些尺寸規(guī)范和方法，如控件間距適配。

界面尺寸規(guī)范 1界面尺寸大小是750x1334px2狀態(tài)欄status bar就是電量條，其高度為40px3導(dǎo)航欄navigation就是頂部條，其高度為88px4主菜單欄submenu，tab就是標(biāo)簽欄，底部條，其高度為98px5內(nèi)容區(qū)域content就是屏幕中間的區(qū)域，其高度為1334px40px。

最常用的圖標(biāo)大小是192x192像素WindowsWindows10應(yīng)用程序圖標(biāo)的大小應(yīng)該是256x256像素androidapp界面設(shè)計(jì)是按720*1280的，切圖上可以點(diǎn)9切圖做到所有手機(jī)的適配關(guān)于上架到AppStore的圖標(biāo)尺寸logo尺寸為1024*1024pxiPhone5英寸的屏幕截圖尺寸為1242×2208px上傳時(shí)可使用最大的尺寸就可以顯示最大。

針對(duì)不同的屏幕尺寸，我們可以采取以下設(shè)計(jì)尺寸1 小屏手機(jī)設(shè)計(jì)尺寸為320x480像素@2x2 普通屏手機(jī)設(shè)計(jì)尺寸為375x667像素@2x3 大屏手機(jī)設(shè)計(jì)尺寸為414x736像素@3x為了確保手機(jī)app界面在各種設(shè)備型號(hào)和屏幕大小上的顯示效果一致，我們需要采取一定的適配方案以下是幾種。