iPhone、iPad、iPadMini界面设计标准

朱雀 2022-09-20 15:26 520阅读 0赞

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

![Center][]

![Center 1][]

必要图标参考：

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

[Center]: /images/20220823/0609fd39aa5b46538e9ac6b3457791e4.png
[Center 1]: /images/20220823/9af1e09e60bf4f49a548e19e19639828.png

发表评论取消回复

表情：

评论列表（有 0 条评论，520人围观）

还没有评论，来说两句吧...

相关阅读

相关网页设计 App界面设计

一、网页设计 1. 什么是网站 ![在这里插入图片描述][20190827232908488.png] 2. 什么是网页 ![在这里插入...

野性酷女/ 2024年04月17日 15:28/ 0 赞/ 74 阅读

相关 iPhone、iPad、iPadMini界面设计标准

一：iPhone 4.0‘ Display： iPhone 5、iPhone 5S、iPhone 5C。分辨率：1136 \ 960 设计标准参照下图iPho

朱雀/ 2022年09月20日 15:26/ 0 赞/ 521 阅读

相关界面设计添加监听器

import java.awt.; import java.awt.event.; public class TwoListen implements

柔情只为你懂/ 2022年08月27日 05:54/ 0 赞/ 157 阅读

相关友好用户界面--界面设计技巧

最近看到的关于界面设计的文档，感觉不错，与大家分享！原英文页面《[A good User Interface][]》,原中文译文页面《[好的用户界面-界面设

痛定思痛。/ 2022年08月25日 05:21/ 0 赞/ 822 阅读

相关 UI界面设计

优优网：[http://www.uipsd.cn/][http_www.uipsd.cn] APP切图（[Android][] 和[iOS][]）：[http://

曾经终败给现在/ 2022年07月24日 06:19/ 0 赞/ 259 阅读

相关 unity dropdown 界面设计

摆界面的时候遇到这种界面需要下拉列表框记录一下经过使用unity里自带的 dropdown 在Hierarchy界面创建一个Dropdown 这个是基础这里就不多讲

心已赠人/ 2022年06月15日 12:49/ 0 赞/ 273 阅读

相关 Android登录界面设计

Android登录界面设计这是之前项目的一个界面，现在抽出来給大家看看。界面： ![1][] 功能：（1）基本的判断，输入的是否为空这里没有判

太过爱你忘了你带给我的痛/ 2022年06月09日 08:42/ 0 赞/ 271 阅读

相关界面原型设计工具

转自：[https://www.oschina.net/project/tag/291/ui-design?company=0&sort=score&tag=291&lang=

青旅半醒/ 2022年05月16日 08:24/ 0 赞/ 181 阅读

相关优秀的界面设计

1.CSDN 编辑器标题 ![20190321225806569.png][] ![2019032122584437.png][] 看起来算是一个防止用户输入超过字符数的

桃扇骨/ 2022年03月01日 07:08/ 0 赞/ 275 阅读

相关 Swing GUI界面设计

> 实验目的： > 1．掌握Swing常用的组件的使用； > 2．掌握程序界面开发的步骤； > 3．掌握事件监听器的使用。实验内容：实验一：模拟QQ登录界面

╰+攻爆jí腚メ/ 2021年05月16日 20:36/ 0 赞/ 714 阅读