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


标志 底端导航栏总体目标自始至终包括一个标志 , 最好是的方法是标志融合文字标识展现 , 尤其是假如标志沒有确立含意 。

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

文章插图
标志与文字标识融合展现
文字标识 文字标识应用对底端导航功能简洁明了而更有意义的文本 。

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

文章插图
应用小短文本

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

文章插图
防止提取文字 , 提取将会会遮盖关键的总体目标信息内容

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

文章插图
防止变小单行文本

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

文章插图
防止文字折行显示信息
标志和文字标识色调 主题活动、非主题活动标志及其文字标识应与导航条底块有显著的比照 , 主题活动标志应应用程序运行主题风格色或高韧性被选定色调展现 , 实际在于部件的色彩搭配 。非主题活动标志和文字标识可应用中抗压强度的被选定色调来展现 。

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

文章插图
底端导航栏主题活动标识应用应用主题色或高韧性被选定色调显示信息

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

文章插图
防止应用不一样的色调或低抗压强度被选定色调来显示信息标志和文字标识 , 由于这会使客户无法区别主题活动标志并导航栏到别的总体目标主视图 。
个人行为 Android和iOS系统软件的底端导航栏会显示信息不一样 , 如果你挑选底端导航栏选择项时(当今未被选定) , 每一个系统软件会出现不一样的显示信息結果:
Android:
该运用导航栏到总体目标顶尖主视图页面;重设一切此前的客户互动和临时性显示屏情况 , 比如翻转部位 , 菜单栏挑选和内联检索 。
iOS:
到达站体现了客户以前的互动 。假如客户此前浏览过程序运行的该一部分 , 则会回到到上一次查询的最后一个主视图(假如将会 , 保存其此前情况);不然 , 程序运行会导航栏到顶尖主视图 。
能够在必须时遮盖默认设置服务平台导航栏以改进客户体验 。比如 , 必须在各一部分中间经常转换的Android程序运行能够保存每一个一部分的情况 。或是 , iOS程序运行能够将客户回到到顶尖主视图(或重设其翻转部位) , 假如它更合适测试用例 。

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

文章插图
在Android上 , 再次浏览某一一部分会重设该运用 , 将客户回到到其顶尖主视图 。

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

文章插图
在iOS上 , 当客户再次浏览某一页面时 , 会回到到该页面终止的部位 , 比如详细资料主视图页面 。
当在程序运行的结构分析中向下移动时(从父显示屏到子显示屏) , 能够长久显示信息底端导航条 , 便于在程序运行的每个一部分中间快捷导航 。

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

文章插图
肩标:
底端导航图标能够在其右上方应用肩标 。这种标识可包括动态性信息内容 , 比如一些等待处理恳求 。


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

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