当前位置:380元网站建设 虎网站 > 网站优化 > 正文

深圳网站建设告诉你如何设计tab导航

发布日期:2018-02-23

经常会有一些人在网站设计中,一说到tab就很自然地想到了网站导航、信息架构。随着网站信息结构的复杂化,选择tab似乎是性价比最高、结构传递最明确的导航方式。这也许是其中面包屑导航方式衰弱的重要原因吧。

如果你想在网站设计的时候用tab的方式构架你的网站,那请你在建站之前需要弄明白下面几个问题,或许会对你怎么设计网站会有一定的帮助。

 

那么用tab导航方式到底能解决什么问题呢?
在设计你网站tab之前,先要弄清楚为什么要用tab,用tab对你的网站设计又有什么好处呢?每个tab下的信息到底是什么,信息之间的关系又是什么? 信息结构一共有多少层?
tab跟大标题之间的关系(大标题的作用大部分是给用户定位,给用户来看的。)
并列关系
过滤关系
是否互为同类项?
包含与被包含?
……
如上图,tab1和tab2下面的信息互相之间的关系?每个tab下信息和大标题之间的关系?只有搞清楚他们之间的关系和需求,才有办法进行下一步的tab导航的网站设计。

tab结构
来看看下面这几张图,相信你也应该能够明白他们的结构的区别了。

 

上图都是选中tab4的效果,但结构方式却不一样。虽然这个例子很简单,但我们在实际操作的时候,往往会比这复杂很多,比如: tab下面需要嵌套tab,如digg的设计。 或者tab和面包屑的结合方式,(如原来junchen介绍过的)等等, 很多问题往往因为多层的信息结构,在tab的运用上面,需要灵活变通。 (我们在研究结构的时候,需要完全抛开交互和视觉样式来分析)

tab的交互方式
选中的tab是否可以再操作?如果是,如何告诉用户? 点击tab的时候,刷新不刷新页面?

tab的视觉样式
tab长得什么样子,会很直接地影响用户对网站导航的认知,举三个比较常见的例子:

当然,视觉样式肯定很难穷举出来,有需求的参考一下这里。

深圳虎网科技公司给大家几点提示:
1、tab的个数,最好遵循 7±2原则,尤其是非主导航区域。
2、在没有把他们之间的结构关系和需求弄明白之前,千万不要拘泥于tab的导航样式设计。
3、我们在多级tab的情况下,如何精简结构也是一门学问,需要多从产品形态和用户需求方面来考虑,不一定就一味的追求结构的清晰和统一,反而给网站造成不必要的冗余。

 深圳虎网科技公司是深圳网站建设与推广最专业的技术型网络公司,十年深圳做网站经验,是最优秀的深圳网站设计品牌公司,服务热线:   公司网站: https://www.huwz.com    欢迎访问!

日本公民来华签证是否恢复正常办理,中国何时能恢复韩国旅游签证啊?

    日本对于入境的中国人开放了72小时过境免签吗? 是的,日本对于入境的中国人开放了72小时过境免签。原因是:日本政府已经批准了一项计划,允许来自中国(包括台湾和香港)的中国公民在日本逗留不超过72个小时时,不需事先申请签证,可以在机场办理入境手续并在日本境内自由活动。这个政策的目的是鼓励更多的中国游客来到日本旅游,促进两国之间的交流和合作。除了日本,世界上还有很多国家也实施了72小时过境免签政策,比...

       怎么样制作网站才能对流量的增加起作用 一般制作网站时很注重客户的体验,网站归根结底是在为用户服务,只有能为客户服务的网站才能够有流量,才能得到搜索引擎的肯定。换言之首要工作应该围绕提升用户的体验展开。但有些方式有用有些没用,怎么样制作网站才能对流量的增加起作用呢? 怎么样制作网站才能对流量的增加起作用   响应式网站就是让网站在任何尺寸以及任何设备上都能够呈现,而不会出现加载失败,以及影响浏览的情况。移动网络的发展,这些设备逐步成为客...

       福田保隆洗涤设备和虎网科技签订网站建设协议 保隆坐落于深圳市福田区深南大道与彩田路交界西南嘉麟豪庭A座1201室。保隆选用虎网站经济型入门级网站案例,其功能比较简单的程序,广告单图(无动漫),页面较简单,适合小微企业产品展示型网站。保隆是经深圳市福田区工商局审核的正规企业,统一社会信用代码:9144030076347794X1。   一家从事洗衣设备、用品销售和工业锅炉销及服务的专业化公司。它拥有完备的服务体系,为大型宾馆、酒店洗衣房、医院...

       网站要怎样设计才能看着顺眼 网站作为企业在网络上的名片,是从能面正面反映出企业的形象的,如果企业网站设计的赏心悦目能让用户对企业产生一个良好的印象,如果网站设计的看不下去是没有前途的。一个网站的必要前提就要能看的顺眼,那么要怎样设计才能让网站看起来顺眼呢? 网站要怎样设计才能看着顺眼   一、结构上要符合用户的浏览习惯,要知道根据世界各地风土人情的习惯不同,所以审美也不相同,浏览网页的体验也是因地区而异,比如海外的网站与国内...

       定制网站有什么好处 定制网站 通俗来说就是建设专属自己的或者自己企业的网站,目前选择定制网站建设的一般是大企业,因为大企业不缺钱,而更看重品牌,定制网站建设可以更好地展现企业的文化,更有个性,更符合社会潮流,甚至可以说,做定制网站建设更能代表企业的脸面。那定制网站有什么好处呢? 1、更符合客户诉求 所谓定制,就是客户有更高的,更特别的要求才需要定制,所以定制网站就是要完全去按照该企业的文化和背景来进行建设,要做到...

       移动网站建设有哪些细节工作? 众所周知,已有PC网站的企业,无缝实现原网站内容和功能向手机官网过渡;没有PC网站(或没必要建PC网站)的企业,手机网站建设促进企业开展线上线下结合的互动营销、互动服务,稳固客户关系、提高服务处理速度,优化通讯沟通效率、降低企业运营成本。   移动互联网让用户的生活更加碎片化,随着用户的可选择余地的不断增多,用户更需要以最少的时间去获得自己想要的最有价值的信息。因此,移动建站,简单就是王道。简单就...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读