8招教您做好B2B行业网站页面设计

网店转让买卖就上麦淘网，店铺求购转让理财顾问小李（ QQ2850659614）与您分享：B2B行业网站由于具有B2B网站的特性和门户网站的特性，决定了页面设计与其他网站一些不同点。在写作“B2B行业门户网站页面设计”章节之前，在此从理论上讲下页面设计及制作的基本要点，供大家参考，讲的不对的，希望大家批评指正。

1  页面用色、框架及整体风格应该是严谨的，充满商业氛围的

由于B2B行业网站的内容是严谨的、高端的，涉及行业的发展动态、各种技术交流、企业的营销管理知识等信息，注定了内容是严谨的、高端的；由于其涉的是企业与企业之间的交易促进、信息交流与交友，所以在商业栏目更多的要体现出浓厚的商业氛围，一切页面设计都是为商人而考虑的。

A  页面的用色要更严谨、忌讳非商业色彩

蓝色、红色、黄色是B2B行业网站的常用主色，其中常常是几种颜色搭配使用，当然在使用过程中，常常是用这几种颜色之外的颜色来搭配，或者这几种颜色的渐变色。

由此衍生的颜色包括：深蓝色、暗红色、鲜红色、橙色、橙黄色、灰色等等，在此不一一列举，颜色的搭配由设计师自己来确定，我们最后来审核。

忌讳使用如下几种颜色为主色调：

绿色：绿色更多的象征大自然、纯洁、天然等含义，不符合B2B行业网站的严谨、商业两个特点，可作为橙色、红色等的搭配颜色，但是建议不能作为主色调。

粉红色：这种颜色更多表达的是女性化、温馨的氛围，就算是以女性产品为特色的行业，也不能使用，作为搭配颜色也尽量少用，毕竟与用户需求相差太远。

黑色：黑色、灰色是页面绝大部分文字可以采用的颜色，但是不能作为B2B行业网站的主色调。

B  页面的标题栏和导航栏更多要方形的、规则的

作为企业网站、时尚类型的网站，或者为了表达时尚、活泼的主题，网站的设计可以比较活泼一些，多采用圆形或不规则的排版方式，但是作为B2B行业网站，就不能这样设计。

每个部分要具有明显的区分，每个区域都是规则的，使用的图片、背景都是严谨的。不能把图片斜放、用很大的椭圆形、用很大的图标、用卡通的图标、活泼的图形等来设计网站的标题栏和导航栏。

C  整体风格应严谨、充满商业氛围

网站的整体风格比用色、标题栏设计更加重要，某个搭配颜色比较活泼、时尚一些，并不会影响整体的风格。某个图片不规则，或者网页里的内容图片不规则，也不会对整体的感觉产生多大影响。整体的页面风格不能花哨，要降低框架、背景等对阅读内容的影响，降低页面的噪声，整体风格要淡雅，让访问的人静下心来思考。

2  内容和功能决定表现形式和界面设计

页面设计是没有一个固定标准的，很多时候不能用美丑来判断，也不能用是否有创意来判断，而应该综合分析这个页面的访问者，页面内容、功能。有时候一点创意都没有，和其他很多网站都是类似的，才是最好的，因为就应该是这样的。任何设计、功能都是为访问者、使用者服务的，设计者的分析能力远比创意来的重要。

举例说明：

用户注册页面如果头部有很多导航条，左边或右边有许多精彩内容推荐，设计很漂亮的图标，反而是不对的，这个页面的链接应该越少越好，页面越简洁越好。引导用户静下心来填写真实、丰富的内容才是最关键的，不然用户可能操作一半，觉得麻烦，还有更好的内容吸引他，就不再填写下去了。

任何一个页面在设计之前，设计师都必须要静下心来想想，这个页面在表达什么内容，或者说是一个什么样的功能，根据内容和功能再来确定应该具有的表现形式。网站策划时就要初步为设计师考虑页面的表达形式，详情请参考《B2B行业门户网站策划实战研究报告》第四版第8章，对这个问题进行过系统化的阐述。

