三方面诉说新闻网站的首页设计理念

    2014-12-12 11:10:00

首页设计历来是网站建设的重要一环,不仅因为“第一印象”至关重要,而且直接关系到网站各频道首页及频道以下各级栏目首页的风格和框架布局的协调统一等连锁性问题,是整个网站建设的“龙头工程”。不少新闻网站的首页大同小异,毫无个性可言,不免令人可惜。尽管网站建设是以“内容为王”,但其实形式与内容在各个创作领域都是互为表里、相得益彰的。一个网站如果没有一个成功的首页,在内容或其它方面办得再好,也很难跻身一流网站之列。


2000年以来,各省的重点新闻网站纷纷开通,虽说主要定位于新闻网,但一般也各省的代表性网站,不仅其规模在省内最大,其首页实际上成了某个省份的重要形象之一,是该省在网上的唯一“面孔”。所以各省重点新闻网站的业内同行实际上一直在作无声的较量,力求在开网之日有一个不同凡响的首页。有些网站开通后不久即进行了改版,欲“换一副面孔”即是重要动因;因为在网站开通前的筹备期通常时间窘迫,来不及对首页设计进行全方位的思考,开通后不久即会有较大缺憾并非会在预料之外。


新闻网站的首页要做到不同凡响、一鸣惊人,主要需要考虑三个“冲击力”的问题,即色彩的冲击力、布局的冲击力和logo的冲击力。如果在这三方面都能给网友以全新的感受和强烈的冲击,就达到了一个较高境界的首页设计理念。


一、关于色彩的冲击力


省级新闻网站,实际上也兼作政府网站和地方门户网站,其首页的风格,应当是沉稳、简明、大方。与商业性网站的色彩斑澜和个人网站的简洁淡雅相比,新闻网站宜采用对比鲜明、冲击强烈的色彩作为首页的主色调。即以一两种基色的搭配的为主色,来显示新闻网站整肃而富有竞争力的特性。由于主色构成相对单一,所以宜通过较浓烈的色彩来强化人们的视觉,如果色彩过淡,感觉上会趋向于个人主页,也容易有失轻漂,压不住阵。


千龙网作为首家开通的省级重点新闻网,2000年3月8日首次亮相时采用了黑与白为主的基色,给人留下了较深的印象。而两个多月后开通的东方网,其首页以淡黄色为基调,过份强调了“高雅”,却未能形成“色彩冲击”方面的后发优势,这不能不说是东方网在推出三个月后就进行改版的一个重要原因。东方网(当年8月)改版后给人的第一印象,就是大胆地一扫众多网站“轻描淡写”的首页风格,以红与黑相间的主色调,给人以前所未有的强烈的视觉冲击,不禁令人为之击节叫好。其后,东方网由于种种原因,于2001年元旦进行了第二次改版,但依然保留了这色彩个性极其鲜明的主色调。


2001年5月25日,千龙在正式运行一年后首次改版,断然放弃了开网之初的黑白之色,代之以“京城故宫围墙赭红与皇宫金黄色调的搭配” ①,色彩对比依然鲜明,但又成功地体现了千龙地处首都地域的风格定位,并给其它新闻网站提供了从地域特色和文化内涵方面寻找首页主色调的设计理念,深化了人们在首页基色定位方面的思路。相形之下,东方网则很难回答其“红与黑”与上海这个城市或“东方文化”之间的内在联系,而更多是纯美术层面的选择——“红与黑”历来是很抢眼的色调。上海人捷足先登了,其它省市也只有妒忌的份。


目前省级重点新闻网站已有十多家,但千龙、东方首页仍然以其鲜明而强烈的个性色彩鹤立鸡群。


二、关于布局的冲击力


相对于主色调的选择余地并不很大,首页的内容布局翻新却可以多作些文章。内容布局尽管也受到诸种限制,只能在网页固有的框架内,“戴着镣铐跳舞”,但有束缚才有创造,才会显示出创造的魅力,才会具有突破原有框架的新鲜感。根据这两年新闻网站首页在设计、改版过程中的一些规律性变化,可以总结出在内容布局方面的三个重要特征。


