内容发布更新时间 : 2025/1/23 0:05:09星期一 下面是文章的全部内容请认真阅读。
一. APP设计规范(ios)
————设计稿一般不使用Android的尺寸(因为Android的五花八门)
1.iphone界面的设计尺寸(设计稿默认iphone6)
(1)iphone6 plus设计版[iPhone7 plus](@3x)
分辨率1242x2208px ppi:401 状态栏:60px导航栏:132px标签栏:146px
(2)iphone6 plus放大版(@3x)
分辨率1125x2001px ppi:401 状态栏:54px导航栏:132px标签栏:146px
(3)iphone6 plus物理版(@3x)
分辨率1080x1920px ppi:401 状态栏:54px导航栏:132px标签栏:146px
(4)iphone6 [iPhone7](设计稿默认)(@2x)
分辨率750x1334px ppi:326 状态栏:40px导航栏:88px标签栏:98px
(5)iphone5 - 5c -5s(@2x)
分辨率640x1136px ppi326 状态栏:40px导航栏:88px标签栏:98px
(6)iphone4 – 4s(@2x)
分辨率640x960px ppi:326 状态栏:40px导航栏:88px标签栏:98px
(1)iphone& ipod Touch第一、二、三代(@1x)
分辨率320x480px ppi:163 状态栏:20px导航栏:44px标签栏:49px
2. iphone图标设计尺寸
(1)iphone6 plus(@3x)
App store:1024x1024px 程序应用:180x180 主屏幕:152x152 Spotlight
搜索:87x87px 标签栏:75x75px 工具栏和导航栏:66x66px
(2)iphone6(@2x)
App store:1024x1024px 程序应用:120x120 主屏幕:152x152 Spotlight
搜索:58x58px 标签栏:75x75px 工具栏和导航栏:44x44px
(3)iphone5-5c-5s(@2x)
App store:1024x1024px 程序应用:120x120 主屏幕:152x152 Spotlight
搜索:58x58px 标签栏:75x75px 工具栏和导航栏:44x44px
(4)iphone4-4s(@2x)
App store:1024x1024px 程序应用:120x120 主屏幕:114x114 Spotlight
搜索:58x58px 标签栏:75x75px 工具栏和导航栏: 44x44px
(5)iphone & ipod Touch第一、二、三代(@1x)
App store:1024x1024px 程序应用:120x120 主屏幕:57x57 Spotlight
搜索:29x29px 标签栏:38x38px 工具栏和导航栏:30x30px
3. ipad界面设计尺寸
(1)ipad3 – 4 - 5 – 6 – Air – Air2 – mini2
分辨率2048x1536px ppi:264 状态栏:40px导航栏:88px标签栏:98px
(2)ipad1 – 2
分辨率1024x768px ppi:132 状态栏:20px导航栏:44px标签栏:49px
(2)ipad Mini
分辨率1024x768px ppi:163 状态栏:20px导航栏:44px标签栏:49px
4. ipad图标设计尺寸
(1)ipad3 – 4 - 5 – 6 – Air – Air2 – mini2
App store:1024x1024px 程序应用:180x180 主屏幕:144x144 Spotlight
搜索:100x100px 标签栏:50x50px 工具栏和导航栏:44x44px
(2)ipad1 – 2
App store:1024x1024px 程序应用:90x90 主屏幕:72x72 Spotlight
搜索:50x50px 标签栏:25x25px 工具栏和导航栏:22x22px
(3)ipad Mini
App store:1024x1024px 程序应用:90x90 主屏幕:72x72 Spotlight
搜索:50x50px 标签栏:25x25px 工具栏和导航栏:22x22px