在移动端整个界面结构中，标签栏位于底部区域。
在ios规范里面界面结构如图所示，ios的标签栏是整个页面的一级入口。
观察一下不同行业代表的页面标签栏特点
1:标签栏位于底部 2:数量不固定.
那标签栏的规范如何？
375pd的区域内分成5等分，每块区域75pd，ios最小点击区域44pd，75pd范围周边的区域间距小于手指区域了所以标签栏最多的是放5个入口，（不可以放6个，区域太小，设计不合理。）可以是四个 ，可以是三个
图例是京东电商app界面
首页：标签栏
二级分类页：无标签栏
列表页：无标签栏
详情页：标签栏的位置放的是工具操作按钮入口
总结：标签栏只在首页有。
一：标签栏的位置 在移动端整个界面结构中，标签栏位于底部区域。 在ios规范里面界面结构如图所示，ios的标签栏是...
1:导航栏位置 状态栏下面部分就是导航栏 京东导航栏：左侧logo，右侧扫一扫，消息 网易导航：左侧logo，右侧...
来源：UI中国 在交互设计中，各个不同的场景需要不同的标签＆导航栏设计 标签式导航又叫Tab式导航，是目前移动端市...
一、移动端界面的6大模块 移动端界面的包含了6大模块：状态栏、导航栏、内容区域、标签栏、轻提示、弹出层。 状态栏显...
移动端的H5页面，实际上是基于移动端特性适配的网页，它没有规定的具体的交互规范，但会遵循一些移动端使用的基本特性。...
序 不管是web端的交互，还是移动端的iOS、Android交互，都会大量用到基础控件，熟悉这些常见控件的名称、差...
用户界面比较大的用户组件： 一：表单的三种样式以及优劣 图一：基础表单平铺所有信息，所有页面，页面很长，修改最方便...
一：选项卡具体形式 首页选项卡 位置不一致，微博选项卡在导航栏位置 网易新闻选项卡在导航栏下面， 类目展示也是选项...
一：按钮样式 对话框内容：共同点操作按钮，都是模态窗，关闭按钮个不一样。 弹窗关闭方式：从前提条件出发 关闭角度出...
从事互联网软件产品相关工作近 5 年时间了 状态栏 Status 包含元素 时间、Wifi信号、移动信号、电池电量...
本文标题：移动端标签栏规范——交互基础篇
本文链接：https://www.haomeiwen.com/subject/lkvmtktx.html
网友评论