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

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

随意打赏

提交建议
微信扫一扫,分享给好友吧。