app頁面尺寸標(biāo)準(zhǔn)(app頁面設(shè)計的尺寸)
在Android設(shè)計中,以160 DPI屏幕的1倍圖為基礎(chǔ),常用尺寸有720 * 12802倍圖和1080 * 19203倍圖字體方面,iOS中推薦使用PingFang SCHelveticaSF UI Text 和 SF UI Display,而Android則傾向于思源黑體 Noto和Roboto字體雖然有固定的規(guī)范,但設(shè)計時靈活性同樣重要,既要遵循尺寸規(guī)范。
主要也是因為很多新人在開始做移動端UI設(shè)計的時候,確實往往對界面的一些尺寸規(guī)范不是十分清楚,很多時候都是憑借自己的感覺和經(jīng)驗去繪制界面,心里并沒有一個清晰的概念,導(dǎo)致做出來的頁面總是不那么盡如人意本文主要整理匯總了一些界面設(shè)計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è)計是按720*1280的,切圖上可以點9切圖做到所有手機的適配關(guān)于上架到AppStore的圖標(biāo)尺寸logo尺寸為1024*1024pxiPhone5英寸的屏幕截圖尺寸為1242×2208px上傳時可使用最大的尺寸就可以顯示最大。
針對不同的屏幕尺寸,我們可以采取以下設(shè)計尺寸1 小屏手機設(shè)計尺寸為320x480像素@2x2 普通屏手機設(shè)計尺寸為375x667像素@2x3 大屏手機設(shè)計尺寸為414x736像素@3x為了確保手機app界面在各種設(shè)備型號和屏幕大小上的顯示效果一致,我們需要采取一定的適配方案以下是幾種。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。