3  要多使用习惯用法，不要轻易使用一种新用法

所谓习惯用法，是用户经常使用的网站，或者非常知名的网站用法，往往就是用户的习惯，因为知名网站的用户最多，用户也是最认可的。相同的功能，或者说不会因为网站的不同而表达方式发生变化的功能，就可以用习惯用法。

比如当我们来到一个新网站的时候，常常需要了解这个网站的介绍、主办方联系方式等信息，习惯就是在网站底部找这些信息，绝大部分的网站底部都有一排的链接来表达，如果你设计网站时，希望很创新，把这些链接不放在底部，用户就会觉得不习惯。

对设计师来讲，那怕这样的熟悉让你觉得相似而乏味，一点都没有创新，你还是要这样去用。但并不是说我们不需要创新，相反，在策划、设计的工作中，需要大胆的创新，如果我们不打算使用一种习惯用法，策划者、设计师必须确认新用法有如下两个特点：

（１）同样清楚，同样不言而喻：只是换一个更好的表达方式，和原来本质上没有太大的改变，同样让用户一眼就能看明白，不是完全凭空的创新，要比原来的更好才可以。

（２）带来很大的价值，值得用户付出努力来学习：这个功能虽然是以前大家没有见过的，但是我们确认他能带来质的变化，而不是仅仅换个用户不习惯的功能和界面。比如以前绝大多数的网站注册都是一步搞定，现在如果注册会员，有许多网站就分为二步或三步，为什么要这么设计呢？因为填写的内容太多，分成几步用户更能接受。

4  建立清楚的视觉层次，让用户能从视觉上区分

页面具有层次感，一看就能明白那些是重点，那些是次要的，每个部分表达的内容都非常的清晰，用户能很快的找到自己重点关注的部分。与此相反的就是页面很凌乱，结构不清晰，用户来到页面不知道那些是重点。网络用户耐性很差，30秒之内很难发现自己感兴趣的内容，可能就不找了，认为网站不是他感兴趣的，或者干脆以后都不来了，但是实际上网站有他要的内容或想使用的功能，只是由于页面设计的不好，不能更快找到而已。

A  越重要的部分越突出

在一个页面上，如果没有重点，用户就要花很多时间在所有一样的内容里去找他最喜欢的内容和功能，对用户不够友好。越是用户经常使用、经常阅读的内容，越要放在最重要的位置，用户会用最短的时间获得最关注的内容和功能，才能吸引他留下来。

在页面设计的时候，突出重点的内容有许多的方法，常用的有：字体加粗、字号变大、字的颜色和周围的颜色不一样、文字前配上醒目的图标、用图片或颜色作为背景等等，在《B2B行业门户网站设计开发实战研究报告》第三章做了重点阐述。

B  功能或内容相关的部分在视觉上也要相关

在功能或内容相关的部分视觉也要相关，因为用户扫描的时候，视觉相关的部分就会作为一起扫描，否则容易忽略掉，同时会显得凌乱。常用的方法是把相关的功能或内容用同样的框、同样的背景、同样的图标来表达。

C  功能或内容在逻辑上包含的部分在视觉上也要进行嵌套

所谓逻辑上包含，就是从逻辑的角度推理，他应该是属于包含的，比如：B2B行业网站的上游原料和设备，如果我们把这2个部分放在一个页面，就应该把设备和原料分开来设计，但是原料和设备模块本身还会包括许多不同的内容，为了让想采购的企业很快速的找到自己想要的产品，就要在设备模块和原料模块内部再进行嵌套。

5  访问者不是在阅读，而是在扫描

《别让我思考》一书讲：“访问者不是在阅读，而是在扫描，是极少数几个得到了证明的事实之一，人们会花极少的时间来阅读大部分的页面，相反，我们只是扫描一下（或者匆匆掠过）网页，寻找能吸引我们注意力的文字或词语。”对于导航页、首页等，用户会更多的用扫描来获得自己感兴趣的内容。对于内容最终页，用户在阅读前也会先扫描一下大概内容，对于太长的文章或内容，就要看下是否有小标题，如果有就要先扫描小标题，看自己是否感兴趣，感兴趣了才会继续阅读下去。用户一般会先扫描如下内容：

