美文网首页翻译产品之光产品交互设计
三大浏览器如何应对多标签?

三大浏览器如何应对多标签?

作者: 定Ding | 来源:发表于2015-05-14 13:33 被阅读401次
    chrome

    chrome是三个浏览器里唯一有多少展示多少标签的。

    优点:很直观地知道开了大致多少标签

    缺点:如下图,无法阅读标签内容。室萨达

    当前标签:在体积、明暗度等样式上对比度很讨喜,同时明置了关闭图标。

    新建标签:固定于最右侧,接近于标签的样式,很直观。

    chrome

    火狐是其中唯一使用左右箭头的,点一下挪出一个标签。如下图所示,最右侧除了添加新标签页外还有一个点击浏览所有标签的快捷入口。

     优点:固定的标签宽度最小值让每个标签的内容能完整显示。

    缺点:无

    当前标签:和chrome类似,在此基础上还增加了一个无缝衔接当前页面的效果。

    新建标签:固定于最右侧,相对chrome来说这个加号看起来更直观,实则比较生硬。

    safari,同样采用了固定最低宽度的标签,和火狐不同的是,它选择使用最两侧的半截标签去告诉你“我可以点哦”。同时,safari也是唯一一个可以在任何标签页关闭当前界面其它标签,而不需先进入该标签页的浏览器。这点对工作时候快速关闭防窥视是很有用的:你不希望你的同事来你电脑前使用浏览器时,你还需要点进某个页面让他看到了再点击关闭吧。

    优点:设计上浑然一体,看似没有任何突兀的ui元素

    缺点:最边上的标签,你看得到标题却无法一次点入,手感很醉人你可以试试。

    当前标签:简直就是扯淡,纯粹用灰度来区分,而且与未激活标签的对比度非常低。

    新建标签:和火狐一样,固定于最右侧的加号图标,相较于火狐的强立体风格tab来说,此处的设计更具一致性。

    总结:

    处理多标签上来说,火狐做的很棒,safari做的很烂。

    (当日记写着玩的,莫太纠结)

    相关文章

      网友评论

        本文标题:三大浏览器如何应对多标签?

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