IOS界面元素四栏(状态栏、导航栏、工具栏、TAB栏)设计规范

本文详细介绍了iOS界面设计中的四大元素:状态栏、导航栏、工具栏和Tab栏的规范。状态栏展示重要信息,如时间、电量等;导航栏用于层级导航,通常显示标题和返回按钮;工具栏常位于屏幕底部,用于操作当前内容;Tab栏位于屏幕底部,用于切换子任务和视图。每个元素都有其特定的设计和行为准则,如导航栏在设备旋转时的高度变化,工具栏的控件布局和Tab栏的视觉反馈。
摘要由CSDN通过智能技术生成

1.1 状态栏

状态栏展示于设备和当前环境相关的重要信息。
外观和行为:状态栏总是出现在屏幕顶部,包含网络连接、时间、电量等用户需要的信息
在iPhone上,状态栏的颜色会变。而在iPad上,状态栏总是黑色的
如果你的程序不是游戏或者媒体播放器的话,隐藏状态栏前要考虑清楚
当用户全屏观看媒体时,要把状态栏藏起来
合适的话,展示网络连接情况
在iPone上,定义状态栏的颜色。你可以选择灰色(默认色),透明黑或者半透明黑(alpha=0.5)
在iPhone上,设定好状态栏的颜色改变是否用动画来展

1.2 导航栏

导航栏用于在层级结构的信息中导航,也可以用来管理屏幕信息
外观和行为:导航栏位于屏幕的顶部,上面紧邻状态栏。导航栏通常居中显示当前这一屏的标题。当在层级信息间穿梭时,用户可以触摸导航栏左边的返回按钮回到上一层。用户还可以使用导航栏上与当前内容相匹配的控件来管理屏幕内容
在iPhone里,把屏幕从竖屏转成横屏模式会自动改变导航栏的高度(估计是想在横屏模式留出更多的空间给内容)。在iPad上,导航栏的透明度和高度不会随旋转改变。
在iPhone上,导航栏的是整屏通栏显示的。在iPad上,导航栏可能会嵌在分栏中的某一栏里,不会横贯整屏。
使用当前视图的标题作为导航栏的标题:导航栏标题变成新层级的标题;标题左侧出现返回按钮,写着前一级的标题
确保导航栏上的文字容易懂
使用工具栏取代导航栏
考虑在程序的最顶一级的工具栏放置分段控件
避免用过多的控件填满导航栏&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值