iPhone、iPad、iPadMini界面设计标准

news/2025/2/13 22:40:22/

一:iPhone

      4.0‘ Display: iPhone 5、iPhone 5S、iPhone 5C。 分辨率:1136 * 960 

                             设计标准参照下图iPhone5

      3.5’ Display:   iPhone4S、iPhone4、iPhone3GS(非Retina屏) 分辨率: 960 * 640 

                             设计标准参照下图iPhone4S

      3.5’ Display 非Retina:iPhone3GS 分辨率:480 * 320

                             设计标准参照下图iPhone3GS

二:iPad

      9.7‘ Display: iPad Air、iPad 4、The New iPad  分辨率: 2048 * 1536

                             设计标准参照下图iPad 3

      9.7‘ Display 非Retina: iPad 2 分辨率:1024 * 768

                             设计标准参照下图iPad 2

三:iPadMini

      7.9’ Display: iPadMini 2 分辨率:2048 * 1536

      7.9’ Display 非Retina: iPadMini 分辨率:1024 * 768

                             设计标准参照下图iPadMini

下面图片内容更正:

    1. iPhone5、iPhone4S 的Nav bar Button 应为 96 pt * 64 pt

    2. iPhone4 应为 iPhone3GS,其中的Nav Bar button 应为 48 pt* 32 pt

    3. iPad 3 的Status Bar 应为 1536 pt* 40 pt 、Navgation Bar 应为 1536 pt * 88 pt 、Tab Icon 应为 60 pt * 60 pt

                      Nav Bar Icon 应为 40 pt * 40 pt 、Nav Bar Button 应为 96 pt * 64pt  、Tab Bar 应为 1536 pt* 98 pt

    4. iPad 2 的Nav Bar Button 应为 48 pt * 32 pt.




必要图标参考:

        Appstore图标:

            iPhone、iPad:Retina 1024 pt * 1024 pt 非Retina 512 pt * 512 pt

        主屏幕图标:

            之前:

            iPhone:Retina 114 pt * 114 pt 非Retina 57 pt * 57 pt

            iPad:Retina 144 pt * 144 pt 非Retina 72 pt * 72 pt

            现在:

            iPhone:Retina 120 pt * 120 pt

            iPad:Retina 152 pt * 152 pt 非Retina 76 pt * 76 pt

        Setting图标: 

            iPhone 、ipod Touch、iPad:Retina 58 pt * 58 pt 非Retina 29 pt * 29 pt

        Spotlight图标:

            之前:

            iPhone:Retina 58 pt * 58 pt 非Retina 29 pt * 29 pt

            iPad:Retina 100 pt * 100 pt 非Retina 50 pt * 50 pt

           现在:

            iPhone 、ipod Touch、iPad:Retina 80 pt * 80 pt 非Retina 40 pt * 40 pt

内容参考:

http://www.cocoachina.com/gamedev/misc/2012/1221/5387.html?1358417632

http://www.cocoachina.com/appstore/top/2012/1105/5031.html?1358417883

进阶推荐:

IOS Human Interface Guidelines: Designing for IOS 7




http://www.ppmy.cn/news/522210.html

相关文章

给 iOS 装上旧版 APP,十年前的 iPad mini 重获新生!

不知道有没有人像我一样,还留着五年前、十年前的老 iPad、老 iPhone,如果有,你们一定知道有些老 iPad、老 iPhone 已经停在一个系统版本无法再继续升级了,或者因为害怕升级变卡顿,所以我们选择了不给系统升级&#xff…

小马哥----高仿三星note3 N9006主板型号A202 高通芯片刷机拆机图示

高仿三星note3 N9006主板型号A202 v3.0 A202有两种芯片 一种是mtk6589 一种是高通芯片 注意鉴别 上图

三星note3 android7.0,#原创新人#小白刷机三星NOTE III吃上安卓7.0重生记

#原创新人#小白刷机三星NOTE III吃上安卓7.0重生记 2017-08-19 11:47:27 53点赞 197收藏 168评论 14年在狗洞买的三星note3 (国行N9006)当时屏幕大 配置高 把玩了两年多后 由于电池不耐用 加之系统越来越卡顿且不支持4G 遂入了水果 这几天萌生了刷机的冲动。本人完全小白于是上…

Vue-动画效果

vue动画效果 vue中动画效果是很简单的一个东西,vue帮助我们做了一些动画封装,同时也支持自定义动画,过度,第三方库,这些方式都可以实现,我们一一举例说明 注意:下面的相关截图,由于…

苹果MacBook Air 2022款 评测

新款MacBook Air将会采用了全新的刘海全面屏设计,而且还支持MagSafe充电,从iMac来看,这款笔记本会有白色边框和各种颜色的底盘可选,根据上一代MacBook Air来看,新款MacBook Air将会获得更加超薄的结构。苹果MacBook Ai…

M2芯片首发,苹果MacBook Air是否值得买

6月7日凌晨,苹果发布新一代自研M2芯片后,还为大家带来了首批搭载M2芯片的Mac产品。其中,M2版MacBook Air起售价9499元,M2版MacBook Pro 13起售价9999元,将于下个月正式上市开售。 那么苹果MacBook Air是否值得买&…

苹果MacBook Air写代码真香!包邮送一台!

人生就是一个磨练的过程,在阳光下灿烂,风雨中奔跑,泪水中成长,拼搏中展望。 祝你在新的一年里:财源滚滚,发得像肥牛;身体棒棒,壮得像狗熊;爱情甜甜,美得像蜜蜂…

苹果M1芯片机器学习测评出炉!Mini比RTX 2080Ti快14%,Air好于Pro

点击上方“CVer”,选择加"星标"置顶 重磅干货,第一时间送达 来源:AI科技评论 作者 | 蒋宝尚 编辑 | 青暮 今年双十一,苹果发布了新Mac系列,拿出了首款自研ARM架构的芯片。这款5nm制程的SoC(系统级…