关闭

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

本文我们继续来聊关于iOS系统的视觉设计规范吧。上一篇文章我们主要说了适应性布局中的布局注意事项,今天我们来聊一聊怎么适应上下文的变化吧。

本文我们继续来聊关于iOS系统的视觉设计规范吧。上一篇文章我们主要说了适应性布局中的布局注意事项,今天我们来聊一聊怎么适应上下文的变化吧。

视觉设计

一、确保在上下文变化期间关注当前内容。

在APP中,内容优先级最高。改变上下文的焦点可能会使用户感到困惑和沮丧,并可能使用户感到他们失去了对APP的控制。

二、避免不必要的布局变化。

当有人旋转设备时,整个布局不需要改变。例如,如果您的应用程序在纵向模式下显示图像网格,则无需在横向模式下显示与列表相同的图像。相反,它可能只是调整网格的大小。试着在所有情况下保持可比的体验。

三、如果您的应用程序必须横向运行,左右方向必须同时支持。

不管用户向左或向右旋转设备,纯横向应用程序都应该运行良好。当用户使用你的应用程序时,不要告诉他们旋转设备。如果有人在不受支持的方向抓住设备时,你的应用程序不会自动旋转,那么他们会本能地知道如何旋转设备。

四、根据上下文定制APP对旋转的响应。

举例来说,一个允许用户通过旋转设备移动角色的游戏,在游戏过程中不应该切换方向。但它可以根据当前方向显示菜单和介绍序列。

五、考虑同时支持iPad和iPhone。

用户希望在两种iOS设备上使用你的应用。如果应用的某些功能需要iPhone专用硬件(如电话),请考虑隐藏或禁用iPad上的这些功能,让用户使用你应用的其他功能。

六、不同设备显示图稿时,请注意宽高比的差异。

各屏幕尺寸可能有不同的宽高比,从而导致图稿被裁剪,出现字母框或竖框现象。确保所有尺寸的显示器都保留重要的视觉内容。

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

订阅号

0条评论 添加新讨论

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