超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文中汉语翻译了 Material Design 标准中对底端导航栏的标准小结 , 期待能够带来你大量协助 。备注名称:以下几点在翻译过程中依据阅读习惯有相对的调节 , 若有不当之处热烈欢迎大伙儿依据官方网站连接开展核对 。

文中汉语翻译了 Material Design 标准中对底端导航栏的标准小结 , 期待能够带来你大量协助 。

超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
文中汉语翻译了 Material Design 标准中对底端导航栏的标准小结 , 期待能够带来你大量协助 。
备注名称:以下几点在翻译过程中依据阅读习惯有相对的调节 , 若有不当之处热烈欢迎大伙儿依据官方网站连接开展核对 。
在挪动程序运行中 , 底端导航条能够在总体目标选择项间随意转换 。

超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
使用方法 底端导航条在显示屏底部展现3至五个总体目标选择项 , 每一个选择项由一个标志和文本标识展现 , 点一下底端导航图标时 , 将领着客户前去与之关系的主视图 。
标准 人体工学:底端导航条在手执移动终端上非常容易碰触 。

超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
一致性:应用时 , 底端导航条显示信息在每一个显示屏底端 。

超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
有关:底端导航条上的选择项务必同样关键 。

超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
什么时候应用 底端导航栏运用于:
  • 需要在挪动程序运行随意部位浏览顶尖总体目标
  • 3至五个总体目标选择项
  • 只限手机上或平板
底端导航栏不运用于:
  • ·单独每日任务 , 比如查询单独电子邮箱 。
  • ·客户首选项或设定 。

超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
低于三个总体目标选择项不必应用底端导航条(应用标识菜单栏取代) 。

超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
防止应用超出五个总体目标选择项(这类状况 , 试着菜单栏或抽屉柜导航栏) 。

超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
组成应用底端导航栏和菜单栏将会会造成搞混 , 由于她们与內容关联不足清晰 , 菜单栏有着同样的主题风格 , 而底端导航栏是顶尖作用且相互无关系 。
分析
超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
  1. 导航条
  2. 固定不动标志
  3. 固定不动文本
  4. 主题活动标志
  5. 主题活动文本
总体目标展现 展现底端导航栏总体目标选择项的方法在于总体目标选择项应用总数:
  • 三个总体目标:全部总体目标选择项用标志和文字标识展现;
  • 四个总体目标:活动目标展现标志和文字标识、固定不动总体目标展现标志 , 提议应用文字标识;
  • 五个总体目标:活动目标展现标志和文字标识、固定不动总体目标展现标志 , 室内空间容许则可显示文本标识 。

超实用!网页顶部导航栏设计方法总结 导航栏设计操作怎么做

文章插图
此底端导航栏有三个总体目标 , 且每一个都是有标志和文字标识 。


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: