关闭

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

上一篇文章,我们给大家简要讲解了iOS系统里视觉设计规范的适应性布局中的尺寸类型,那么接下来本文就讲一下适应性布局的布局注意事项吧。

上一篇文章,我们给大家简要讲解了iOS系统里视觉设计规范的适应性布局中的尺寸类型,那么接下来本文就讲一下适应性布局的布局注意事项吧。

视觉设计

一、确保主要内容以默认尺寸清晰可见。

除非用户自己选择改变尺寸,否则用户不需要通过水平滚屏阅读重要文本或放大来查看主要图像。

二、在整个应用程序中保持整体一致的外观。

通常,具有相似功能的元素应该看起来相似或统一。

三、利用视觉重量和平衡传达重要性。

大元素吸引眼球,小元素看起来更重要。更大的元素更容易点击,尤其是在容易分散用户注意力的环境中,比如厨房或者健身房。

主要内容或元素通常放在屏幕的上半部分,从左到右的阅读习惯放在屏幕左侧。

四、保持对齐,让用户更容易浏览,传达组织和层次关系。

对齐使APP看起来整洁有序,有助于用户在滚动时集中注意力,更容易找到信息。缩放和对齐也可以显示内容之间的关系。

五、如有可能,同时支持纵向和横向。

使用者喜欢在不同的方向使用APP,所以最好能满足使用者的期望。

六、准备好改变文本大小。

使用者希望大部分APP在设置时选择不同的文字大小作出反应。为了适应某些文字大小的变化,您可能需要调整布局。

七、为可互动元素提供足够的点击热区。

将所有控制的最小接触区域保持在44ptx44pt。

八、在多种设备上预览您的APP。

您可以使用模拟器(Xcode附带)预览您的应用程序,以检查裁剪和其他布局问题。假如您的APP支持横向模式,无论设备是左转还是右转,都要确保您的布局非常好。

九、在大型设备上显示文本时,应保持可读页边距。

为了保证舒适的阅读体验,这些边距使文本行足够短。

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

订阅号

0条评论 添加新讨论

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