分享新浪新闻中心内部网络编辑基础知识讲义2

分享新浪新闻中心内部网络编辑基础知识讲义2 分享新浪新闻中心内部网络编辑基础知识讲义(二)2009-2-7 23299网站运营手册第二章 网络传播的版面视觉问题 本章主要内容：网络新闻传播与版面问题;网络版面设计原则;网站主页重要信息元素;网络新闻版面布局;视觉阅读逻辑和网页色彩 一、 网络新闻传播与版面问题 和报纸版面比较，网络新闻版面有以下不同的特点： 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、网页色彩 网页色彩以简单为宜。色彩过于繁杂，容易让读者产生视觉疲劳。 例如：上海东方网主页 以选定一种颜色为主，然后通过调整其明暗度和饱和度(纯度和鲜艳度)来产生新的色彩， 使得色彩既有变化又有统一感和层次感。 在采用两种以上颜色时，注意它们之间的关系配合，并利用位置、面积、浓淡和冷暖多 种手段，务必使它们协调和富于美感。 网页色彩设计是一个系统工程，不但要考虑单页效果，还要考虑网站中所有网页色彩上 的呼应和配合。 六、 表达编辑意图与评价的编辑手段 以时间为手段来评价稿件的重要性 利用网页特点来形成“强势” 给于不同的新闻不同的等级，在不同的页面层次上调阅 用稿件集合形成群体优势，表达编辑意图 通过对读者来稿的取舍，形成舆论导向 提高信息服务质量的编辑手段 为新闻信息提供更多更好的背景资料。 建立具有自己特色的完备的数据库。 图像与其它多媒体手段 适度使用图像 将多媒体手段有机结合。