新浪内部网编讲义第二章版面视觉

时间:09-04-19 栏目:制度规范 作者:编辑网 评论:0 点击: 3 次



    本章主要内容:网络新闻传播与版面问题;网络版面设计原则;网站主页重要信息元素;网络新闻版面布局;视觉阅读逻辑和网页色彩
    一、 网络新闻传播与版面问题
和报纸版面比较,网络新闻版面有以下不同的特点:
    1. 网络版页的整体样式和格局以及具体页面的样式都不是每日变更的;网上各类内容所处的页位、版位比报纸更为固定。
    2. 网站的各个内容页面共同构成一个有机整体,但是网站的页面却不能编号。这是因为网络读者并不是按某一特定顺序调看页面,具有随意性。如果给每个页面都固定编号,反而会引起混乱。
    3. 网络传播的可视单元和网页并不同一。
报纸版面的基本单元就是版页。报纸版面就是由一个个版页组成。所有的版面规划、设计和操作都是基于一个个大小相等的具体页面展开。报纸版页的展现是一览无遗的。
    网络版面的可视单元并不等于网页,而是电脑的“屏”,即计算机显示器最大的可视面积。同时计算机屏幕的分辨率比传统报刊的视觉分辨率低(通常为800ⅹ600或1024ⅹ800)。一屏显示的内容只是网页最上端几英寸长的面积。理论上,网页可以很长很宽,还可以是多屏,在面积上有比较大的自由度。现实中,既有一屏的网页,也有多屏的网页。(举例)
网站的各个内容版面通过页面链接而连缀成为一个整体。
二、 网络版面设计原则
    1. 突出特色。所谓突出特色就是显示出本网站于其它网站不同的整体素质和格调。
举例:人民网
    人民网的受众特点是:成熟,平均年龄30岁,属于理性上网;学历高,具有大专以上学历的用户比例比普通网民高出近11个百分点;接触网络时间较早,近50%的人民网用户在1998年前开始接触网络;利用互联网的时间更长,比一般网民每周上网时间多6小时;更注重网络提供新闻、信息的作用,92%的人民网用户上网的首要目的是为了获得信息。
相对严肃媒体来说,一些通俗化、大众化媒体及其网站以轻松报道和生活服务内容为基本定位。他们网站的版面冲击力和节奏感往往更强,整体偏向色彩鲜明、时尚气氛浓郁。如新浪网,搜狐网,英国《太阳报》网站等。
    2. 重视新闻。网站的新闻质量越高,它的访问量就越大,它的资料的重复检索量也就越大。这样的新闻网站必然会受到读者的欢迎。
    3. 合乎逻辑。网络版面的布局要有次序,相互配合,合乎逻辑。就综合性新闻网站而言,新闻的安排必须突出和醒目,动态新闻和深度报道、专题报道要及时和丰富。专业性新闻网站,要突出“专”字,不一定非要把一般性的全国或国际新闻放在最具冲击力的版位上。
三、 网站主页重要信息元素
站名
日期
“关于我们”
“联系方式”
版权声明
其它如广告,导航等。
举例:新华网的“版权与免责声明”
    四、 网络新闻版面布局
    1、新闻网站首页的典型布局:头重脚轻
    网页首屏版式最复杂。它通常包括站头和密集的导航链接区域,以及最主要的内容展示,诸如新闻头条、头条配图、要闻标题板块、滚动新闻播报,主打栏目提示等。
    首页自首屏向下通常是依次展示重要内容。首页的长短不一,版式排列方式各异,但是都力求把最重要的内容排在首页最上端,稍次的内容放在下面。网页的视觉冲击力自上而下逐渐减弱。
位于首页最底部的是功能区。它主要包括有关本网站的介绍和说明性信息,字号偏小,色彩弱化。有些网站也重复放一些重要导航链接,以方便用户。
    2、网页样式举例
    新闻主页:样式有竖式、横式、单图式、万花筒式、pdf版式五类。
