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

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

一:标签栏的位置在移动端整个界面结构中,标签栏位于底部区域。

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

二:标签栏的规范

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

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

那标签栏的规范如何?

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

三:标签栏存在哪些页面中?

图例是京东电商app界面

首页:标签栏

二级分类页:无标签栏

列表页:无标签栏

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

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

相关推荐

苹果手机排线维修费用多少?2023年最新更换价格一览
揭秘联通4G卡的优势和劣势(探究联通4G卡的使用体验及网络覆盖情况)
我还想用kindle
365跑腿客服电话号码

我还想用kindle

📅 09-26 👁️ 6640