iphone11ui设计尺寸

Question

如题所述

Answer 1

1.iPhone X概览

1.1屏幕尺寸

增加了 20％ 的内容垂直空间
1.2布局
概述
当为iPhone X设计时，必须确保布局填满屏幕，而不被设备的圆角、传感器外壳或访问主屏幕的指示器所掩盖。

圆角、传感器外壳

标准

UI元素

设计指南：
①使用标准的、系统提供的控件元素和自动布局来设计，布局应遵循遵循间隔区。

安全区域
②遵循安全区域和边缘布局指南；
③提供全屏体验，背景延伸到屏幕边，工具栏始终位于底部；
④注意状态栏高度。状态栏最好别隐藏；
⑤多版本设备设计时，要确保在不同尺寸的屏幕上保留重要的视觉内容。

4.7寸设备界面在 iPhone X 上会被左右裁切或是上下黑边处理
⑤iPhone X 的下边缘使用滑动手势来返回主屏幕或者进行应用切换，避免放置交互控件。角落操作不舒服，也不要放；
⑥启用自动隐藏时，如果用户几秒钟没有触摸屏幕，指示器就会淡出。再次触摸屏幕时会显示，给用户沉浸式体验。

1.3颜色
更漂亮了

1.4手势
概述
iPhone X使用屏幕边缘的手势来返回主屏、应用切换、查看通知中心和控制中心。
避免干扰系统屏幕边缘手势。系统手势优先于特定应用手势（除游戏），维系系统级操作。
①返回主屏：从底部向上轻扫一下。

返回主屏

②应用切换：向上轻扫并停顿一下，可显示所有打开的 app。

应用切换

③控制中心：向下轻扫。

控制中心
1.5其他
身份验证：人脸身份认证。 Face ID和 Touch ID不要同时引用。
键盘：表情/世界按钮和听筒按钮自动显示在键盘下方，避免在键盘中重复这些按钮。