内容发布更新时间 : 2024/5/3 19:43:19星期一 下面是文章的全部内容请认真阅读。

一. 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