底部选项卡导航栏是当今应用程序中非常常见的组件。你知道最常用零件的片面性吗?我们来看看MaterialDesignconceptspecification和iOSconceptspecification是怎么划分的。
谷歌材料设计指南
MD规范,先给哪个控件:底部导航条可以方便用户全程点击,然后高级主视图可以方便的终止和转换。
施用方式
底部的主要和次要导航条是为脚机的导航条设计的。如果它已经在一个较大的显示屏上,如同一张桌子,您可以使用侧面导航栏,如下图所示:
底部的主要和次要导航栏用于以下两种情况:
1.3到5个统一键页间转换(注意:已经在素材设计了,那种情况也可以用五斗柜的导航栏看到,如下图:)
抽屉导航栏
2.要求应用方便后在页面内终止转换(注意:如果是两页左右,可以使用logo导航条)。
底部的选项卡导航栏和徽标导航栏
期权的影响力很强。
注意选项的数量
模式
首先,材料设计中底部导航栏的logo和油墨有以下指示:
当一个选项是选中的形状时,呈现该选项的logo和墨迹;
如果有3个选项,所有选项的logo都会连续呈现;如果有四五个选项,选中的选项会显示符号和文字,选中的那个只会显示符号(实际 *** 作中,好像很多应用都严格遵循那个,边肖也认为有必要严格遵循那个)。
其次,贴近色彩,MD提倡使用简单的色彩,不鼓励巨大的,如下图所示:
首先,靠近每个选项的笔墨,注意笔墨不必闭合(即不存在两停的情况),不存在用“…”省略要显示的问题的情况,也不需要为了更好地节流空间空而减小笔墨的字体大小。国内那些应用都做的很好,有什么好办法?
志伟
当客户选择面对一个选项时,要间接展示出回应的页面,是关于今天创新的页面;不要关注面击后出现的d出框(d出)。其他的,如果面点通管理系统返回密钥,则不会有任何东西转换到底部导航栏的最后一个面点通页面。
其他,请注意以下三个方面:
点击今日选项的logo,页面将返回顶部。
点击页面底部导航栏中的选项后,要回到页面顶部的页面,创新选项(另一边的编辑认为没什么必要,需要根据应用自身情况判断)
以上是问题的一个例子。请注意,您不必这样做:
【问题举例】当面对面敲击差异选项时,劝阻页面中疾病的发作不要向侧面改变。
在MD中,每个组件在它们被弯曲的地方被分成较低的程度。正如你所看到的,底部导航栏的凹陷相对较低。规范中提到,底部导航栏低于底部浮动地板、抽屉柜和电脑键盘,如下图所示:
纵向上的每个控制下垂表示
iOS人机界面指南
另一方面,iPhone的规格就简单多了。大单位是大家平时用的形状,很少用错。大家只需要注意以下几点:
1.如果底部导航栏中的某个选项暂时不可用,则没有必要将其灰显。没用的时候打脸,足以说明哪个页面有内容。
2.不要使用太多的选项。虽然,选项少了,也会有考试成绩。一般都在iPhone上。
3.肩标可以用来表示可疑兴趣的数量,如下图所示:
肩膀标记表明
一方面要求注意底部导航栏显示的是之前已经介绍过的项目。
项目栏指示
上面介绍了MD和iOS概念规范中底部导航栏的定义。
咨询让人理解更深。谢谢你留下来。
#在专栏中回家#
年轻人新思路,略嫌国民政府号:年轻人新思路。每个人都是物料经理,也是初级和中级的交互概念师。一位法国海龟,曾就职于腾讯官微生活、网易游戏、伊势等企业。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)