移动端标签栏规范——交互基础篇

一：标签栏的位置

在移动端整个界面结构中，标签栏位于底部区域。

在ios规范里面界面结构如图所示，ios的标签栏是整个页面的一级入口。

二：标签栏的规范

观察一下不同行业代表的页面标签栏特点

1:标签栏位于底部   2:数量不固定.

那标签栏的规范如何？

375pd的区域内分成5等分，每块区域75pd，ios最小点击区域44pd，75pd范围周边的区域间距小于手指区域了所以标签栏最多的是放5个入口，（不可以放6个，区域太小，设计不合理。）可以是四个 ，可以是三个

三：标签栏存在哪些页面中？

图例是京东电商app界面

首页：标签栏

二级分类页：无标签栏

列表页：无标签栏

详情页：标签栏的位置放的是工具操作按钮入口

总结：标签栏只在首页有。