竖式。应用最为广泛,且有多种变形。比较典型的是ⅲ字形。
如bbc网站主页
日本共同社网站“共同网”中文版
竖三栏版式变形:
中间一栏可以再破成两栏,变成竖四栏样式。
如:纽约时报
    如果竖三栏版式中最左边的一览比较短,就形成了近似“川”字样式。如果左边的一栏特别短,留出很多空白,那么该网页在整体布局上就更接近“ⅱ”字形。
如:联合早报网站
    在“ⅲ”字形的竖三栏样式布局中,如果站头部分比较醒目,在视觉上构成一道横梁,就会与左右两侧的功能服务栏共同构成一个“门”字形框架。网页上端“门楣”区域主要是由站头+导航区+旗帜广告构成,左右竖栏区域功能和服务区域,可以放置频道导航、服务提示、功能介绍、专题点击、内容搜索等内容,有的则辟为广告区。这种结构很常见。“门”内中心区域往往是刊登重要新闻的视线焦点区。
举例:新华网
    不过需要提醒的是,如果“门楣”太宽太重,可能会破坏首页画面的平衡和美感,造成向下的压迫力。
如果左右两栏很短,把主要内容突出的排列在中间,则形成“t”型布局。
例如:香港英文《南华早报》网站首页
    横式。即“三”字形横排样式。其优点是横向分区,每区内内容统一,自成板块,读者下拉网页,就可浏览整个页面;缺点是同一栏的内容横向延伸,读者视点不仅须上下移动,还要左右移动,比较麻烦。另外,栏与栏之间还需要通过变化色彩,以示区分;如果不换色,板块之间容易混淆,如果换色,统一协调色彩风格则有难度。
例如:美国《基督教科学箴言报》
日本《读卖新闻》网站页面
    单图式。指首页为一屏长度的网页,网页没有太多版式变化,只是一幅图,用户点击之后再进入实质性内容。这样做的目的:一是作为展示窗口,首先给用户一个特定的视觉形象;其次这种首页本身就是一个多项选择导航页。
例如:中国国际广播电台网站首页
万花筒式。较为不规则,多为不拘一格,充满创意,图文并茂。
英国《世界新闻报》网站首页
pdf版式
经济日报的pdf版
    五、 视觉阅读逻辑和网页色彩
    1、 网页视觉阅读逻辑
    网页最上端的一屏是打开网页时的缺省屏,这一屏给读者最直观的第一印象。这一屏的视觉重心是最值得重视的问题。
    单屏面积有限而网络资讯很多,如何处理好信息海量和展示窗口狭小之间的矛盾?放置在缺省屏上挤入过多的信息。要适当的留白。
注意动态效果,不能让过多的动态效果分散读者的注意力,特别是闪烁的标识和动态广告。
    2、网页色彩
网页色彩以简单为宜。色彩过于繁杂,容易让读者产生视觉疲劳。
例如:上海东方网主页
    以选定一种颜色为主,然后通过调整其明暗度和饱和度(纯度和鲜艳度)来产生新的色彩,使得色彩既有变化又有统一感和层次感。
    在采用两种以上颜色时,注意它们之间的关系配合,并利用位置、面积、浓淡和冷暖多种手段,务必使它们协调和富于美感。
    网页色彩设计是一个系统工程,不但要考虑单页效果,还要考虑网站中所有网页色彩上的呼应和配合。
    六、 表达编辑意图与评价的编辑手段
以时间为手段来评价稿件的重要性
利用网页特点来形成“强势”
给于不同的新闻不同的等级,在不同的页面层次上调阅
用稿件集合形成群体优势,表达编辑意图
通过对读者来稿的取舍,形成舆论导向
提高信息服务质量的编辑手段
为新闻信息提供更多更好的背景资料。
建立具有自己特色的完备的数据库。
图像与其它多媒体手段
适度使用图像
将多媒体手段有机结合。


更多



 
关于本文作者

及时的行业资讯,实用的网编技能,全面的管理规范,编辑网助力网络编辑晋级之路。

QQ 号码:11815050
腾讯微博:http://t.qq.com/a11815050
新浪微博:http://weibo.com/izeiss

又是一只飞过天空没有留下羽毛的鸟X,你懂的……

新浪内部网编讲义第二章版面视觉:等您坐沙发呢!

发表评论