iPhone、iPad、iPadMini界面设计标准
一个: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.
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2t5bWluZ3N0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2t5bWluZ3N0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">
必要图标參考:
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
版权声明:本文博客原创文章,博客,未经同意,不得转载。
iPhone、iPad、iPadMini界面设计标准的更多相关文章
- 精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具
在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力.在这篇文章, 我向大家分享45套非常有用的 UI 和 Wireframe 套 ...
- iPhone / iPad UI界面设计与图标设计的尺寸设计规范+安卓+网页
①iPhone的设计尺寸 iPhone界面尺寸: 设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度 iPhone6 plus设计版 1242 × 2208 60px 132px 146px ...
- iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸
iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备 分辨 ...
- Glyphish – 精心打造的 iPhone & iPad 应用程序图标
Glyphish 是一套精心打造的图标库,包含 iOS 工具栏.标签栏.导航条等等,Glyphish 图标也完美的用在 Android.Windows Mobile App 和移动网站的 UI 设计等 ...
- 《疯狂iOS讲义(下)——iPhone/iPad高级应用与手游开发(含CD光盘1张)》
<疯狂iOS讲义(下)——iPhone/iPad高级应用与手游开发(含CD光盘1张)> 基本信息 作者: 李刚 肖文吉 出版社:电子工业出版社 ISBN:9787121224379 ...
- 移动端App开发 - 02 - iPhone/iPad/Android UI尺寸规范
移动端app开发 - iPhone/iPad/Android UI尺寸规范 本笔记抛去无用的前期分析什么的,全是干货,简洁干练 本笔记不单独针对 ios 或者 Android,两种都介绍,当然我们实际 ...
- 强制关闭iPhone iPad AppleWatch MacOS
iPhone/iPad 强制关闭APP:按住Power(电源键),出现关机界面松开,按住Home键9秒左右. 强制重启/关机:同时按住Power和Home键几秒后重启,出现logo时松开Home继续按 ...
- 忘记Apple ID密码,如何从iPhone/iPad上移除iCloud账号
忘记Apple ID密码?不用担心!在本文中,我们将分享3种有效方法,即使您不知道密码,也可以轻松移除iPhone或iPad设备上的iCloud账号. 注意:移除iCloud 账号前请备份数据 在开始 ...
- 通过Mac远程调试iPhone/iPad上的网页(转)
我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具(如最著名的 Firebug)对前端开发进行调试,而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯,直接对网页调试非 ...
随机推荐
- Node.js v0.10.31API手冊-事件
Node.js v0.10.31API手冊-文件夹 Events(事件) Node里面的很多对象都会分发事件:一个net.Server对象会在每次有新连接时分发一个事件, 一个fs.readStrea ...
- 如何安装一个优秀的BUG管理平台(转)
前言 就BUG管理而言,国内的禅道做得很不错,而且持续有更新.我们来看看如何从头到尾安装禅道,各位要注意的是,不是文章深或者浅,而是文章如何在遇到问题的时候,从什么途径和用什么方法解决问题的.现在发觉 ...
- 【代码优化】当许多构造函数的参数,请考虑使用builder模式
静态工厂和构造具有共同的局限性:我们不能扩展到大量的非常好的可选参数. 1.对于多个可选參数的构造器.我们都习惯採用重叠构造器模式.比方一个參数的构造器调用2个參数的构造器. 2个參数的构造器 ...
- MVC 如何在一个同步方法(非async)方法中等待async方法
MVC 如何在一个同步方法(非async)方法中等待async方法 问题 首先,在ASP.NET MVC 环境下对async返回的Task执行Wait()会导致线程死锁.例: public Actio ...
- 编写高质量代码改善C#程序的157个建议[1-3]
原文:编写高质量代码改善C#程序的157个建议[1-3] 前言 本文主要来学习记录前三个建议. 建议1.正确操作字符串 建议2.使用默认转型方法 建议3.区别对待强制转换与as和is 其中有很多需要理 ...
- EXCEL 两人的建立Y轴
在本文中,EXCEL2013基于,操作的其他版本基本上相同模式 原始数据和最后的结果如下面的: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvanloX2p ...
- 飞天熊猫游戏源代码android文本
这款游戏是前一段时间完毕的一个项目,飞行熊猫游戏源代码android版.飞行熊猫基于cocos2d游戏引擎开发.包含了谷歌admob广告支持,没有不论什么版权问题.大家能够自由改动和上传应用商店. 1 ...
- cocos2d0基础知识三个音符
1.触摸屏事件: bool HelloWorld::init() { //省略的代码的最后位 this->schedule(schedule_selector(HelloWorld::usecr ...
- POJ1743---Musical Theme(+后缀数组二分法)
Description A musical melody is represented as a sequence of N (1<=N<=20000)notes that are int ...
- 框架搭建资源 (一) V(视图)C(控制)模式
pom.xml <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncodin ...