关闭

iOS视觉设计规范之适应性布局(六)

今天我们继续接着昨天有关iOS视觉设计规范的话题往下聊吧。上一篇我们刚刚讲了适应性布局中怎么适应上下文的变化,本文再看一下设计全屏体验吧。

今天我们继续接着昨天有关iOS视觉设计规范的话题往下聊吧。上一篇我们刚刚讲了适应性布局中怎么适应上下文的变化,本文再看一下设计全屏体验吧。

视觉设计

一、扩展视觉元素以填充屏幕。

确保背景延伸到显示器的边缘,垂直方向可以滚动的布局(例如表和集合)延伸到底部。

二、避免在屏幕底部和角落放置交互控制。

用户通常在屏幕底部边缘使用滑动手势访问主屏幕和应用程序切换器等功能。这些手势可能会取消您在该区域实现的定制手势。此外,屏幕的角落可能是用户无法触及的舒适区域。

三、插入必要的内容,防止剪切。

一般情况下,内容应该居中并对称地插入,这样它就不会被圆角夹住,也不会被传感器外壳隐藏,也不会被访问主屏幕的指示器遮盖。

为了获得最佳结果,请使用系统提供的标准界面元素和自动布局来构建您的界面,并遵循布局指南和安全区域定义。当设备水平放置时,它可能适用于某些应用(如游戏)将可点击的控制放置在屏幕的下部(延伸到安全区域下),以便为内容留出更多空间。

当控制器放在屏幕的顶部和底部时,请使用匹配的插图,并在Home指示器周围留出足够的空间,这样当人们试图与控制器交互时,就不会意外地把它作为目标。因为Home指示器仍然位于屏幕中央,所以与应用程序界面的位置相比,它的位置可能会发生变化。

以上就是“iOS视觉设计规范之适应性布局(六)”的内容了,如果你还想了解其他相关内容,可以来产品壹佰官方网站或扫码关注下方产品壹佰官方公众号获取更多内容。

订阅号

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表