申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
15166683288
返回贴子列表
发表新贴
主题：
Tab之所以为Tab
共有
1403
人浏览过本贴
主贴管理
置 顶
加 精
结 贴
转 贴
昵称：奈薇建站网
论坛积分：108000
发贴等级：
21
发贴数：1156
回贴数：1282
被砸鸡蛋：
1
获赠鲜花：
182
发表时间：2019/6/29 19:22:00
楼 主
Tab之所以为Tab
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明http://piglili.tankehu.com/logs/37791411.html
不久前写了这篇关于Tab的文章，最近看到两老外的关于Tab的好文，特此推荐。在TabbedNavigation,andWhatMakesitUseful一文中，DavidLeggett解释了Tab这个metaphor的来源，以及使用导航Tab的四个好处，不过没有具体讲该怎么设计。作为补充，可以参考SmashingMagazine上的ShowcaseOfWell-DesignedTabbedNavigation，提供了大量的优秀实例。但关键不在于看人家弄得多漂亮然后照搬，而是学习（并钻研）怎么样能弄得这么漂亮吧？圆角、渐变……都是小细节。但正是这些小细节让整体看上去完全不一样了。否则又只是生搬硬套的抄袭，还要抄不到点子上……sorry，又粪青说教了，最近实在看了太多劣质山寨。很搞笑，在反馈用户测试报告提到一个视觉设计的问题时，设计师反驳道，“XX网站（某主流网站，被抄袭对象）也是这么做的啊”，啊哈，测试时用户就说了，“是没错，但那XX网站也让我不爽很久了”。
另外，OutC童鞋给我的文章留言道——
我认为hover使用的必要性上还需要补充两点：
1.看导航菜单的Tab个数，如果个数太多而且都有子菜单，那么就十分有必要使用hover，因为我们不能保证用户是不有足够的耐心去一个个点开分类菜单查看子分类；
2.如果对于导航下Tab中有相对应的首页来说，使用hover就显得有些不可取，因为hover这一动作使得用户的关注点集中在了Tab的子菜单下，而不是Tab本身，这样就使得Tab大分类的首页变得无足轻重，所以hover的使用还是需要权衡一下的。
在原文中，切换问题我是分别针对导航Tab和内联式Tab来写的，但对前者的分析不是很全面。因此十分感谢他的补充。导航Tab是hover还是点击切换的，针对OutC提出的第一点，原文我写了：
“一般来说，导航Tab都是点击切换的，因为涉及到整页刷新时载入速度的问题。但有时因为担心Tab下的二级导航项藏起来用户找不到（也即我们不能保证用户是不有足够的耐心去一个个点开分类菜单查看子分类的情况），就会出现图4这个导航Tab采用hover切换刷新二级菜单的方式。”在这种情况下，我提出了要解决好触发灵敏度，不再赘述。
关于第二点，不知道OutC同学所言“导航下Tab中有相对应的首页”，是指二级子类目中有一个第二层级的首页吗？我有点不太能理解你所描述的场景但总而言之，正如我在写内联Tab切换问题时所说，没有绝对的选择，关键是选择后如何处理好细节上的设计。
奈薇建站网致力于，让每个中国人、每个中国企业都拥有自己的“官方网站”！
回复此贴
单贴管理
修 改
删 除
清理签名
TOP
共
0
个回贴 分
0
页
上一页 / 下一页 当前第
页
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户
1
182
