广州网站建设 >> 网站建设 >> 关于网页设计Tab的应用类型

关于网页设计Tab的应用类型

广州网站建设 广州网站建设 2009-7-29 14:29:55

Tab是网页设计中常见的方法,但一般表现为两种类型,如下:

  第1种 鼠标单击切换。此种情形下tab是没有链接的(但是在选中的tab区域内增加 更多或者more链接)。

  第2种 鼠标悬浮切换。此种情况下很多tab都加了链接,所以 a:hover 应该生效,也就是鼠标停靠时有下滑下或颜色等提示。其实这也是Norman设计理念里,对于用户恰当Feedback(反馈)的实践。

    在实际案例中,我们看到了一些好的设计,也有些我不赞成的设计,这里稍做分享。

案例一:yahoo美国首页,属于第1种tab设计,但是注意右下角的框框哦。

案例二:淘宝首页的tab设计有三处,但是仔细看一下,却发觉各有差异。比较疑惑的是,为什么首页只有3个tab设计,但是却各不一样呢?难道一个页面需要多个前端介入?

第一个tab设计属于单击切换,无附加链接。(顶)

第二个tab设计属于悬浮切换,但是没有 a:hover 来反馈tab上的链接。(扁)

第三个tab设计属于悬浮切换,添加了 a:hover 反馈tab上的链接。(顶)

      这些都是工作中常用到的。你有没有用过?

责任编辑: 参与评论
广告位招租,广告代号:GGAD
网站建设之如何用FLASH制作大地图..
如何用FLASH在有限的页面内制作大的地图?并链接、显示有关地点的信息。作为设计的你,有没有把握完成? 完成图特点: 缩小地图以适应页面大小的局限,用放大镜来..
网站排名决定Google的信任指数
大家都知道,影响网站排名的因素有很多。但对Google搜索引擎来说,信任指数是非常重要的,它对网站排名起着重要的影响参数,重要性甚至超过了PR值。那我们今天就..
全面了解什么是电子合同?
电子合同,顾名思义,就是通过计算机网络系统订立,以数据电文的方式生成、储存或传递的合同。今天我们就在这里讨论一下关于电子合同的多个问题。一、电子合同的..
网货怎样行销全世界?
网货,顾名思义,就是通过网络零售作为主营销渠道进行流通的货物。  意义:网货代表电子商务时代流通形式的发展方向;因为网货的存在和流行,为中国制造提供更..
地方门户网站徘徊在丰富性和针对..
随着互联网的发展,地方站只有做专做精才是发展趋势,才能突破发展瓶颈。地方网站前景喜人,但是做大做强并不容易。 地方门户网站发展势头很好,但是初期起步很难..
如何包装网络推广软文?
互联网等新型通讯方式的出现,各种各样的信息越来越多,轰得我们是无处可藏。各种广告软体随处可见,就连上厕所,都会被小广告强暴。而面对海量的信息,我们很难..
广州网站制作  公司咨询热线:(020) 38021992 38021997; 手机:13719300941地址:广州市天河区中山大道西东方新世界10栋1106室
点击这里与我QQ交流   点击这里与我MSN交流   Skype交流