移动终端导航条的设计指导

日期:2024-04-16  作者:小天  来源:www.txunda.com  人气:529

一、移动终端导航条的常见特征 

1. 网页的连结或图示 导航条包括连结或图示到你的应用程式的各个网页或功能模组,如首页,简介,讯息等。

 2. 返回按钮 在导航条的左边有一个“返回”按钮,可以让你回到上一页或者从当前的视图中出来。

 3.选单按钮 在某些应用程式中,导航条的右边会有一个可以扩展更多选择项或功能性菜单的菜单。

 4. 标识符或应用名称 一个应用的名字或者标识,通常会出现在导航条的中部,这样可以帮助使用者迅速地确定他们目前所在的应用。

 5. 搜索框 一些软件在他们的导航条里加入了一个搜索框,这样他们就能迅速地找到他们想要的东西。

 6. 通知指示器 

在某些应用程式中,导航条可以显示新讯息或通知指标,以提示使用者需要处理的讯息。 手机上的导航条在考虑到屏幕面积的限制后,应该尽量提供一个清晰、简单的接口,让使用者可以很容易的找到自己想要的内容和功能。 

二、移动端常用的导航风格 

1. 固定导航条(FixedNavbar) 导航条是固定在显示屏上或者下端的,当你翻页的时候,它总是可以看到的。对于那些要求快捷浏览的软件来说,这一类型是很普遍的,比如新闻软件或者社会媒体软件。 

2. 抽屉式导航条(DrawerNavbar) 导航条可以作为一个工具条或者一个抽屉的方式隐藏在你的屏幕边缘,当你想要的时候,你可以用一个手势或者一个按钮来打开它。这一样式经常被用来在保留导航功能的情况下节约屏幕空间,比如在手机上使用软件或者在响应型站点上使用。 

3. 标签式导航条(TabbedNavbar) 导航条包括一系列的标签,每一条标签都代表着一页或者一个函数的模块。在一个多页的应用中,用户只需单击不同的标签就可以进行内容的转换。

 4. 浮动式导航条(FloatingNavbar) 当你翻页的时候,导航条可以被动态地隐藏或者显示出来,这样既节约了你的屏幕空间,又为你的内容提供了更大的空间。这一类型经常被用在诸如 博客或者文章阅读软件这样的内容丰富的软件或者站点上。

 5. 透明式导航条(TransparentNavbar) 导航条的背景是透明的或者是半透明的,融入了网页的内容,给人一种更平滑的感觉。这个样式经常被用在那些关注视觉美学和简洁的网页上。

 6.定制风格导航条(CustomStyledNavbar) 导航条的风格和样式可以被自定义,以满足你的具体需要,比如颜色,字体,图标等等。这个样式经常被用在一个申请中,它突出了一个品牌的标识或者一个创造性的设计。

如果您需要相关服务,可以找天津天迅达科技有限公司,我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等,天迅达——您身边的App个性化定制专家!

以上所有设计图和部分文字均来自网络,如有侵权,请call我删除,感谢~

天津天迅达科技有限公司经过多年来对APP小程序、以及网站建设的探索,已经帮助每一个客户快速开发出属于自己的APP小程序网站,是万千企业之选。

标签:天迅达科技 天津APP开发 天津网站建设 网站建设