《中国一日》网页设计思路

2010-10-27 21:40:00     作者: 刘赟    来源: 大众网  我要评论

关键词:
[提要] 在2009年9月11日,大众网接到国务院新闻办公室网络局通知:为庆祝新中国60华诞,全国60家网站共同举办亿万网民共同记录“中国一日”的活动。该活动主旨是让网友写出自己的真实经历、拍下身边的场景片断,共同记录“9·19”这个普通“中国一日”的24小时脉动。经过同志们的开会讨论,确定了《中国一日》专题的制作思路。

    数码设计部首席美编 刘赟

  在2009年9月11日,大众网接到国务院新闻办公室网络局通知:为庆祝新中国60华诞,全国60家网站共同举办亿万网民共同记录“中国一日”的活动。该活动主旨是让网友写出自己的真实经历、拍下身边的场景片断,共同记录“9·19”这个普通“中国一日”的24小时脉动。经过同志们的开会讨论,确定了《中国一日》专题的制作思路。

  《中国一日》专题的网页设计基本是分了两个阶段。

  第一个阶段:网上启示。设立专门的页面,以介绍活动,测试上传稿件功能为主。在这个立意下,页面设计主要是动画配上传功能,页面简介,内容突出,动画设计也很到位。

 

  第二个阶段是活动当天的页面设计,在这个阶段,设计上经历了三次大的变化。

  首稿的页面设计,是以传统和平铺直述的方式来体现征稿内容,主要是文字表现,设计稿出来以后,经过评定讨论,大家都认为需要打破这种惯常思路和网页格局,我们需要一个亲民,有风格,体现直播特点的设计。

  经过与编辑部的讨论,确定了分三个层次来设计页面,首先是动画开场,其次是分时段播送的主网页,最后是稿件细览页面。

动画一屏:首先淡出国庆60周年标志和《中国一日》标题在一起的画面,然后书写出:“每个人的一天都是相似的,但幸福各有不同……”,由此为网友开启中国一日的阅读旅程。

  动画二屏:从带有大众网标的盒子里滚动出彩色的文字,这些文字都是网友来稿的精选,这里想表现大众网的“中国一日”内容丰富,同时寓意网友生活的多姿多彩。文字的出现方式经过多次修改,一开始是以无序的形式,想表现活泼的感觉,后来发现文字不容易被看清楚,有杂乱感,于是从便于阅读的角度考虑,改成了最后这种有序出场,只以色彩和文字大小来体现活泼的形式。

  主页面:主页面的设计突出体现24小时直播的特点,以每一个小时为阶段,按照0点到24点的顺序,分段讲述网友的一天。在设计上我们想表现典型的中国特点,清晰的时间分段,方便的阅读体验。既是中国网友的一天自然要体现中国特点,于是采用水墨的感觉来体现中国风情;为向网友清楚表明内容以时间来排序的,使用特定时段小钟表的动画设计,引领网友分段阅读;小钟表后紧跟的是用便笺形式衬托的网友来稿的文字和图片,这是要体现这些来稿,就像生活中随手记下的或者是感悟,或者是提醒,或者仅仅是一件事情的简述,寥寥数笔却生动感人。这样,主内容框架基本确定。为了丰富网页内容,又在主内容的边栏放置了活动说明和滚动的网友来稿;同时在头图下设置了时段导航,便于网友查阅不同时段的来稿。中国一日的主页面基本定稿。这个时候的页面设计基本风格已经确定了,但是整体色调还过于单调,不够亲切,在细节的处理上也有些许欠缺。

 

上图为设计稿

 

  基本设计稿出炉后,由领导和编辑部同志们的再一次进行综合评审,又提出一些修改意见,同时在内容上又有改变,增加了图片视频独立的栏目。为适应内容的增加,在主页面的头图下增加滚动的图片和视频显示区,在这一块的设计上,采用了生活中常用的镜头手势的样式,再添加摄像机和照相机的图标,非常清晰的表达了该区域的内容。

 

  活动后续的样式也做了改变,放弃原先使用大字体简单表现的形式,使用日历的形式,配上醒目的数字和文字,及后期陆续收到的稿件展示,使网友在浏览完24小时之后能看到这个有冲击力的提醒:我们的活动还将继续,我们的生活还将继续。

 

在页面色彩上,将原来主内容区的以黑白为主的冷色调改为带金黄色的暖色调,这就使页面色彩更加丰富柔和且具亲切感。

 

  终于在大家的共同努力下,《中国一日》专题隆重登场了,它运用了音乐、动画,图片、视频、文字的综合表现手段,页面设计构思新颖,生动活泼又具有较强的冲击力,色彩柔和亲切。它以日记的形式,突出了”中国一日”的主题思想。专题还借助论坛,博客,手机报等渠道,充分发挥了网络优势,激励了广大网友的参与热情,记录了9.19平凡一天的生活点滴,文字是平凡的,但情感是动人的。

(上图为专题页面拼接截图)

刘宝才

editor

更多

 
 
 
我要评论

大众网版权与免责声明

1、大众网所有内容的版权均属于作者或页面内声明的版权人。未经大众网的书面许可,任何其他个人或组织均不得以任何形式将大众网的各项资源转载、复制、编辑或发布使用于其他任何场合;不得把其中任何形式的资讯散发给其他方,不可把这些信息在其他的服务器或文档中作镜像复制或保存;不得修改或再使用大众网的任何资源。若有意转载本站信息资料,必需取得大众网书面授权。
2、已经本网授权使用作品的,应在授权范围内使用,并注明“来源:大众网”。违反上述声明者,本网将追究其相关法律责任。
3、凡本网注明“来源:XXX(非大众网)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。本网转载其他媒体之稿件,意在为公众提供免费服务。如稿件版权单位或个人不想在本网发布,可与本网联系,本网视情况可立即将其撤除。
4、如因作品内容、版权和其它问题需要同本网联系的,请30日内进行。

 
投稿热线
>