面包屑导航的设计样例

面包屑导航是网站地图路径的一部分,是同时提供给用户和搜索引擎的导引,所以一个设计精良的面包屑导航很有必要。

我们绝大部分看到的面包屑导航设计都比较中规中矩,如:首页 > 栏目 >页面。基本上没有什么美感可言或是也算不上简约,只能是简单吧。在一个英文站点上看到这样的一个面包屑导航设计,我挺喜欢的,如果你有好的美工做后盾可以供他参考。

面包屑导航的设计样例

从整体设计来看,很简约的圆边长方体,最左端提醒用户“你在这里”的提示很有现场感,接下来就是首页-栏目-页面的路径,鼠标点上去后底色会变深一点,提醒用户点的位置。前端栏目是用右边箭头的形状,很清楚就知道栏目之前的上下级区别。因此,这样的设计挺合适一些专业性较强的站点。来看一下全图吧:

面包屑导航的设计样例-全图

返回到咨道一问 | | 作者:爆老师 Boson 发表于 08/08/2014

『欢迎大家在下方参与(面包屑导航的设计样例)评论和分享』


在线咨询