当前位置:首页>iOSAPP>iOS基本尺寸规范—尺寸规范

iOS基本尺寸规范—尺寸规范

  • 2026-10-20 22:42:08
iOS基本尺寸规范—尺寸规范

你来啦,谢谢你,这么优秀还关注我〰〰〰

点击上面👆🏻蓝字关注❤妙华的写写画画❤,一起变好呀~

※※※

签到:2026年6月29日

你好吖,我是妙华。

🔸每天30分钟自由学习时刻🔸——热爱是所有理由和答案。

昨天,我学了一个小知识,就是关于"iOS基本尺寸规范(1)”,这个是Ui设计行业方面的。现在我来复盘记录,加深记忆。

iOS基本尺寸规范。

-尺寸规范。

1,界面。

2,图标。

PPI(Pixels Per Inch):像素密度,所表示的是每英寸所拥有的像素数量。

PPI数值越高,即代表显示屏能够以越高的密度显示图像。

从而得出,显示的密度越高,显示器显示的就越真实、越清晰。

PPI= 屏幕对角线英寸数 除以 根号长度像素数2+宽度像素数2。

说起界面规范。接下来,要从不同屏幕的规范说起~

长度320px。

状态栏高20px。

导航栏高44px。

高度480px。

标签栏高49px。

iPhone & iPod Touch第一代、第二代、第三代——3.5英寸。

长度640px。

状态栏高40px。

导航栏高88px。

高度1136px。

标签栏高98px。

iPhone5、5C、5S——4.0英寸。

长度640px。

状态栏高40px。

导航栏高88px!

高度960px。

标签栏高98px。

iPhone4-iPhone4S——3.5英寸。

长度750px。

状态栏高40px。

导航栏高88px。

高度1334 px。

标签栏亮98px。

Phone6。

长度1242px。

状态栏高60px。

导航栏高132px。

高度2208 px。

标签栏 147px。

iPhone6 Plus设计版。

状态栏132px。

导航栏132px。

标置栏147px。

touch bar 102px。

iphone6——高度13340x 。状态栏40Px。导航栏88Px。标签栏98Px。

iPhoneX——状态栏刘海屏132px(规定)。导航栏132px(88px*1.5)。标签栏147px[98px*1.5)102px-主直指示着(规定)。背景色值。#f5f5f5#eeeeee#efeff4分隔线:1px #000000不透明度10%。#dddddd、#ccco。分隔条:20px。列表高:100-120px。

◆图标规范。

1,启动图标。

2,功能图标。

启动图标的设计尺寸。1024*1024。圆角180px。主屏幕中的APP图标 120px,半径25px。

默认搜索页显示的APP图标40px,半径:10px。

设置中的APP图标设置中的APP图标58px,半径10px。

spotlight搜索中的APP图标120px,半径25px。

功能图标的设计尺寸。

导航栏中的图标44px。

标签栏/工具栏中的图标44px。

以上就是今天的内容,希望有所收获。

🔸🔶🔸🔶🔸🔶🔸🔶🔸🔶🔸🔶🔸

妙华的座右铭:

如果不知道自己想要干什么,就先工作。

只要工作,就可以得到米、酱、酱油、朋友和信任。

可以一边工作,一边寻找真正想干的事,千万不要游手好闲。

— END —

写字不易,如果觉得有帮助,不妨【转发】给朋友,点亮【赞】和【在看】,能量会回流,好运滚滚来!祝你发财被爱,我们下期见! 

最新文章

随机文章