建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > 心得技巧 >

网页设计的面包屑理念(3)

时间:2011-03-23 20:05来源: 作者: 点击:
3. 超越简单的文字链接 面包屑设计的一个当前的趋势是说,面包屑不用必须是简单的。在这些设计中,你将看到与总体设计相融合的样式漂亮的面包屑。 Grooveshark Yahoo! TV IDEO Apple Store Coolspotters Devlounge

  3. 超越简单的文字链接

  面包屑设计的一个当前的趋势是说,“面包屑不用必须是简单的”。在这些设计中,你将看到与总体设计相融合的样式漂亮的面包屑。

  Grooveshark

  

  Yahoo! TV

  

  IDEO

  

  Apple Store

  

  Coolspotters

  

  Devlounge

  

  LottaNZB

  

  Pixelpoodle

  

  guardian.co.uk

  

  4. 多步骤处理面包屑

  Statement Tracker 使用一个面包屑来指示注册帐号的步骤,就像一个进程指示器一样。

  

  Flickr 使用面包屑来指示Flickr之旅中的部分数量。

  

  5. 有子导航的面包屑

  这里有一些面包屑路径的例子,当点击或鼠标经过它们的链接时,打开一个列出附加属性或位置的子导航面板。

  MarketWatch 在你鼠标悬停在一个面包屑链接的时候有一个弹出的子导航。

  

  Profoto 有一个独特的面包屑路径:点击面包屑链接时在它下面打开一个区域,从而为用户提供附加的属性来选择。

  

  Cranfield University 有一个简单的弹出面包屑,它提供多种功能:为用户指示位置,并作为一种健壮和交互的二级导航。

  

  Lonely Planet 也有一个弹出面包屑,你可以从中改变特性选择。

  

  点击一个面包屑链接带你到相关页面,而点击向下的箭头就会打开而外的选项。

  

  MSDN 有一个当用户用鼠标滑过一个链接时就打开一个可滚动的子导航列表的面包屑路径。

  

  Wowhead 有一个多级子导航系统。

  

  6. 交互式面包屑

  Delicious 让你移除关键词标签的面包屑路线中的条目来帮助你快速寻找书签

  

  7. 实验性示例

  Booreiland 使用一种面包屑样式(breadcrumb-style)的导航方案作为它的主要菜单,这样就允许用户快速理解他们当前在浏览的内容。

  

(责任编辑:admin)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片