iphone x 设计规范

1、iphone x 分辨率:1125*2436(@3x)

375*812pt

iphone7分辨率:750*1334(@2x)

375*667pt

2、iphone x比iphone 7高出145pt

长宽比由原来的16:9改为现在的13:6

3、顶部传感器:30pt

4、虚拟home键小横条:134*5pt

5、虚拟指示条:默认黑色和白色

6、竖屏情况下:状态栏44pt,虚拟home键34pt。

7、横屏情况下:屏幕左右会留出44pt的空白位置,虚拟home键21pt。

8、交互手势

8.1、返回桌面:从底部向上轻扫一下,即可返回桌面。

8.2、多任务处理:从底部向上轻扫,滑至中部停顿一下,可显示所有打开的 app。

8.3、显示控制中心:从屏幕顶部右侧向下轻扫,可打开控制中心

8.4、siri:按住侧边按钮,就能向 Siri 提问。8.5、Apple Pay:连按两下侧边按钮,即可使用 Apple Pay 安全地支付。

9、全屏图适配:基于宽度适配和基于高度适配

10、由于受圆角、顶部传感器、虚拟指示条的影响,交互元素避免放到底部和角落。

11、所有的核心内容和操作需要内嵌到安全区域,从而避免与状态栏、虚拟任务条重合。

12、在移动app设计上,标签式导航比汉堡式导航更受欢迎。

你可能感兴趣的:(iphone x 设计规范)