B2B行业网站文字样式设计一般标准

　　当我们打开各种B2B行业网站，看到最多的就是各种文字，以各种方式表达出来，显示在访问者眼前，文字是门户类型网站最多的内容，同时文字与图片、视频是网站最重要的三种表达方式之一。B2B行业网站，更多的服务于企业的交易需求、了解行业知识的学习需求及交流需求，本文作者李学江认为，这些需求更多还是要通过文字来表达和传递，不同的字号、颜色、粗细、行距，代表了产品策划者、网站设计者所期望向网站访问者传递的信息。下面来简要讲解下在B2B行业网站设计制作时具有的标准。

　　1 B2B行业网站导航栏字体、字号、粗细、颜色的一般标准

　　导航栏是一个用户来到页面最先看到的部分，要引导用户到不同的栏目访问，所以文字要力求突出，这个在前面效果图设计时也讲了。

　　一般标准为：

　　A 字体：默认字体宋体，导航栏不能采用图片制作，不利于搜索引擎优化，所以只能使用宋体。

　　B 字号：14PX及以上，由于B2B行业网站的栏目一般不多，大部分不适合像新浪、网易那样做导航栏，一排栏目，是大部分B2B行业网站设计的习惯。部分也有两排栏目、三排栏目的，最多2排导航更合理。所以绝大多数情况下，字号要大于等于14PX，放二排时一部分有一级栏目导航和二级栏目导航，二级栏目的字号可以小一些，最小13PX。

　　C 粗细：如果导航栏只有一排，绝大部分情况下，都要加粗，如果把一级栏目和二级栏目都写在导航条上，用二排显示，一般只加粗一级栏目。

　　D 颜色：根据页面效果图来制作，如果导航栏有背景，文字颜色必须要用与背景有很强对比的颜色。

　　图(92) 华人螺丝网二排导航栏

　　图(92)为华人螺丝网的二排导航栏，字号为14PX，一级导航栏已加粗，重点栏目用了更吸引眼球的橙色，一部分的B2B行业网站也是采用的是这种导航方式。

　　图(93) 医药网导航栏

　　图(93)为医药网的导航栏，字号为14PX，加粗，颜色为与背景色对比很强的白色，重点栏目变色显示，这样的导航方式是绝大部分B2B行业网站采用的方式。

　　2 B2B行业网站标题栏文字字体、字号、粗细、颜色的一般标准

　　标题栏是一个页面框架设计中最重要的部分，也是需要设计最多的地方，我们设计一个页面，除了内容设计，基本都是在设计标题栏，在页面效果图设计部分也讲的很详细了，这里从标题栏上的文字入手，精确到字体、字号、粗细、颜色来简要讲解。

　　一般标准为：

　　A 字体：大部分时候都默认为宋体，因为现在设计网页，大家都喜欢在标题栏的文字上加链接，直接链接到二级或一级栏目的更多内容，文字都不是图片表达的，有的也用CSS来设计一些效果。所以除了一些对效果要求比较高的标题栏以外，我们都只使用所有浏览器都能正常显示的宋体。如果要制作标题栏图片，可以用一些严肃的、商业化一些的字体。

　　B 字号：14PX，基本没有多少例外，绝大部分的标题栏文字大小都不能低于14PX，有时会更大一些，但是绝大多数情况下都不能小于14PX。曾经一个设计师给我他设计的网页，我怎么看都觉得不对，后来才发现，原来他的标题栏都是使用12PX加粗的，看起来没有层次感，每一个内容块之间区分度不够。

　　C 粗细：必须加粗，基本没有例外。

　　D 颜色：根据页面效果图的颜色而定，文字颜色仍然必须要用与背景有很强对比的颜色。

　　3 B2B行业网站导航页“普通内容”链接字号、粗细、行距、颜色的一般标准

　　导航页一般指网站首页，一级栏目首页等页面，导航页内绝大部分的内容都有超链接，访问者根据链接标题寻找自己感兴趣的内容，所以内容链接的设计就变的非常重要。

　　一般标准为：

　　A 字号：12PX，也可以采用13PX，绝大部分时候是12PX，《B2B行业门户网站设计开发实战研究报告》推荐使用12PX。

　　B 粗细：细体，不加粗。

　　C 行距：一般是20PX，最高不超过23PX，最低不低于18PX，否则要么太高，要么太低。

　　D 颜色：绝大部分情况为黑色，代码为：#000000—#333333，为了保护视觉，也有采用灰色的，颜色代码为#444444或#555555。

　　4 B2B行业网站导航页“推荐内容”链接字号、粗细、行距、颜色一般标准

　　为了让内容有主次之分，将重点的内容，读者可能感兴趣的内容让读者优先发现，节省用户去寻找内容的时间，提高网站黏性，对于资讯、技术文章、博客、问答等内容