※※※
签到: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 —
写字不易,如果觉得有帮助,不妨【转发】给朋友,点亮【赞】和【在看】,能量会回流,好运滚滚来!祝你发财被爱,我们下期见!