??今天羽峰,來(lái)個(gè)小短文趟咆。主要是做了幾個(gè)Flutter項(xiàng)目,每次都要把一些iOS和Android平臺(tái)相關(guān)的尺寸要提供給設(shè)計(jì)同學(xué)梅屉,每次把有得去找值纱。這次索性總結(jié),記錄一下坯汤,省的要用的時(shí)候虐唠,來(lái)也匆匆,去也沖沖~
一惰聂、ios端App icon圖片尺寸
??ios端主要包含兩種圖片疆偿,一種是App icon咱筛;一種是Launcher。
??我們先來(lái)瞄一下App icon翁脆,其實(shí)對(duì)不對(duì)偶也不知道眷蚓,反正不是ios出身,大家自己掂量掂量反番,哈哈沙热。
??打開(kāi)Xcode,在Assets.xcassets中選擇AppIcon罢缸,其實(shí)發(fā)現(xiàn)有很多種類的圖片篙贸,我開(kāi)始以為只有一種App icon,其實(shí)它還是分了很多種類:
iPhone App Icon
Icon類型 | 用途 | 尺寸 |
---|---|---|
iPhone Notification iOS 7-14 | Notification圖標(biāo) | 2x/3x 20*20pt |
iPhone Settings iOS 7-14 | Settting中的圖標(biāo) | 1x/2x/3x 29*29pt |
iPhone Spotlight iOS 7-14 | 2x/3x 40*40pt | |
iPhone App iOS 7-14 | App Icon圖標(biāo) | 2x/3x 60*60pt |
iPad App Icon
Icon類型 | 用途 | 尺寸 |
---|---|---|
iPad Notification iOS 7-14 | Notification圖標(biāo) | 2x/3x 20*20pt |
iPad Settings iOS 7-14 | Settting中的圖標(biāo) | 1x/2x/3x 29*29pt |
iPad Spotlight iOS 7-14 | 2x/3x 40*40pt | |
iPad App iOS 7-14 | iPad App Icon圖標(biāo) | 1x/2x 76*76pt |
iPad Pro(12.9-inch) iOS 9-14 | iPad Pro App Icon圖標(biāo) | 2x 83.5*83.5pt |
App Store Icon
Icon類型 | 用途 | 尺寸 |
---|---|---|
App Store iOS | AppStore展示圖標(biāo) | 1x 1024*1024pt |
上面的尺寸表格從ios端Xcode里拿的枫疆,反正在項(xiàng)目中使用到的尺寸爵川。
二、ios端Launch splash圖片尺寸
??因?yàn)樵谶M(jìn)入到App頁(yè)面時(shí)息楔,要從原生端調(diào)起寝贡,所以會(huì)有一段 白屏或者黑屏的過(guò)程,所以需要設(shè)置Launch啟動(dòng)圖值依。在ios中只能使用一整張圖作為launch啟動(dòng)圖:
** | 尺寸 |
---|---|
1x | 375*667px |
2x | 750*1334px |
3x | 1125*2001px |
三圃泡、結(jié)語(yǔ)
??以上就差不多是iOS端所用到的圖片尺寸了,或許有些不準(zhǔn)確愿险。也請(qǐng)大家熟悉和了解的颇蜡,如有錯(cuò)誤請(qǐng)指出,已提供更準(zhǔn)確的尺寸信息給到大家~