1、服务至上。内容布局的第一个突破,是新浪网在1999的改版中,首次将banner广告(468X60ps)移到了频道导航栏的下方,突出了频道入口,强调了在首页整体布局上“频道导航”的纲领性作用。东方网的第一次改版,则在此基础上更进一步,不但把导航条置于banner之上,并进而把“用户登录”区做成一长条,也置于banner之上,这样又第一次通过内容布,体现出为网友“服务”的思想。这与当时各大网站经营理念从“内容为王”到“服务为王”的转变是有着密切联系的。中安网的首页虽无多少特色,但其“用户服务”功能甚至比东方网还要方便,即将网友最常登录的“邮箱”与“论坛”两个点击按钮直接并列在首页频道导航栏下(东方网采用的下拉框选择形式,进“论坛”要多点击一次),最大程度地方便了网友进入。


2、一步提优。如何在首页上把网站的全部精彩内容直接作上链接,使网友不需进入二、三级页面就能“长驱直入”到网站里最优内容最佳信息,这个看似简单的问题在首页上成为现实还是有一个发展过程的。东方网2000年8月改版后的首页,还有两处引人瞩目,一是把中区下部的“网站导航”横向压缩了一半,省出的另一半布置为“频道精选”,即把每个频道的最精彩的内容各选一个上首页。因为把“网站导航”里的各个一级栏目全部展示确无必要,不可能这些栏目都很精彩,倒不如将这宝贵的空间直接展示各频道的一条最优稿,使网友不必进入各频道的首页,就可预知其精彩内容并一步点入。同年11月28日开网的北方网,几乎原样照搬了东方网的这一手法。东方网的另一处“突破”是在首页右区中部,设置了一个栏目叫“BBS精华”,把论坛里的“精彩妙贴”也直接链上首页,既体现了新闻网站的强大编辑力量(为网友去芜取菁),也反映了对直接来自网友的观点和看法的尊重。新闻网站首页的内容布局,在突破上应当永无止境。可以吸取传统平面媒体的经验。对logo的位置、banner的位置及新闻图片的位置,作出更加大胆的设计。如logo为什么只能放在右上角并水平放置呢,能不有竖起来放到左上角、象某些报纸的名称那样呢?又如,新闻标题为什么非要全部横排呢,能否划根据不同的新闻类别,划出部分标题实行竖排呢?在改版后的千龙首页右区,“千龙互动”和“首都导航”两个栏目下的标题就已实行了竖排方式。



3、“寸土寸金”。人们登录新闻网站,主要是获取各种新闻性信息。故新闻网站的首页理应显示出紧凑的布局,在单位面积里传达出最大的信息量,而不能象许多大型企业的网站首页那样,以空间换“潇洒”。首页一般在两屏至两屏半的幅长,这里缺省的上半幅里内容的安排尤其重要,因为忙的人都不会往下拉,很可能只看个缺省的一幅,所以需要将网站的重点内容和基本服务都安排下,在安排内容时具有“寸土寸金”的意识。一般来说,导读和新闻图片放进缺省一幅并在主要位置并无异议,毕竟是新闻网站嘛!但对将邮箱、BBS、Chat Room、搜索引擎、手机短信、股市查询等基本服务项目也基本纳入缺省一幅,就不是所有新闻网站都能引起足够的重视了。如果发邮件或搜索新闻还要用鼠标下拉一下,对网友是很不方便的。东方网在缺省的一幅里,信息量是相当大的,仅看它的中区,不仅安排了导读性新闻要目及图片,还安排了反映百姓呼声的“东方直通车”、热门专题集锦“东方热点”,以及包括“股市查询”、“天气预报”、“求医问药”在内的“生活锦囊”,甚至“英语新闻”要目也上了缺省这一屏,显示其国际大都市风貌。东方网中区上部这一块看起来有点乱,实质精心安排也!千龙网也把它的“拳头产品”“千龙黄金耳”(音频新闻)、“环球见闻”(视频新闻)、“Flash7日”(新闻故事)和“48小时精彩回放”(新闻回顾),悉数纳入缺省一幅。相比之下,云南新闻网、金黔在线、新疆天山网等省级新闻网站的首页的信息量就难以与东方、千龙相提并论。


