图（48） 中国服装网资讯栏目题目栏

从图（48）可以看出，题目栏使用了蓝色，由于题目栏太长，所以不克不及使用很深的蓝色，而是采取了蓝色的渐变色，这样就弱化了题目栏的视觉冲击力，让拜候者更存眷内容。正如我以前讲过的，凡是成功的B2B行业网站，绝年夜部分都有很好的页面设计功底，我们要多学习成功的行业网站。

1.4 题目栏应与所包含的内容形成一个整体，在视觉上形成区别

每一个题目栏下面所属的内容都代表一个细分的内容，题目栏起到的作用就是希望拜候者能尽快找到自己感兴趣的内容，要达到这个目的，就要用题目栏和边框将内容包抄起来，形成一个整体，让拜候者从视觉上更能区分自己正在看的是什么种类的信息。

图（49） 新浪网财经栏目首页切换的题目栏

如图（49）新浪网财经栏目首页切换的题目栏，从"商品-货币"部分切换到"转动新闻"部分，不但文字变了，文字下的布景也酿成了白色，和下面的内容形成封闭的整体。如果切换曩昔，文字下面的颜色仍是浅蓝色，就形成不了一个整体。

1.5 题目栏的角不克不及太圆、太卡通，布景不克不及用太鲜艳的斑纹，不克不及用椭圆形

B2B行业网站需要更严肃一些的气概，所以题目栏切忌圆角太圆，也不克不及用太鲜艳的斑纹作为布景，甚至使用椭圆形的。在我多年的工作经验中，看到过一些设计师提供的B2B行业网站页面题目栏圆角太圆，这种设计给人很不严肃的空气，有一点圆角便可以了。在设计一些比较有特点的企业网站或品牌网站时，以及年夜家看到的QQ空间、51空间等小我主页可使用一些个性化的题目栏，可是在B2B行业网站不克不及使用。这个就是网站定位与设计的联系所在。

以上讲的几点，虽然事理很浅显，年夜家一看都感觉很简单，年夜部分的设计师在设计的时候都能在潜意识里遵守这些标准。可是我认为，总有一些设计师他有时会犯以上毛病中的一个或几个，作为网站的产品司理、产品测试者、网站办理人员，必须要能晓得这些细节，在产品开辟过程中实时的改正这些问题。

2 B2B行业网站常常使用的四种题目栏阐发

以下是我收集的各个优秀B2B行业网站使用的最多的4种题目栏，供年夜家参考。

2.1 精练年夜方型

图（50）阿里巴巴首页商业资讯和商人社区题目栏（截图：2011-10-18，现已改版）

图（50）为阿里巴巴首页商业资讯和商人社区题目栏，这个题目栏精练、年夜方，采取了灰色作为布景，橙色和红色作为题目栏上字的颜色，用字来突出题目栏，拜候者只需看字就可以清楚明白、一目了然，属于精练年夜方的题目栏类型，目前这类题目栏在各类网站中用的是最多的，可以用淡蓝、淡红、淡绿为布景，比如腾讯、网易、搜狐，都是这种类型的题目栏。

2.2 重点突出型

图（51） 九正建材网首页题目栏

如图（51）为九正建材网（jc001）首页题目栏，这个类型的题目栏我称为重点突出型，采取了很强烈的颜色，但只使用了一点重颜色，其他部分用白色或比较淡的颜色，既让拜候者很好的区分，又不会太刺目，太拉眼球。这类题目栏也是在各类网站中用的最多的，红、黄、蓝、绿、黑都可以。

2.3 浓墨重彩型

图（52） 食品商务网（21food）资讯栏目导航页面右边的两个题目栏

如图（52）为食品商务网资讯栏目导航页面右边的两个题目栏，由于此题目栏比较短，可使用比较深的纯色作为布景颜色，不会对用户带来太年夜的冲击力，并且突出了模块比较小的部分，并且还在页面右边。不过这方面的题目栏年夜家要谨慎使用，因为用的欠好，会破坏页面的协调，在页面中少量使用仍是可以的，比如：使用浅一些的颜色来做布景，也是可以的。