尝试阅读《Human Interface Guidelines》原文翻译学习iOS设计指南。
状态栏沿着屏幕的上边缘展示,并显示关于设备当前状态的有用信息,如时间、信息和电池余量。实际显示在状态栏的信息取决于当前的设备和系统配置。
使用系统提供的状态栏
用户希望状态栏能够在所有系统中保持一致,不希望它被自定义的状态栏所替代。
协调状态栏与app的风格
状态栏文本和指示器的的视觉风格可以是亮的也可以是暗的,可以为app设置全局视觉样式,也可以为不同的屏幕单独设置。深色状态栏在浅色内容上可以很好地工作,一个浅色的状态栏也可以在深色内容上很好地工作。
模糊状态栏下的内容
默认情况下,状态栏的北京市透明的,允许内容在状态下底部显示。保持状态栏的可读性,并且不要暗示用户状态栏背后的内容是可交互的,以下有几个常用的技巧:
· 在app中使用导航栏,自动显示状态栏背景,并且确保内容不是显示在状态栏下。
· 在状态栏下面显示自定义图像,如渐变或纯色。
· 在状态栏下放置一个模糊视图。
考虑在显示全屏媒体时暂时隐藏状态栏
当用户试图穿著雨媒介的时候,状态栏会分散用户的注意力。暂时地因擦干这些元素可以提供一个更加沉浸式的用户体验。比如全盘浏览图片的时候,照片应用程序会隐藏状态栏和其他界面元素。
不要永久性地隐藏状态栏
用户在没有状态栏的时候会退出app查看时间或者确定他们是否连接上了Wi-Fi。通过使用一个简单的、可发现的手势重新显示一个隐藏的状态栏。当在照片app中浏览全屏照片时,只需要轻轻点一下,就会再次显示状态栏。
END.THANKS FOR YOUR READING~
如有不当,还请多多指教~
网友评论