A、与我们现在手头任务有关的，急需想知道的。

B、我们当前或接下来的个人兴趣，比如：想采购一批机器、想找工作；

C、还有我们脑袋里一些根深蒂固的词，例如“免费”、“打折”、“美女”等。B2B行业网站用户都会感兴趣的：例如行业最爆炸性的新闻、知名公司老总动态、最新求购等。

当我们在策划、设计网站的页面时，在编辑网站内容时，要时刻谨记用户不是在阅读，而是在扫描，将这个思想贯彻地执行下去。会指导很多正确的策划和设计，比如：重要的内容要大标题、要加粗；每个模块尽量能图文并茂，让读者扫描的时候看到图片，更容易引起兴趣；对广告文案等要多加总结、提炼，吸引他们感兴趣；编辑在写文章、内容编辑的时候，对于超过800字的文章，最好能加上小标题，让用户可以预先扫描是否感兴趣等。

6  闭门造车者做出的东西，是远远赶不上综合借鉴者的

网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是那个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹有时非常的明显！还有那个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！

对于B2B行业网站的设计，要多参考，多模仿，找出几十个同类型的最优秀网站来参考，分析别的网站为什么要这么设计，取其精华，去其糟粕，联系自己设计网站的特点加以改进或修改，往往这样的设计才是最成功的设计。因为最成功的网站都是经过多方研究的，他们不仅仅模仿，也有属于自己的创新，大部分也经得起用户的考验，符合绝大部分用户的需求。

7  B2B行业网站大部分的界面应弱化，强调功能和内容

B2B行业门户网站不同于企业网站，它存在的最大价值在于给用户提供一个平台，提供更多有价值的内容，界面存在的价值在于辅助、引导用户更好的去使用这个平台，发现里面自己感兴趣的内容，挑选并阅读，获得知识。并不是要浓墨重彩的使用大量的颜色和图标来表达页面的主题，这个是一些设计B2B行业网站的人常犯的错误，尤其是初学者。

做一个企业网站，我们为什么要使用大的图片、图标，大面积的颜色去渲染这个页面呢？因为每个企业都有其自己独特的产品与企业文化，来这个页面的读者都是想了解这个企业或产品的，我们需要用设计向访问者很直观的传递企业信息，尤其是很多品牌公司网站。B2B行业网站的专题设计、收费服务介绍等页面与建设企业网站一样，需要用大图片、小图标、大面积的颜色来衬托页面的主题。

8  页面要模块化、可修改性要强

模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。模块化的最大好处就是统一网站风格，让用户无论在网站的那个页面，也能明白还是在这个网站，形成了很强的品牌辨识度。时刻记住，做网站的最终目标，就是做品牌，必须要作为设计的指导思想。关于如何打造B2B行业网站的品牌，在《B2B行业门户网站推广实战秘籍》里做了系统的说明。

无论是架构、模块或图片，都要考虑其可修改性。举个简单的例子：按钮，很多人喜欢制作图片，N个按钮就是N张图片。如果只做3-5类按钮的背景图片，在网页代码里打上文字，那么修改起来就简单了，让程序/网页制作者自己改字就可以了。然而网页显示的字体是带有锯齿的，一般既能清晰又保证美观的字体字号有几类：“宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+|”等等。

关于B2B行业网站页面设计基础就讲这8点，这将作为设计B2B行业门户网站的指导思想，也是顺利看完本章节的基础知识。也许还有更多的设计基础知识，待大家自己在工作中去总结和提升。作为一个做产品策划的非设计工作者，对设计谈的8点看法，希望广大设计者和产品策划朋友对李学江拍砖。

本文原创作者：李学江,欢迎交流指导咨询