Photoshop CC 移动UI设计案例教程(全彩慕课版)
上QQ阅读APP看书,第一时间看更新

3.1.6 标签栏

标签栏(Tab Bars)位于应用程序屏幕底部,用于组织整个应用层面的信息结构,是半透明的(70%)。标签栏一次最多承载5个标签,如图3-86所示。多于5个的图标以列表形式收纳到“更多”里。标签栏的设计尺寸如图3-87所示。

图3-86 界面中的标签栏

图3-87 标签栏的设计尺寸

标签栏图标的选中状态应该是彩色的,来区别于非选中状态,如图3-88所示。在视觉上,标签栏图标一致且平衡,其设计规范在规范章节中已经进行了详尽的剖析,这里不再赘述。

图3-88 选中标签栏图标的显示状态