B2B行业网站的框架设计：标题栏设计

在B2B行业网站的框架设计制作过程中，标题栏设计制作是工作量最大的，页面框架中最多的。网站Logo和导航条的设计，基本每个页面都是和首页一样的，相比之下工作量会小很多。无论是网站首页、二级栏目页，还是导航页、内容最终页，优秀的标题栏总能让读者方便快捷的找到想阅读的内容，又不会对页面内容产生干扰作用。

1 B2B行业网站标题栏设计的一般标准

B2B行业网站与一般的商业门户网站在标题栏设计上大部分是相同的，但是由于B2B行业网站更多的访问者和使用者是在办公室学习和工作的，需要更严肃的氛围，他们需要的更多是商机信息、行业资讯、行业技术知识等内容，而不是娱乐和休闲。同时和企业网站标题栏设计具有很大的区别，页面不需要通过标题栏的颜色和外形来突出产品的特色及品牌文化，所以B2B行业网站要弱化标题栏的图片和颜色，不要对访问者获得内容造成影响，一般标准如下。

1.1 标题栏上的字要比网页上的大部分的内容字号更大一些，加粗，要更突出一些

也许大家觉得这个标准谁都知道，但是在我的实际工作中，以及接受很多人的咨询过程中，看到过一些网站，以及一些设计师给我的页面标题栏上的字就和内容上的字一样大，都为12PX加粗，也许是他们无心，也许是他们觉得已经加粗了，但是从这里看出，一些人还是没有上升到理论的层面，凭感觉。一般为字号为：14PX，加粗。

图（45） 中农网首页资讯部分标题栏

如上图所示，为中农网（www.ap88.com）首页资讯部分标题栏，从标题栏可以看出，农业要闻、图片新闻、农资资讯几个字，都要比下面的未推荐的文章标题的字要大，当前选中部分已加粗，让访问者明白，现在所看到的是当前加粗的农业要闻部分。所以标题栏加粗、字号更大是所有页面设计者、网站测试者必须要明确的基本标准。当然对内容中重点推荐标题，可以比标题栏字号更大。

图（46） 某服装网站的标题栏，字号未变大，未加粗，没有层次感

如上图所示，为某服装网站的标题栏，就是不规范的，标题栏上的字既没有加粗，也没有变大，页面看起来没有层次感。这个方面报纸、期刊、书籍的排版做的最好，要向他们学习，让访问者更好的寻找内容，有更好的阅读体验。

1.2 标题栏无论怎么设计，字无论采用了什么效果，都必须非常清晰，不能花哨

根据网页的主题，内容的种类，不同页面的标题栏会设计成不同的效果，但是无论我们怎么设计，都必须要使标题栏上的字看起来很清楚、明白，使访问者一目了然，不能为了更好看，更有艺术效果，而使字看起来不清楚、不突出。

更重要的是，由于B2B行业网站的页面要更严肃，标题栏的字，图片和颜色，都要看起来更严肃一些，不能太花哨，太漂亮，简洁大方更好。

图（47） 某行业网站首页会员推荐标题栏

如图（47）是某行业网站首页会员推荐标题栏，标题栏上“会员推荐”几个字就不清楚，其实只要做一些简单的调整，把字上下居中显示，把背景颜色再深一些，字做点效果，就会更清楚一些。

1.3 标题栏上不能大面积使用刺眼的颜色，不能太突出，干扰用户寻找内容

B2B行业网站的首页、一级栏目、二级栏目、内容页等页面，访问者需要从页面里寻找大量自己感兴趣的内容，与专题页面、企业网站等不同，尤其是品牌企业网站的内容不多，需要通过颜色、字体、外形等来渲染产品的品牌特色，可以大面积使用颜色作为标题栏的背景色，采用很大的字号，不会喧宾夺主，会给访问者建立一个氛围。

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

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