iOS和Android规范解析:底部tab导航

iOS和Android规范解析:底部tab导航,第1张

iOS和Android规范解析:底部tab导航

底部选项卡导航栏是当今应用程序中非常常见的组件。你知道最常用零件的片面性吗?我们来看看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概念规范中底部导航栏的定义。

咨询让人理解更深。谢谢你留下来。

#在专栏中回家#

年轻人新思路,略嫌国民政府号:年轻人新思路。每个人都是物料经理,也是初级和中级的交互概念师。一位法国海龟,曾就职于腾讯官微生活、网易游戏、伊势等企业。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778900.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存