中国B2B研究网
联系我们 | 付款方式
首页 资讯 研究 推荐网站 人物 B2B策划 B2B开发 B2B推广 B2B销售
当前位置:首页 > B2B研究文库 > B2B网站建设 > B2B行业门户网站页面设计基础
B2B行业门户网站页面设计基础
来源:中国B2B研究网 发布时间:2013/11/4  浏览:

  B2B行业门户网站由于具有B2B网站的特性和门户网站的特性,决定了页面设计及制作具有与其他网站很多的不同点,当然还是有许多的相同点。在写这个篇章之前,我觉得有必要从理论上和大家讲下页面设计及制作的基本要点。这些基本原则将指导大家更好的阅读和理解这个章节的所有内容。

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

  由于B2B行业网站涉及行业的发展动态、技术知识、营销管理知识、产品信息等,注定了内容是严谨的、高端的;由于涉及的是企业与企业之间的交易促进、信息交流与交友,所以在商业栏目更多的要体现出浓厚的商业氛围,一切页面设计都是为商人而考虑的。
  A 、页面的用色要更严谨、忌讳非商业色彩
  蓝色、红色、黄色是B2B行业网站的常用主色,其中常常是几种颜色搭配使用,当然在使用过程中,常常是用这几种颜色之外的颜色来搭配,或者这几种颜色的渐变色。由此衍生的颜色包括:深蓝色、暗红色、鲜红色、橙色、橙黄色、灰色等等,在此不一一列举,颜色的搭配由设计师自己来确定,我们最后来审核即可,关键要的就是一个页面整体效果。
  B、页面标题栏和导航栏更多要方形的、规则的
  作为企业网站、时尚类型的网站,或者为了表达时尚、活泼的主题,网站的设计可以比较活泼一些,多采用圆形或不规则的排版方式,但是作为B2B行业网站,就不能这样设计。
  每个部分要具有明显的区分,每个区域都是规则的,使用的图片、背景都是严谨的。不能把图片斜放、用很大的椭圆形、用很大的图标、用卡通的图标、活泼的图形等来设计网站的标题栏和导航栏。
  C 、整体风格应严谨、充满商业氛围
  网站的整体风格比用色、标题栏设计更加重要,某个搭配颜色比较活泼、时尚一些,并不会影响整体的风格。某个图片不规则,或者网页里的内容图片不规则,也不会对整体的感觉产生多大的影响。B2B行业网站的首页、二级栏目首页、重要的专题页,都要先做效果图,保证整体的效果后,才能开始做页面设计,不能一开始就做页面。整体的页面风格不能花哨,要降低框架、背景等对阅读内容的影响,专业的说法叫降低页面的噪声,整体风格要淡雅,让访问的人静下心来思考。同时B2B行业网站不是面对普通消费者的,而是面对行业从业者,是为了大家获得行业知识与商业信息而出现的,提供的是工作和商业上的帮助,需要严谨。

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

  页面设计是没有一个固定标准的,很多时候我们不能用美丑来判断,也不能用是否有创意来判断,而应该综合分析这个页面的访问者,页面的内容、功能。有时候一点创意都没有,和其他很多网站都是类似的,才是最好的,因为就应该是这样的。看到过一篇讲设计的文章说:“创意是可耻的,分析能力远比创意来的重要”,和我这个小标题所要表达的内涵是一样的。设计师常常希望自己的网站是最有创意的,最漂亮的;程序员希望自己开发的网站功能是最强的,最易用的;但是任何设计、功能都是为访问者、使用者服务的,设计者的分析能力远比创意来的重要。
  综上所述,任何一个页面在设计之前,设计师都必须要静下心来想想,这个页面在表达什么内容,或者说是一个什么样的功能,根据内容和功能再来确定应该具有的表现形式。否则设计的页面与网站策划者所想要达到目的的有时会相差很远,甚至方向都是不对的。同时设计师还要具有一定的商业思维,将自己的设计变的更加商业化。关于在策划的时候就要初步的为设计师考虑页面的表达形式,我在《B2B行业门户网站策划实战研究报告》里对这个问题进行过系统的阐述,策划是设计的基础。

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

  所谓习惯用法,是用户经常使用的网站,或者非常知名的网站用法,往往就是用户的习惯,因为知名网站的用户最多,用户也是最认可的。相同的功能,或者说不会因为网站的不同而表达方式发生变化的功能,就可以用习惯用法。
  比如网站的注册,几乎所有具有会员功能的网站都有这个功能,用户点击一个注册的链接,在新窗口里填写自己的登录信息、联系方式等,用户注册过非常多的网站,如果你的页面做的和其他易用的知名网站很多不一样,用户就会不习惯。比如当我们来到一个新网站的时候,常常需要了解这个网站的介绍、主办方联系方式等信息,习惯就是在网站底部找这些信息,绝大部分的网站底部都有一排的链接来表达,如果你设计个网站,希望很创新,把这些链接不放在底部,用户就会觉得不习惯,因为你打破了习惯用法。
  对设计师来讲,那怕有时这样的熟悉让你觉得相似而乏味,一点都没有创新,你还是要这样去用。比如绝大部分的网站都是把Logo放在页面左上角,如果你非要放在右上角,用户就不能很快的明白这是一个什么样的网站,因为他习惯了左边看网站Logo,也许右边根本就不怎么注意到。
  但是并不是说,我们不需要创新,相反,在策划、设计的工作中,我们需要大胆的创新,如果我们不打算使用一种习惯用法,策划者、设计师必须确认新用法有如下两个特点:
  (1)同样清楚,同样不言而喻:只是换一个更好的表达方式,和原来的本质上没有太大的改变,同样让用户一眼就能看明白,也就是说我们有所创新,但还是建立在习惯用法的基础上,不是完全凭空创新。
  (2)带来很大的价值,值得用户付出努力来学习:这个功能虽然是以前大家没有见过的,但是我们确认他能带来质的变化,而不是仅仅换个用户不习惯的功能和界面。比如以前绝大多数的网站注册都是一步搞定,现在如果注册会员,有许多网站就分为二步或三步,为什么要这么设计呢?因为填写的内容太多,分成几步用户更能接受。

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

  页面具有层次感,一看就能明白那些是重点,那些是次要的,每个部分表达的内容都非常的清晰,用户能很快的找到自己重点关注的部分。与此相反的就是页面很凌乱,结构不清晰,用户来到页面不知道那些是重点,1分钟之内很难发现自己感兴趣的内容,网络上的用户耐性很差,不能很快找到就不找了,认为你的网站很差,或者干脆以后都不来了,但是实际上网站有他要的内容或想使用的功能,只是由于页面设计的不好,不能更快的找到而已。
  建立清楚的视觉层次,既要确保页面上所有内容的外观、所有的可视线索清楚,还要能准确地表述页面上的内容之间的关系。一个视觉层次清楚的页面有如下三个特点:A、越重要的部分越突出;B、功能或内容相关的部分在视觉上也要相关;C、功能或内容在逻辑上包含的部分在视觉上也要进行嵌套,关于这三个特点,我在《B2B行业门户网站设计开发实战研究报告》里做了非常详细的阐述。

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

  根据《别让我思考》(英文名:DON'T MAKE ME THINK)一书所讲:“访问者不是在阅读,而是在扫描,是极少数几个得到了证明的事实之一,人们会花极少的时间来阅读大部分的页面,相反,我们只是扫描一下(或者匆匆掠过)网页,寻找能吸引我们注意力的文字或词语。”当然这个还是有一定条件的,对于导航页、首页等,用户会更多的用扫描来获得自己感兴趣的内容。但是对于内容最终页,大部分用户是在阅读,但是也会先扫描一下大概内容,对于太长的文章或内容,就要看下是否有小标题,如果有就要先扫描小标题,看自己是否感兴趣,感兴趣了才会继续阅读。从这个角度讲,还是会先扫描。
  当我们在策划、设计网站的页面时,在编辑网站内容时,要时刻谨记用户不是在阅读,而是在扫描,将这个思想贯彻地执行下去。会指导很多正确的策划和设计,比如:重要的内容要大标题、要加粗;每个模块尽量能图文并茂,让读者扫描的时候看到图片,更容易引起兴趣;对重要的内容,广告文案等要多加总结、提炼,吸引他们感兴趣;编辑在写文章、内容编辑的时候,对于超过800字的文章,最好能加上小标题,让用户可以预先扫描是否感兴趣。

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

  网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典。经典只存在于是那个首次成功创新性的应用。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹有时非常的明显!还有那个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征!
  对于B2B行业网站的设计,要多参考,多模仿,找出几十个同类型的最优秀网站来参考,分析别的网站为什么要这么设计,取其精华,去其糟粕,联系自己设计网站的特点加以改进或修改,往往这样的设计才是最成功的设计。因为最成功的网站都是经过多方研究的,他们不仅仅模仿,也有属于自己的创新,大部分也经得起用户的考验,符合绝大部分用户的需求。

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

  B2B行业门户网站不同于企业网站,它存在的最大的价值在于给用户提供一个平台,提供更多有价值的内容,界面存在的价值在于辅助、引导用户更好的去使用这个平台,发现里面自己感兴趣的内容,挑选并阅读,获得知识。并不是要浓墨重彩的使用大量的颜色和图标来表达页面的主题,这个是一些设计B2B行业网站的人常犯的错误,尤其是初学者。
  比如做一个企业网站,我们为什么要使用大的图片、图标,大面积的颜色去渲染这个页面呢?因为每个企业都有其自己独特的产品与企业文化,来这个页面的读者都是想了解这个企业或产品的,我们需要用设计向访问者很直观的传递企业信息,尤其是很多品牌公司网站。B2B行业网站的专题页面设计、收费服务介绍等页面与建设企业网站一样,需要用大的图片、小图标、大面积的颜色来衬托页面的主题。

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

  模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。模块化的最大好处就是统一网站风格,让用户无论在网站的那个页面,也能明白还是在这个网站,形成了很强的品牌辨识度。时刻记住,做网站的最终目标,就是要做品牌,设计时就必须要作为指导思想。无论是架构、模块或图片,都要考虑其可修改性。采用DIV+CSS设计是目前最好的解决方法,不仅使页面易于修改,关键是降低页面代码的数量,易于搜索引擎找到最重要的内容,我在《B2B行业门户网站推广实战秘籍》里做过详细的解答。

  总之,关于B2B行业网站页面设计基础本文作者李学江就讲这8条,这将作为设计B2B行业门户网站的指导思想,也是顺利看完本章节的基础知识。也许还有更多的设计基础知识,待大家自己在工作中去总结和提升。

  本文原创作者:李学江,先后从事程序开发、网站策划、项目经理、策划总监、销售总监等职,从事B2B行业门户网站研究8年多,现致力于B2B行业网站的策划、建设、推广、销售及运营研究研究,著有 《B2B行业门户网站策划实战研究报告》《B2B行业门户网站推广实战秘籍》《B2B行业门户网站设计开发实战研究报告》《B2B行业门户网站销售实战攻略》 ,欢迎交流指导咨询,交流QQ:1580658565


    《B2B行业网站策划实战研究报告》  
 构建成功商业模式,找准方向,超越对手!        永久接受免费咨询服务!

    《B2B行业网站设计开发实战研究报告》  
助您建设一流网站,为成功奠定坚实基础!        永久接受免费咨询服务!


    《B2B行业网站推广实战秘籍》   
 即学即用推广宝典,助您网站流量大幅提升!     永久接受免费咨询服务!

    《B2B行业网站销售实战攻略》   
 系统阐述销售知识, 汇聚销售技巧,提升销售额!   永久接受免费咨询服务! 



优惠219元,看得见的交易、真实评价,收到书,才打款,安全!

编辑:B2Byj
加入收藏 】 【 字体: 】【 打印 】 【 关闭
 相关文章
本文关键词:B2B行业门户网站  页面设计基础  
实战:B2B行业门户网站设计准则 2015/1/20
王*,您订购的《B2B行业门户网站销售实战攻略》已发货,单号:1201268355091 2014/11/18
姚吴*,您订购的《B2B行业门户网站销售实战攻略》已发货,单号:5419777145 2014/11/13
刘志*,您订购的《B2B行业门户网站销售实战攻略》已发货,单号:100045810890 2014/9/30
B2B行业门户网站优化分析 2014/7/22
赵*,您订购的《B2B行业门户网站销售实战攻略》已发货,单号:888246637091 2014/5/9
 B2B网站系列研究报告
B2B行业网站策划实战研究报告 B2B行业网站设计开发研究报告 B2B行业门户网站推广实战秘籍 B2B行业门户网站销售实战攻略
 热门资讯
一直做着很“2B”事情的B2B,为什么直到今天才火起来582次
B2B的春天来了 你还在C端市场打拼吗?102次
万亿级B2B市场风口来临 创投机构争相布局94次
医学领域B2B电商供应室获数千万A轮融资62次
慧聪网郭江:巨头无法阻止技术型B2B创新者46次
 热门研究
免费赠送工具书、期刊提升B2B网站销售额366次
慧聪网CEO郭江:B2B2.0产业互联网创业良机110次
以太资本卞恺灵:B2B创业的N个坑62次
阿里刘辉:阿里对“互联网+”的五个思考62次
万亿级B2B市场“风口”来临 创投机构争相布局62次
B2B人物资讯 更多
慧聪网郭江:在B2B领域激进并购
  国内B2B电商平台慧聪网最近消息不断,由香港创业板转到香港联交...  阅读全文>>
李军保:中国网库将开启B2B电商3.0时代
     9月26日,由商务部中国国际电子商务中心指导...  阅读全文>>
51BOOK陈鹏:拓展航旅行业 打造航旅B2
  51book董事长陈鹏近日在2014劲旅峰会“旅游BtoB分销...  阅读全文>>
郭江指路:B2B式的京东和天猫都有戏
  9月26日消息,慧聪网CEO郭江在“2014中国(常州)电子商...  阅读全文>>
B2B人物专栏 更多
慧聪网CEO郭江:B2B2.0产业互联网创业
9月11日消息,在2015亿邦电子商务应用发展年会上,慧聪网CEO...  阅读全文>>
做好B2B网站“网站介绍”栏目,提高可信度、
1、B2B网站“网站介绍”相关栏目的重要性   网站介绍的相...  阅读全文>>
imo云办公室乔月猛:B2B营销方式的变革
  10月23-24日,由艾瑞咨询集团主办的“2014上海艾瑞互联...  阅读全文>>
敦煌网王树彤:跨境电商也要玩转移动端
  在创办十年之际,敦煌网收到了时隔三年多的第四轮融资。敦煌网创始...  阅读全文>>
热门图片资讯
B2B的春天来了 你还在C端市场打拼吗?
万亿级B2B市场风口来临 创投机构争相布局
关于我们 | 网站导航 | 积分赚取 | 积分兑换 | 付款方式 | 联系我们
手机:0515-85457789 客服邮件:1580658565@qq.com
在线服务 QQ:1580658565 地址:江苏省东台市三灶大街19号
Copyright@2007-2014 b2byj.com All Rights Reserved 苏ICP备14051972号