值得指出,首页内容布局之创新,不是单纯地把有关重点栏目、深层优秀内容或banner的位置在页面框架内移来移去、重作调整,而是本着创新的理念,将网站的内容重心和基本服务,在特定的网页框架内积极调谴,推陈出新。这一过程实际上反映了网站从业人员对互联网认识在不断加深,如对互联网的即时互动等强势特质的进一步认同。


三、关于logo的冲击力


在首页设计过程中,即便具有了上述两种冲击力,如果缺少一个别具一格、特征鲜明的logo,仍然会功败垂成。Logo是首页的“网眼”,是整体艺术创作的画龙点睛之笔。一个绝妙的logo不但会使首页蓦然生辉,而且会成为整个网站的“形象大使”,成为员工的胸牌,成为宣传品上的标志,对网站的进一步发展有着非同寻常的功用。


近两年大型网站在logo设计方面有崇尚简单明了的审美倾向,往往越是知名的网站,logo设计越简单,但那是一种高明的简单,是一种认识论上循环往复、删繁就简后的简单。通常的做法是取消了独立的标志图案,而在英文域名上做文章,说得更确切点,是将英文域名中的某个特定字母拿出来,进行图象化或夸张性的变形、变色处理。


这方面一个典型的例子是新浪网的logo。设计者仅在黑色字体的sina中,将小写字母“i”上的那一点作“空心”处理,然后套上了一个红色“帽子”,象眼睛,也象火炬;顿时就妙不可言,很抽象,也很现代。新浪的logo太简单了,却击败了许多花上许多功夫精雕细琢的logo,个中道理值得玩味。另一个老牌新闻网站大洋网的logo设计,亦与此有异曲同工之妙。大洋的域名是dayoo,最后两个oo引起了设计者的兴趣,结果演变成一双眼帘不断翻动的眼睛,使人过目难忘。


2001年9月12日开通的西部网(www.chinawestnews.com),其logo是一个“西”字,这个“西”字经过拟人化变形,有点“臂挽臂”的味道,形象地表明了这是一个联合型的超级媒体“航母”(西部网由中国西部12家省、市、区联合主办)。东北网的logo设计,则是一个有着抗联军旗风格的“东”字,地方特征鲜明。但也有一些省级新闻网站的首页,看不出有进行logo设计的意识,或者干脆就没有logo,如河南网和桂龙新闻网就是如此。


发达国家的一些新闻网站,首页的logo设计通常都比较简单,但显得很大方。如USA Today的logo只在名称前加了个模糊的地球;Foxnews的logo只在英文域名上打上两道光束,继承了其家族Fox电影公司的片头特征。



另外还有两点,值得首页设计者注意。一是首页的页面设计必须与内容紧密配合,不能脱开内容来谈形式及一切美术应用。是内容决定色彩、布局,而不是相反。因此在设计过程中,应始终对首页的内容安排引起足够的重视,对每一区域的设计都以明确本区的内容概念为基础,由此引向独到而深刻的美术创意。二是不要轻视首页设计过程中一些局部的打磨和处理,如对一个栏目bar条的图案、栏目内标题的字体等,都应当精心设计、选择;一个成功的首页给人的总体感觉,正是由每一个局部叠加而来。


首页的主色调、内容布局和logo,构成了首页设计的三大重点,同时也是三大难点。其形成冲击力的基本理念不仅针对新闻网站,也在很大程度上涵盖其它性质的网站。作为一项复杂的艺术创作,新闻网站的美工应把握住新闻网站的基本定位及由此决定的总体风格,与网页制作人员密切配合,在重点、难点上很下功夫,勇于创新,勇推“第一”,才能在首页“亮相”之日,取得众望所归的效果。

网站建设公司项目经理

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音
解答:H5开发、小程序开发、网站建设、APP开发、SVG开发

惠尔科技是一家以提供H5开发网站建设SVG开发APP开发小程序开发、网络营销推广为主的互联网开发公司。以客户需求为导向,客户利益为出发点,结合自身设计及专业建站优势,为客户提供从基础建设到营销推广的一整套解决方案,探索并实现客户商业价值较大化,为所有谋求长远发展的企业贡献全部力量。