iPhone 界面尺寸以及各种图表尺寸

article/2025/11/8 9:51:40

iPhone界面尺寸

设备屏幕尺寸开发尺寸状态栏高度导航栏高度

tab栏

高度

高宽比

iPhone

4/4S

3.5英寸 320*48040px88px98px0.66

iPhone

5/5S/5C/SE

4英寸320*56840px88px98px0.56

iPhone

6/6S/7/8

4.7英寸375*66740px88px98px0.56

iPhone

6+/6s+/7+/8+

5.5英寸414*73654px132px98px0.56

iPhone 

X/Xs/

5.8英寸375*812

 88px

88px

98+34

px

0.46

iPhone

Xr

6.1英寸     

iPhone

Xs Max

6.5英寸414*896   0.46

 

iPhone X适配

iPhone图标尺寸

系统分辨率圆角大小
iOS 6-90px – 1024px约为图标宽度 × 0.175
iOS 7+90px – 1024px约为图标宽度 × 0.225
AssetiPhone 6 Plus (@3x)iPhone 6 and iPhone 5 (@2x)iPhone 4s (@2x)iPad and iPad mini (@2x)iPad 2 and iPad mini (@1x)
App icon(required for all apps)180 × 180120 × 120120 × 120152 × 15276 × 76
App icon for the App Store(required for all apps)1024 × 10241024 × 10241024 × 10241024 × 10241024 × 1024
Launch file or image(required for all apps)Use a launch file(see Launch Images)For iPhone 6, use a launch file(see Launch Images)For iPhone 5, 640 × 1136640 × 9601536 × 2048 (portrait)2048 × 1536 (landscape)768 × 1024 (portrait)1024 × 768 (landscape)
Spotlight search results icon(recommended)120 × 12080 × 8080 × 8080 × 8040 × 40
Settings icon(recommended)87 × 8758 × 5858 × 5858 × 5829 × 29
Toolbar and navigation bar icon(optional)About 66 × 66About 44 × 44About 44 × 44About 44 × 44About 22 × 22
Tab bar icon(optional)About 75 × 75(maximum: 144 × 96)About 50 × 50(maximum: 96 × 64)About 50 × 50(maximum: 96 × 64)About 50 × 50(maximum: 96 × 64)About 25 × 25(maximum: 48 × 32)
Default Newsstand cover icon for the App Store(required for Newsstand apps)At least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 512 pixels on the longest edge

Web clip icon(recommended for web apps and websites)

180 × 180120 × 120120 × 120152 × 152

 

 


http://chatgpt.dhexx.cn/article/katrqsJ3.shtml

相关文章

手机端网页设计尺寸大小

手机端网页设计尺寸大小 对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络): 安全分辨率为1024 X 768 px 可建议大分辨率为1280 X 800 px 在Window XP常见分辨率1024768下我们除掉任务栏,浏览器菜单栏…

手机图标ui设计尺寸:ui设计app图标尺寸规范

手机图标ui设计尺寸:ui设计app图标尺寸规范你都了解了吗?作为一个UI设计,想要自己的页面符合使用习惯,符合标准这些你必须知道,手机图标ui设计尺寸:ui设计app图标尺寸规范如果还有不知道的,快来和庞姿姿一起背!背不下来就收藏,用的时候拿出来看看~ 原型设计尺寸 1、…

Android屏幕尺寸详解

1.重要概念 随着Android厂商对系统的不断定制,Android出现越来越多不同尺寸的手机,由于尺寸和分辨率等不同,从而导致Android的适配成为一个老大难的问题,今天我们就来聊聊Android中的屏幕尺寸。 我们先了解一下几个重要的概念&a…

IOS界面尺寸

点击打开链接 Phone开发中经常用到的控件尺寸大集合 有个网上的介绍很强大,直接搬运过来 Element Size (in points) Window (including status bar) 320 x 480 pts Status Bar (How to hide the status bar) 20 pts View inside window (visible status bar) 32…

ps做手机计算机界面,手机设计!移动设备的界面设计尺寸

刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大、文字该用多大才合适、我要做几套界面才可以?什么七七八八的也着实让人有些头疼。 废话不多说,希望大家耐心看完后,不用再纠结于尺寸相关的东西了~ IOS…

最新App、手机网站尺寸规范—移动设备界面UI设计尺寸规范

app项目的一大难点就是,样式要兼容各种屏幕大小

移动端UI设计尺寸规范以及iPhone尺寸大小

本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法,如控件间距、适配、标注、切图等,设计师在设计时并不一定要严格遵守,但对这些规范应有所了解,并融会贯通。 目录 界面设计尺寸及栏高度边…

UI界面的尺寸规范

一、名词解释 1.DPI (Dots Per Inch): 点数密度。所表示的是每英寸所拥有的点数量。Android特有单位 DPI数值越高,即代表显示屏能够以越高的密度显示图像,从而得出,显示的密度越高,显示器显示的就越真实、越清晰 2.PPI&#xf…

手机APP UI设计尺寸基础知识

从原理开始介绍一下移动端设计尺寸规范初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是…

手机设计尺寸 - iPhone界面尺寸

参考网址: http://www.qijishow.com/down/app-index.htm iPhone界面尺寸 设备分辨率PPI状态栏高度导航栏高度标签栏高度iPhone6 plus设计版 12422208 px401PPI60px132px146pxiPhone6 plus放大版 11252001 px401PPI54px132px146pxiPhone6 plus物理版 10801920 px401P…

安卓屏幕分辨率及UI尺寸详解

1、了解几个概念 (1)分辨率。分辨率就是手机屏幕的像素点数,一般描述成屏幕的“宽高”,安卓手机屏幕常见的分辨率有480800、7201280、10801920等。7201280表示此屏幕在宽度方向有720个像素,在高度方向有1280个像素。 &…

UI app界面的尺寸规范

UI界面的尺寸规范 上周更了一篇关于Android系统界面设计的尺寸规范,有些小伙伴看了以后存在部分尺寸上的疑问,这次把这些地方简单的解释了一下,顺便把iOS系统规范也加上了,两者可以做一个对比。在这里我要强调的是这是移动端的样…

Android 界面设计尺寸规范

这里取用640*960的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。 状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px导航栏:显示当前界面的名称,包含相应的功能或者页面…

手机端web/app界面设计尺寸规范

手机端web/app界面设计尺寸规范 移动端高清、多屏适配方案 背景 开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机 视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。 对于移动端开发而言,为了做到页面高清的效…

Android界面尺寸规范

这样的手机又vivo智能收款机、三星Galaxy A5、华为荣耀等手机。 这样的手机屏幕尺寸是:5寸 即屏幕对角线是5英寸。 计算方法:1280平方+720平方=2156800,结果再开平方=1468.6048,再5,…

【移动端】手机界面的设计尺寸

从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。 Android的常用逻辑分辨率: Android的常用逻辑分辨率:参考屏幕尺寸大全 360 * 640 、 360 * 720、 360 * 740、 360 * 760、 360 * 780、 360 * 800 411 * 731 48…

移动界面尺寸!安卓720*1280界面尺寸规范参考

这样的手机又vivo智能收款机、三星Galaxy A5、华为荣耀等手机。 这样的手机屏幕尺寸是:5寸 即屏幕对角线是5英寸。 计算方法:1280平方+720平方=2156800,结果再开平方=1468.6048,再5&…

搭建nginx代理服务器

搭建nginx代理服务器 原理:1、在proxy-1的nginx.conf主配置文件后添加2、修改proxy-1的子配置文件3、修改存储服务器的一些配置4、启动服务测试: 原理: 通过代理服务器进行访问,减小web1和web2的负担 资源是不直接放在web1和web2下的&#x…

node.js搭建代理服务器实现跨域

node.js搭建代理服务器实现跨域 前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java运行环境&…

apache 搭建ip代理服务器

前期准备 windows / LinuxApache 这里就不教如何安装apache了,需要的可以查询如何安装。 apache 配置 找到 httpd.conf 文件,apache的安装目录下 Apache2.4.39\conf\httpd.conf 找到下面几行配置,默认是注释了的,你需要把 # 号…