分享
 
 
 

新闻网站的首页设计理念

王朝html/css/js·作者佚名  2006-11-23
窄屏简体版  字體: |||超大  

首页设计历来是网站建设的重要一环,不仅因为“第一印象”至关重要,而且直接关系到网站各频道首页及频道以下各级栏目首页的风格和框架布局的协调统一等连锁性问题,是整个网站建设的“龙头工程”。“尤其是新网站,首页编排的优劣,将直接影响到它是否能吸引更多网民进入站内浏览。"

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、ChatRoom、搜索引擎、手机短信、股市查询等基本服务项目也纳入缺省一幅,就不是所有新闻网站都能引起足够的重视的。如果发邮件或搜索新闻还要用鼠标下拉一下,对网友是很不方便的。东方网在缺省的一幅里,信息量是相当大的,仅看它的中区,不仅安排了导读性新闻要目及图片,还安排了反映百姓呼声的“东方直通车”、热门专题集锦“东方热点”,以及包括“股市查询”、“天气预报”、“求医问药”在内的“生活锦囊”,甚至“英语新闻”要目也上了缺省这一屏,显示其国际大都市风貌。千龙网也把它的“拳头产品”“千龙黄金耳”(音频新闻)、“环球见闻”(视频新闻)、“Flash7日”(新闻故事)和“48小时精彩回放”(新闻回顾),悉数纳入缺省一幅。

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

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

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

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

2001年9月12日开通的西部网(www.chinawestnews.com),其logo是一个“西”字,这个“西”字经过拟人化变形,有点“臂挽臂”的味道,形象地表明了这是一个联合型的超级媒体“航母”(西部网由中国西部12家省、市、区联合主办)。东北网的logo设计,则是一个有着抗联军旗风格的“东”字,地方特征鲜明。

发达国家的一些新闻网站,首页的logo设计通常都比较简单,但显得很大方。如USAToday的logo只在名称前加了个模糊的地球;Foxnews的logo只在英文域名上打上两道光束,继承了其家族Fox电影公司的片头特征。MSNBC的logo是半个六色色盘。BBC网站的logo则是把白色的BBC三个大写字母放在了三个黑色的小方块里。

无庸讳言,首页的页面设计必须与内容紧密配合,不能脱开内容来谈形式及一切美术应用。是内容决定色彩、布局,而不是相反。因此在设计过程中,应始终对首页的内容安排引起足够的重视,对每一区域的设计都以明确本区的内容概念为基础,由此引向独到而深刻的美术创意。同时,不要轻视首页设计过程中一些局部的打磨和处理,一个成功的首页给人的总体感觉,正是由每一个局部叠加而来。

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有