iphone6s尺寸px（iphone界面尺寸规范）

本文目录

• iphone界面尺寸规范
• iPhone UI设计的字体是用什么字体
• iPhone全机型尺寸分辨率PPI大全
• iOS开发 各iPhone手机屏幕尺寸分辨率
• iOS界面设计尺寸和分辨率有哪些
• px与rpx换算

iphone界面尺寸规范

iphone 6 plus设计版：1242*2208
ppi:401ppi

状态栏高度：60px

导航栏高度：132px

标签栏高度：147px
iphone 6 plus放大版：1125*2001

ppi:401ppi

状态栏高度：54px

导航栏高度：132px

标签栏高度：147px
iphone 6 plus物理版：1080*1920

ppi:401ppi

状态栏高度：54px

导航栏高度：132px

标签栏高度：147px
物理版、放大版、设计版的区别：

物理版就是iphone 6plus实际实际的屏幕像素，而设计版就是我们截屏iphone 6plus的界面在ps中去量，发现的尺寸。很明显，量出来的分辨率也就是设计版要比物理版的分辨率要大，这可能由于苹果采用了缩放显示的。至于放大版，其实就是iphone 6的尺寸等比放大1.5倍得出的分辨率。
iphone 6：750*1334

ppi:326ppi

状态栏高度：40px

导航栏高度：88px

标签栏高度：98px
iphone 5-5c-5s：640*1136

ppi:326ppi

状态栏高度：40px

导航栏高度：88px

标签栏高度：98px
iphone 4-4s：640*960

ppi:326ppi

状态栏高度：40px

导航栏高度：88px

标签栏高度：98px
iphone&ipod Touch第一代、第二代、第三代：320*480

ppi:163ppi

状态栏高度：20px

导航栏高度：44px

标签栏高度：49px
图标尺寸：

iphone 6 plus(@3X)

App store：1024*1024px(180px)

非retina：512*512px(90*90px)

程序应用：180*180px0000

主屏幕：114*114px(20px)

spotlight搜索：87*87px

工具栏和导航栏：66*66px
iphone 4、5、6(@2X)

App store：1024*1024px

程序应用：120*120px

主屏幕：114*114px

spotlight搜索：58*58px(10px)

工具栏和导航栏：44*44px
iphone&ipod touch第一代、第二代、第三代：

App store：1024*1024px

程序应用：120*120px

主屏幕：57*57px(10px)

spotlight搜索：29*29px
测量标注工具为：

MarkMan马克鳗，Dorado标注，PXcook像素大厨。
iphone6图标尺寸

导航栏的图标高度为44px左右，标签栏的图标尺寸为50x50px左右，最大为96x64px。
设置界面的图标高度和开关滑动按钮的图标高度：58px。

ip 6 plus的图标高度和开关滑动按钮为：87*87px。
iPhone6文字尺寸

导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。

内容区域的文字大小是：20px～24px，26px，28px，30px，32px，34px。
文字颜色：

黑白灰颜色常用的数值是：

① 文字黑色#282828

② 文字深灰色#656565

③ 文字浅灰色#98989

④ 边框浅灰色#C3C3C3

⑤ 背景淡灰色#f2f2f2

⑥ 按钮背景纯白色#ffffff
常用的可点击高度，在iPhone6的原型图上，统一成88px。在iPhone6设计稿中，88px是一个常用的设计尺寸。
搜索栏的高度，在iPhone6的原型图上，统一成58px。

在iPhone6设计稿中，58px 也是一个常用的设计尺寸。
在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：20px；疏远距离：30px。
导航栏的图标高度为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
移动端常规字体
IOS:常选择华文黑体或者冬青黑体，尤其是冬青黑体效果最好，方正兰亭黑和方正黑体简、方正中等线也运用的比较多。
字体的大小

1、导航栏的文字大小是36-38px；

2、标题字号：32px ，34px；

3、内容区域的正文文字大小是：28px，30px；

4、辅助性文字：20px ， 24px，26px；

5、标签栏（或主菜单栏）的图标下方的文字大小为20px；

6、终极原则：不大于所在要件高度的一半*;

7、行间距：字号的1.2-1.5倍。
IOS
长文本

可接受下线（80％用户接受）:26px

见小值（50％用户认为偏小）:30px

舒适值（用户认为最舒适）:32～34px
短文本

可接受下线（80％用户接受）:28px

见小值（50％用户认为偏小）:30px

舒适值（用户认为最舒适）:32px
注释

可接受下线（80％用户接受）:24px

见小值（50％用户认为偏小）:24px

舒适值（用户认为最舒适）:28px
颜色值
IOS颜色值取 RGB各颜色的值比如某个色值，给予IOS开发的色值为 R:12 G:34 B:56 给出的值就是 12,34,56(有时也要根据开发的习惯，有时也用十六进制)
内部设计
1、所有能点击的图片不得小于44px（Retina需要88px）

2、单独存在的部件必须是双数尺寸

3、两倍图以@2x作为命名后缀

4、充分考虑每个控制按钮在4中状态下的样式，如默认、按下、选中、不可点击。

短文本:

注释:

逻辑分辨率

lPPI（像素密度）

表示沿着对角线，每英寸所拥有的像素（pixel）数目，PPI的数值越高，代表显示屏能够以越高的密度显示图像，即通常所说的分辨率越高，颗粒感越弱，图像更清晰。
1 inch= 2.54cm = 25.4mm

早期的iPhone3GS的屏幕屏幕分辨率是320 * 480,iOS绘制图形（CGPoint/CGSize/CGRect）均已point为单位。
l点（point）和像素（pixel）换算关系

