美文网首页
Web的面包屑导航栏设计

Web的面包屑导航栏设计

作者: 老山羊随想 | 来源:发表于2017-11-16 14:07 被阅读0次

一: 面包屑导航: 在网页主导航之下,页面主内容之上。

二: 为什么要面包屑导航:

1、为用户定位目前页面在产品全局的位置,分别用户返回上一级。

2: 方便搜索爬虫来爬取网页信息,带来免费流量已经提示网站排名

三: 怎么设计面包屑导航栏:

1,基于产品的层级关系,通过先梳理网站的站点地图。

2,基于用户的使用路径进行设计

3,基于产品的属性,根据产品分类维度进行设计

四: 面包屑导航设计注意事项

1: 层级关系明确,各个层级之间独立有没确定包含关系,用词含义不能重复

2: 层级之间用具有指向性的符号链接

3: 层级要精简,最多四层

4: 设计要低调,弱化,面包屑导航只是辅助作用

5: 不要做得太重,不要每个层级做下拉项

6: 最好在层级标题中使用关键字,方便网络爬虫来抓取关键字

相关文章

  • Web的面包屑导航栏设计

    一: 面包屑导航: 在网页主导航之下,页面主内容之上。 二: 为什么要面包屑导航: 1、为用户定位目前页面在产品全...

  • 面包屑导航栏与侧边导航栏的冲突

    1、当我开启面包屑导航栏后,我发现再次点击侧边导航栏的文章没有办法实现跳转,原因是因为在开启面包屑时界面设计和平面...

  • 重新认识组件-面包屑导航

    什么是面包屑导航 面包屑导航是网页设计中极为常见的一种设计方法,我们经常使用面包屑导航来作为网页导航框架中的辅助手...

  • flutter实现面包屑导航栏功能

    有图有真相: 想要实现一个面包屑导航栏需要考虑一下问题: 1,实现一个面包屑导航栏的效果并不难 2,面包屑下方的页...

  • 设计工作日志1116

    昨天的设计方案最后反馈的问题依然集中在顶部的面包屑导航处。当时设计面包屑导航是因为整个系统较为复杂,而目前的导航系...

  • react_新手入门教程02-导航栏和面包屑

    主题: 导航栏和一级菜单面包屑 导航栏 导航栏作为通用组件,把它放在conponets文件夹下并新起一个文件夹ma...

  • WEB导航栏设计思考

    网站的导航多为一栏、二栏、三栏,原来所做的业务系统,在这方面不太关心,而最近在做的数据看板,尝试了几种方式,了解了...

  • week2_BreadcrumbNavigation

    面包屑导航 BreadcrumbNavigation BreadcrumbNavigation面包屑导航的作用是告...

  • UI组件——面包屑简介

    设计世界充满了与食物相关的类比,例如汉堡菜单、Snackbars或面包屑。面包屑或面包屑路径是一种导航元素,可帮助...

  • 网站优化之面包屑对于网站优化都有哪些用处?

    我们经常见到很多的站长为自己的网站添加面包屑导航来辅助网页导航。那么什么是面包屑导航?面包屑导航有什么用户呢?景丞...

网友评论

      本文标题:Web的面包屑导航栏设计

      本文链接:https://www.haomeiwen.com/subject/unulvxtx.html