手机桌面应用图标和APP启动画面全尺寸

?所有图片必须为png格式

如上传iOS AppStore，则必须提供1024px*1024px的图标。

或企业内部分发，则需提供57px*57px和512px*512px的图标

960 640 screen.png --out ./ios/iphonePortraitiOS_640x960px.png

1136x640?????iphonePortraitiOS_640x1136px.png

1334x750 ????iphonePortraitiOS_750x1334px.png

1792x828 ????iphoneXRPortraitiOS_828x1792px.png

2208x1242????iphonePortraitiOS_1242x2208px.png

2436x1125 ????iphoneXPortraitiOS_1125x2436px.png

2688x1242????iphoneXSMaxPortraitiOS_1242x2688px.png

2.AndroidScreen

?800x480px? screen-hdpi-portrait.png

?640x360px screen-mdpi-portrait.png

1280x720 screen-xhdpi-portrait.png

1920x1080 screen-xxhdpi-portrait.png

3840x2160 screen-xxxhdpi-portrait.png

20px? 29px? 40px? 50px? 57px? 58px? 60px? 72px? 76px? 80px? 87px? 100px? 114px? 120px? 144px? 152px? 167px? 180px 1024px

36px? 48px 72px? 192px? 256px? 384px? 512px

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

iphoneipod 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

iphoneipod 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有没有标注工具

图标栅格系统

iphone14设置图标大小多少pt

题主是否想询问“iphone14图标多大”？ 720乘1280。iphone14图标720乘1280，iphone14图标尺寸为720乘1280，屏幕的对角线长度是6.06英寸，iPhone14是苹果公司（Apple）于2022年9月8日发布的手机产品。

iphone的图标尺寸大小 （单位：px）？

iphone的图标尺寸大小，按照不同机型，120、180px不等，具体看一下以下的尺寸

网页：右键单击图片，选择“在新标签页中打开”可以查看大图

安卓/ios中，app设计时常见的尺寸有哪些

大家都知道手机采用的：一个是苹果的iOS系统，另一个就是谷歌公司的安卓系统。华为的鸿蒙系统虽然早就上线，但是还没有真正运用在手机移动端上，小阿在这里期待着，希望有一天也能写“华为‘鸿蒙系统’的界面尺寸规范。”

这两者之间有一个明显的区别就是iOS系统是非开源的，简单来说就是不能别随意改动的，连图标都是必须带圆角的，对交互设计师很友好的。

而安卓系统就是开源的，界面可以随意改动，尺寸也没有特别的规范，图标、尺寸成千上万种，根据手机品牌不同，形状也不同，对于交互设计稍微有那么些许不友好。

今天我们的主题就是探讨iOS的界面尺寸规范。首先苹果分为两种尺寸，一种是中码比如6s、7、8等，这种我们一般切图命名为@2X。还有一种就是plus版本，这种一般切图命名为@3X。

今天我们的主题就是探讨iOS的界面尺寸规范。

首先苹果分为两种尺寸，一种是中码比如6s、7、8等，这种我们一般切图命名为@2X。还有一种就是Plus版本，这种一般切图命名为@3X。

苹果6s 的尺寸750px * 1334px，6s plus的尺寸就是1242px * 2208 px。两者之间的关系就是1.5倍，怎么说呢，就是6s之类的手机想要变成Plus，我们设计师稍微想要偷懒一下设计，只需要整体扩大1.5倍，比如图标。

来分析一下界面的尺寸规范：

首先是状态栏，就是信号电池栏的高度为40px。导航栏部分，就是“设置”栏高度为88px。

而下边的底部栏（导航栏）高度则为98px。

注意这三种尺寸是规定比较死的。我们做开发遇到Plus版把以上尺寸等比例扩大1.5倍就可以了。剩下的中间空白部分，我们就可以任意填充内容，Banner或者图标？

☆ 关于图标部分

苹果的图标极具有美感，完全符合栅格黄金比例，所以看起来十分协调。因为都是使用的网格进行规范化设计，所以一整套图标都保持着高统一性。

整个点击图标最小不能小于44px，一般大小为58px，圆角为12px,但是我们习惯取为整数60Px,就会非常的标准。为什么一定有最小的控制呢？因为我们手指有一个触碰面呀~低于上述的宽度，就可能碰不到。一定要非常注意用户的使用感受哦。

☆ 关于分割线部分

注意分割线不是一条线，是一个宽度为1px的矩形，而且颜色多为灰色。

☆ 关于板块与板块之间

板块与板块之间的灰色条间隔是30-70之间，一般来说取整数。iOS系统采取了70 px,有利于减轻用户的阅读负担。列表的高度一般高于88 px，列表与列表之间的距离是10px-30px,太小会有碰撞。作为UI设计师，这一点是要考虑的是吧？

☆ 关于列表中的尺寸规范以及字体要求

☆ 关于左右间隔的安全区域

这个安全区域又称之为留白边距，iOS的原生态页面【设置】页面的边距是30px,根据不同产品有不同的调整，宽度一般在16px--30px浮动，最大的特点就是数值全是偶数。

☆ 关于切换按钮的尺寸

☆ 关于字体

iOS系统的字体是苹方字体，字体的颜色和粗细也大有讲究，标题等文字就是粗体，一些说明文字等就是浅色非加粗体。常常用文字的粗细体来区分重要信息和次要信息，进行信息层级的划分。字体颜色很少采用纯黑色，一般用的是深灰色和浅灰色。

主标题的字体大小设置一般是32-36左右，加粗居中。列表中的文字就要小一些，字体大小为30，不会加粗。辅助性字体大小一般24-26。说明文字一般不会小于22，最小设置为20，再小就看不到啦。

另外需要注意的一点是所有的字号设置都必须为偶数，上下级内容字号极差关系为2-4号。