iPhone3GS

1point = 1pixel
iPone4/4s、iPhone5/iPhone5s、iPhone6/iPhone6s

1point = 2pixel
iPhone6Plus/iPhone6s Plus

1point = 3pixel

iphone手机英寸如何制定?

pt以及倍率之间的换算关系
建立色彩标准卡

ps有没有标注工具

图标栅格系统

iPhone UI设计的字体是用什么字体

使用PS的实际设计中：

中文 是  黑体-简。

英文 是 Helvetica Neue。

基于iPhone6s(750*1334)的尺寸设计的字体大小如下（可以有变化，字体大小值不是固定死的）：

• 导航栏标题 38px

• 返回按钮文字  34px

• 标签栏文字  22px

• 购买按钮文字  42px

• 主页价格文字：数字50px  符号28px

• 文章标题  36px

• 文本字体  30px

• 备注字体  26px

• 图标小提示  28px

苹果 iOS9 的字体，很多童鞋同学觉得难看。现在可以改变字体设计，却发现想要改个字体变成了一件劳人颈骨，苦人心智的事情。以前改 10 个左右字体即可，现在变成要改近 40 个左右的字体，简单的事情复杂化。

iPhone全机型尺寸分辨率PPI大全

设备 屏幕尺寸 逻辑分辨率(pt) Reader 分辨率(px） PPI 渲染分辨率
iPhone 3GS 3.5 320x480 @1x 320x480 163
iPhone 4/4s 3.5 320x480 @2x 640×960 330
iPhone 5/5s/5c 4.0 320x568 @2x 640×1136 326
iPhone SE 4.0 320×568 @2x 640×1136 326
iPhone 6 4.7 375x667 @2x 750×1334 326
iPhone 6s 4.7 375x667 @2x 750×1334 326
iPhone 7 4.7 375x667 @2x 750×1334 326
iPhone 8 4.7 375×667 @2x 750×1334 326
iPhone 6Plus 5.5 414x736 @3x 1242x2208 401 1080x1920
iPhone 6sPlus 5.5 414x736 @3x 1242x2208 401 1080x1920
iPhone 7Plus 5.5 414x736 @3x 1242x2208 401 1080x1920
iPhone 8 Plus 5.5 414×736 @3x 1242x2208 401 1080x1920
iPhone XR 6.1 414x896 @2x 828x1792 326
iPhone X 5.8 375x812 @3x 1125x2436 458
iPhone Xs 5.8 375x812 @3x 1125x2436 458
iPhone XMax 6.5 736x1344 @3x 1242x2688 458

iOS开发 各iPhone手机屏幕尺寸分辨率

6.7英寸 —— 1242 * 2688 px —— 12 Pro Max / 13 Pro Max
6.5英寸 —— 1242 * 2688 px —— Xs Max / 11 Pro Max
6.1英寸 —— 828 * 1792 px   —— XR / 11 / 12 / 12 Pro / 13 / 13 Pro
5.8英寸 —— 1125 * 2436 px —— X / Xs / 11 Pro
5.5英寸 —— 1242 * 2208 px —— 6+ / 6s+ / 7+ / 8+
4.7英寸 —— 750 * 1334 px   —— 6 / 6s / 7 / 8 / SE2
4 英寸   —— 640 * 1136 px   —— 5 / 5s / 5c / SE
3.5英寸 —— 640 * 960 px    —— 4 / 4s

iOS界面设计尺寸和分辨率有哪些

1、苹果手机iOS界面设计尺寸和分辨率

（1）界面尺寸：3.5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、4.7英寸（iPhone6/6S）、5.5英寸（iPhone6 plus/6S plus）等。

（2）分辨率：320*480像素（iPhone1/2/3）、640*960像素（iPhone4/4S）、640*1136像素（iPhone5/5S/5C）、750*1334像素（iPhone6/6S）、1080*1920像素（iPhone6 plus/6S plus）等。

2、苹果iOS界面

iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统，最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad以及Apple TV等产品上。iOS与苹果的Mac OS X操作系统一样，属于类Unix的商业操作系统。

3、发展历程

（1）2007年1月9日苹果公司在Macworld展览会上公布，随后于同年的6月发布第一版iOS操作系统，最初的名称为“iPhone Runs OS X”。

（2）2007年10月17日，苹果公司发布了第一个本地化iPhone应用程序开发包（SDK），并且计划在2月发送到每个开发者以及开发商手中。

（3）2008年3月6日，苹果发布了第一个测试版开发包，并且将“iPhone runs OS X”改名为“iPhone OS”。

（4）2008年9月，苹果公司将iPod touch的系统也换成了”iPhone OS“。

（5）2010年2月27日，苹果公司发布iPad，iPad同样搭载了”iPhone OS”。这年，苹果公司重新设计了“iPhone OS”的系统结构和自带程序。

（6）2010年6月，苹果公司将“iPhone OS”改名为现在的“iOS”。

px与rpx换算

rpx是微信小程序中css的尺寸单位，可以根据屏幕宽度进行自适配。

规定屏幕宽度为750px，譬如iphone6，屏幕宽度为375px，共有750个物理像素，则1rpx = 0.5px。

设备rpx换算px：屏幕宽度/750，px换算成rpx:750/屏幕宽度；

iPhone5 1rpx = 0.42px 　　     1px = 2.34px ；

iPhone6 1rpx = 0.5px 　　　　1px = 2rpx ；

iPhone6s 1rpx = 0.552px 　　 1px = 1.81rpx；