B2B行业网站“标题栏设计”的一般标准
2019-03-25 08:15:16来源: b2byj.com 阅读 ()
在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行业网站,绝大部分都有很好的页面设计功底,我们要多学习成功的行业网站。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:如何写出具有销售力的软文标题
下一篇:HTML5与SEO的那些事
- 互联网产品运营基础_网站常见盈利模式(上) 2020-03-30
- 互联网产品运营基础_网站常见盈利模式(上) 2020-03-27
- 亲身经历:3天解决网站被百度网址安全中心拦截的方法 2019-12-13
- 亲身经历:3天解决网站被百度网址安全中心拦截的方法 2019-12-13
- 网站搜索引擎优化,值得关注的4个策略有哪些? 2019-10-16
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash