网站顶部导航条必须要提供的内容和功能

琉l无赖天下

琉l无赖天下

2016-02-20 00:28

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是网站顶部导航条必须要提供的内容和功能,一起来学习了解下吧!

顶部导航条提供给用户一种很方便,简洁分类展示方式,让用户访问品类繁多的有组织的内容,用户为了完成任务需要找到必要的内容和功能.

这个可能是最简单也最常用的组件了,所以内容也不多.

原文地址: http://developer.yahoo.com/ypatterns/navigation/bar/topnav.html

水平导航条

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)解决什么问题?

用户为了完成任务需要找到必要的内容和功能.

什么时候用?2-12个分类的时候 分类的标题相对较短并且可预测的时候 分类数量基本不会变的时候 为一个web产品展示顶级导航时 配合标签来展示二级导航 如果页面宽度很重要,用它来替代左侧导航条 通过控制导航条的状态来跟踪和展示用户当前位置很困难,成本很大时,用它来替代标签. 分类都属于一个产品时 具体解决办法是什么?在一个水平的横条上显示一系列单行的链接,如果有网站头部,则放到头部之下. 可以通过与标签一起使用,在导航条中同时显示一级和二级导航 如果只使用顶部导航条,最好第一个链接是首页(Home).应该指向网站的首页但是如果顶部导航条是用在一组标签下,那么标签的第一个应该是首页并且具有同样的功能 在导航条中用留白和管道符 |(或者是垂直居中的点,或者是简单的视觉元素)来分隔每一个分类 顶部导航条中链接的所有页面本身也一定要显示在顶部导航条 当顶部导航条数量过多时,建议使用更多..的链接,或者考虑使用左侧导航条 与标签一起使用来显示高级别的内容 跟左侧导航条一起使用来显示二级或三级内容

关注内容的划分范围(符合用户的心智模型)比关注页面的展示更重要.因为最常见的错误是将一系列没意义的内容归在一类.

尽可能降低分类之间的交集 让分类之间的界限尽可能的清晰(例如,很容易猜到想要的东西是否在一个分类中) 避免过于宽泛或者过于特殊的分类名字. 为什么使用这个组件?

顶部导航条提供给用户一种很方便,简洁分类展示方式,让用户访问品类繁多的有组织的内容

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

网站顶部导航条必须要提供的内容和功能

Web开发
网站顶部导航条必须要提供的内容和功能

关于Blog顶部的滚动导航条代码

Web开发
关于Blog顶部的滚动导航条代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网站多维度导航条的设计思路

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网站多维度导航条的设计思路

photoshop制作网站酷炫导航条

PS PS基础 ps平面设计教程 ps去水印教程
photoshop制作网站酷炫导航条

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

评判国内商城网站的导航条设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
评判国内商城网站的导航条设计

Photoshop制作水晶风格网站导航条

PS PS基础 PS效果
Photoshop制作水晶风格网站导航条

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

很拽的潮流QQ分组设计图_你遗忘,奈何不了我的爽

很拽的潮流QQ分组设计图_你遗忘,奈何不了我的爽

一首不分手的恋爱,给了多少光棍带来了自信.

一首不分手的恋爱,给了多少光棍带来了自信.
下拉加载更多内容 ↓