iPad横屏和竖屏界面尺寸设计规范【最全】
今天跟随老谭童鞋一起来回顾iPad横屏和竖屏界面尺寸设计规规范.第一部分：iPad横屏(Landscape)界面设计尺寸规范iPad在横屏（Landscape）模式下，界面区域元素主要由下图所示构成：横屏主要尺寸：宽度：1024px高度：768px状态栏(Status Bar)高度：20px导航条(Nav Bar)高度：44px主内容区域(Main Cotent Area)高度：655px标签栏(Tab Bar)高度：49px键盘高度：352px第二部分：iPad在竖屏模式下，界面区域元素主要由下图所示构成：竖屏主要尺寸：宽度：768px高度：1024px状态栏(Status Bar)高度：20px导航条(Nav Bar)高度：44px主内容区域(Main Cotent Area)高度：911px标签栏(Tab Bar)高度：49px键盘高度：264px&如果你是设计的尺寸是1536 x 2048px的： 与上面的对比关系如下：2倍的倍率iPad & & & &&768 x 1024 pixels & & & & & & & & & & & & & &&1024 x 768 pixels& & & & & & & & 1536 x 2048 pixels (@2x) & & & & & & & & &&2048 x 1536 pixels (@2x)&&APP store苹果应用市场上需要上传的截图要求：72 dpi，RGB，扁平，不透明度高质量的JPEG或PNG图像文件格式下列任何尺寸参考： & & &像素的景观（无状态栏）最低 & & &像素的景观（全屏）最大 & 像素的高分辨率（无状态栏）最小 & 像素的高分辨率（全屏）最大768&1004 & & 像素的肖像（无状态栏）最小768&1024 & &像素的肖像（全屏）最大 & 像素的高清晰度（无状态栏）最小 & 像素的高清晰度（全屏）最大希望以上所有的ipad横屏和竖屏界面尺寸设计规范可以帮到各位APP设计师们。继续加油吧！
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
49人已收藏
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的大作
iPad横屏和竖屏界面尺寸设计规范【最全】
在她入驻到UI中国的日子里
总共吸引了6621位设计师的驻足流连
总共收获了30位设计师的由衷赞赏
总共获得了49位设计师的悉心珍藏
总共引起了1位设计师的深入讨论
依然要删除吗？苹果6锁横屏竖屏那个在哪里设置_百度知道
苹果6锁横屏竖屏那个在哪里设置
我有更好的答案
1、解锁手机；2、上滑手机到控制界面；3、点击把最右边锁的标志，变成灰色说明取消了。1、解锁手机；2、上滑手机到控制界面；3、点击把最右边锁的标志，变成灰色说明取消了。
采纳率：100%
iPhone在亮屏的情况下，底部向上拉，出现工具栏，第一排第五个，点击就是竖屏取消就是横屏竖屏。
本回答被网友采纳
　由于 iPhone6 屏幕的尺寸变大了，在显示上有二种模式，一种是标准模式，另一种是放大模式。只有在“标准模式”下，才支持横屏操作。　　在我们激活苹果6手机时，有选择显示模式的选项，如果你想在后期更改放大模式的话，请先打开主屏上的“设置”应用　　在设置列表中找到“显示与亮度”选项　　接下来请点击“显示模式”一栏　　随后我们就可以选择以“标准或放大”模式来显示了　　如果要切换不同的显示模式，需要重新启动 iPhone 以后才能生效。　　不管你是采用何种显示模式，如果不想让屏幕随着方向转变的话，请在控制中心里锁定“屏幕旋转”功能。
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。现在iOS app 的尺寸也变多了，要适配到各种尺寸需要选择一个折中的尺寸来向上向下适配，以前一般用的是iphone5的尺寸，iPhone6 plus出现后，iPhone6尺寸成了大多数设计师的选择。
一、iPhone6的界面布局是：
屏幕是4.7英寸的，设计稿的大小750x1334px
☆ &状态栏(status bar)：就是电量条，其高度为：40px；
☆ &导航栏(navigation)：就是顶部条，其高度为：88px；
☆ &主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px；
☆ &内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px
二、关于iPhone6的图标的尺寸是@2x：
☆导航栏的图标高度为44px（绝大部分功能按钮）左右，标签栏的图标尺寸为50x50px左右，最大为96x64px。
☆关闭按钮34px*34px，返回按钮26px，简单笔画图标40px。
三、常用的可点击高度-登陆框、密码框、功能列表等，统一设成88px。
四、搜索栏、输入框、评论框、地址框的高度，在iPhone6的原型图上，统一设成58px或60px。
五、在iPhone6设计稿中，界面元素之间的常用距离。
常用间距-亲密距离：20px（与边缘距离）；疏远距离：30px；
其它距离-10px，44px等；
区块间隔：30-40px。
A、疏远距离：比如，改图标距离手机屏幕最左边的距离；
B、亲密距离：比如，左边图标与右边文字之间的距离。
六、黑白灰颜色常用的数值是：
① 文字黑色#333
② 文字深灰色#666
③ 文字浅灰色#999
④ 边框浅灰色#e5e5e5
⑤ 背景淡灰色#f2f2f2
⑥ 按钮背景纯白色#ffffff
一、注意事项
1、在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。
2、不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。
3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配
二、界面中文字选用的规则
在不同平台的界面设计中规范的字体会有不同，像移动界面的设计就会有固定的字体样式，网页中会有常用的几个字体。
以下是在72像素/英寸下的规范
移动端常规字体
IOS:常选择华文黑体或者冬青黑体，尤其是冬青黑体效果最好，方正兰亭黑和方正黑体简、方正中等线也运用的比较多。
三、字体的大小
1、导航栏的文字大小是36-38px；
2、标题字号：32px ，34px；
3、内容区域的正文文字大小是：28px，30px；
4、辅助性文字：20px ， 24px，26px；
5、标签栏（或主菜单栏）的图标下方的文字大小为20px；
6、终极原则：不大于所在要件高度的一半;
7、行间距：字号的1.2-1.5倍。
下图是百度用户体验做过的一个小调查，可以看出用户可接受的文字大小：
原文链接：
可以记录推荐数据哦！
收录收藏夹
添加到收藏
没有新消息
创建收藏夹
公开(受欢迎的收藏夹将有可能选入站酷精选)
私密(仅自己可见)
分享给微信好友猜我猜不猜
52489 次浏览
苹果6壁纸尺寸是多少
苹果6plus壁纸尺寸是多少
nexus5壁纸尺寸是多少
有谁知道装饰壁纸尺寸一般是多少吗
哪位说说壁纸尺寸怎么算
请教下iphone4s壁纸尺寸是多少
弱弱问下iphone6s壁纸尺寸是多少
华为g610壁纸尺寸一般是多少
iphone4s屏幕壁纸尺寸是多少
iphone5壁纸尺寸大小是多少
iphone6壁纸尺寸是多少哪位清楚
家用墙面壁纸尺寸一般是多少
谁能告诉苹果5壁纸尺寸是多少
谁能回答木纤维壁纸尺寸是多少
问下htconem7壁纸尺寸是多少
红米1s壁纸尺寸是多少有人知道吗
有没有人知道iphone4壁纸尺寸是多少
魅族mx3壁纸尺寸是多少
柔然壁纸尺寸大概有多少种呢
小米壁纸尺寸多大
ipadair壁纸尺寸是多少http://www.17house.com/know/ask/42/1568704.htm发送私信成功
满足所有需求，助您轻松工作
最全iPad横屏和竖屏界面尺寸设计规范
11:31 && 浏览量（4834） &&
本篇文章从ipad横屏、竖屏的2个不同的场景跟大家聊聊ipad的界面设计尺寸规范。
第一部分：iPad横屏(Landscape)界面设计尺寸规范
iPad在横屏（Landscape）模式下，界面区域元素主要由下图所示构成：
横屏主要尺寸：
宽度：1024px
高度：768px
状态栏(Status Bar)高度：20px
导航条(Nav Bar)高度：44px
主内容区域(Main Cotent Area)高度：655px
标签栏(Tab Bar)高度：49px
键盘高度：352px
第二部分：iPad在竖屏模式下，界面区域元素主要由下图所示构成：
竖屏主要尺寸：
宽度：768px
高度：1024px
状态栏(Status Bar)高度：20px
导航条(Nav Bar)高度：44px
主内容区域(Main Cotent Area)高度：911px
标签栏(Tab Bar)高度：49px
键盘高度：264px
如果你是设计的尺寸是1536 x 2048px的： 与上面的对比关系如下：2倍的倍率
iPad & & & & 768 x 1024 pixels & & & & & & & & & & & & & & 1024 x 768 pixels
& & & & & & &1536 x 2048 pixels (@2x) & & & & & & & & & 2048 x 1536 pixels (@2x)
APP store苹果应用市场上需要上传的截图要求：
72 dpi，RGB，扁平，不透明度
高质量的JPEG或PNG图像文件格式下列任何尺寸参考：
& & &像素的景观（无状态栏）最低
& & &像素的景观（全屏）最大
& 像素的高分辨率（无状态栏）最小
& 像素的高分辨率（全屏）最大
768×1004 & & 像素的肖像（无状态栏）最小
768×1024 & &像素的肖像（全屏）最大
& 像素的高清晰度（无状态栏）最小
& 像素的高清晰度（全屏）最大
希望以上所有的ipad横屏和竖屏界面尺寸设计规范可以帮到各位APP设计师们。继续加油吧！
来源：25学堂
& 收藏(0) 收藏 +1 已收藏 取消
& 推荐上头条 推荐 +1 推荐上头条 已推荐
文章上传作者
UuserEl的热门文章
暂时没有热门文章噢~&
开发者交流群：
DevStore技术交流群2：
运营交流群：
产品交流群：
深圳尺子科技有限公司
深圳市南山区蛇口网谷万海大厦C栋504
Copyright (C) 2015 DevStore. All Rights Reserved
DevStore用户登录
还没有DevStore帐号？
快捷登录：