第二章 网络传播的版面视觉问题

　　本章主要讲解网络编辑员：网络新闻传播与版面问题；网络版面设计原则；网站主页重要信息元素；网络新闻版面布局；视觉阅读逻辑和网页色彩。

　　一、 网络新闻传播与版面问题

　　和报纸版面比较，网络新闻版面有以下不同的特点：

　　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、网页色彩

　　网页色彩以简单为宜。色彩过于繁杂，容易让读者产生视觉疲劳。

　　例如：上海东方网主页

　　以选定一种颜色为主，然后通过调整其明暗度和饱和度（纯度和鲜艳度）来产生新的色彩，使得色彩既有变化又有统一感和层次感。

　　在采用两种以上颜色时，注意它们之间的关系配合，并利用位置、面积、浓淡和冷暖多种手段，务必使它们协调和富于美感。

　　网页色彩设计是一个系统工程，不但要考虑单页效果，还要考虑网站中所有网页色彩上的呼应和配合。

　　六、 表达编辑意图与评价的编辑手段

　　以时间为手段来评价稿件的重要性

　　利用网页特点来形成“强势”

　　给于不同的新闻不同的等级，在不同的页面层次上调阅

　　用稿件集合形成群体优势，表达编辑意图

　　通过对读者来稿的取舍，形成舆论导向

　　提高信息服务质量的编辑手段

　　为新闻信息提供更多更好的背景资料。

　　建立具有自己特色的完备的数据库。

　　图像与其它多媒体手段

　　适度使用图像

　　将多媒体手段有机结合。

　　1、首先注意准确。标题要准确反映文章的主要内容，禁止为凑字数而加长标题。

　　2、其次考虑吸引力。注意将文章中兴奋点提炼出来，应该做到不少于一个兴奋点（兴奋点：即重要的新闻人物，离奇的新闻事件，重大或者是新奇的事件本身等），用词不要口语化。

　　3、标题做成实题，不能断章取义、以偏概全，避免因修改标题违背文章原意；标题内容避免空洞、言之无物。

　　4、尽量使用单句式标题，主谓宾结构必须完整，避免出现双谓语，必须有动态词汇，主要为“主体+行为+客体”；标题中尽可能避免“的”字结构、“是”字结构，“和”字结构等静态句式出现；控制双句式标题、倒装句标题和被动语态标题的数量。

　　5、新闻标题中尽可能地省略标点符号，以保持页面的清新，避免给人主观感情色彩，防止产生歧义；除表达反讽的含义外，尽可能不使用引号；电影、书籍可用书名号。

　　6、标题用词应当客观，避免在标题中出现主观色彩浓厚的字眼，如“惊现”、“惊爆”、“竟然”、“竟”、“胆敢”等。

　　7、标题中严禁出现重复字眼。

　　8、标题中避免使用“一”、“某”等含混表述。

　　9、标题中禁止使用过于专业或晦涩的词语，严禁出现常人不熟知的人名、地名（必须出现时应作说明），或引起歧义的地名缩写（如“巴首都汽车炸弹三人死亡”）。

　　10、标题中不得出现港台式词汇（如“飞弹”、“单车”）。

　　11、标题中的数字和字母使用半角字符，标题中尽可能不使用英文。

　　12、重点媒体的文章，或在某些特定的情况下需要强调媒体出处，如欲表明文章权威、敏感或有争议性等，可以在标题前标注媒体名称。

　　13、非新闻事实类文章可在标题中注明类型，如评论、分析等。以图片为主的文章，标题前要标注“图文：”。以文字为主，附有图片的文章，要在标题后标注“（附图）”。文章有两张以上图片的，以图片为主，标题前要标注“组图：”，以文字为主，标题后标注“（组图）”。

　　附2：新浪网对编辑人员的功过通报功

　　一等功 体育频道副主编某某在全国率先公布中国足球队参加2002年韩日世界杯的正式名单。

　　二等功 新闻中心编辑某某在2004年的非典报道过程中，报道风格稳重、内容准确，得到有关领导单位的表扬和肯定。第一时间从北京市政府网站和千龙网等网站转载“北京市副市长披露今年春天北京控制sars详情”等重要新闻。

　　三等功 新闻中心值班编辑某某值班时间同时遇到三件重大新闻事件：麦加惨剧、伊拉克自杀爆炸和杨新海案的判决，编辑对三个消息报道都做到了处理及时，第一时间发短信，制作专题，并及时申请增加人手，新闻报道均领先于竞争对手。

　　三等功 娱乐频道编辑某某第一时间报道梅艳芳去世的消息。同时制作专题，专题新闻在发布时间、转载和原创数量等方面均大幅度领先主要竞争对手，流量也创下娱乐频道历史最高纪录。

　　三等功 娱乐编辑某某作为2004年春节联欢晚会专题的责任编辑，通过多方努力第一时间拿到春节晚会的节目单，第一时间请来晚会总导演做客新浪聊天，图片和内容被全国很多媒体转载。

　　三等功 科技频道编辑某某在国家“知识产权日”到来之前多方联系，组织大型专题、组织征文活动，邀请专家在线访谈，该活动业界影响巨大，目前已经有多位专家级别人员专供新浪此话题稿件。过

　　三等过 女性频道编辑某某在发布文章《中国辣妹三点式身材惹火煽情（图）》中图片严重超标。错误说明：350*600（宽*高）图片合理大小为65.1k，最大不可超过74.1k，某某发布的该图片高达199k，远远超过标准k数。

　　三等过 文化频道编辑某某在发布“中法文化节”的重要稿件时不注意校对，页面排版出现错误，该文章发在网站重要页面上，影响恶劣。

　　三等过 娱乐频道编辑某某在周末值班时将新闻首页一类、娱乐首页一类刘晓庆亮相偶像剧《281封信》开机的独家新闻稿件链接挂错。

　　三等过 新闻中心编辑某某在制作标题时出现错别字，“北京安徽现非典病理”，其中“病理”应为“病例”。该新闻在新浪首页出现长达一小时没有得到改正。

　　三等过 科技频道编辑某某负责的手机频道首页“手机直通车”的搜索查询在产品排序上非常混乱，没有按照字母、拼音或笔画等排列产品顺序，给使用造成很大不便。在领导指出此项工作缺陷后仍未及时按照要求修改完成。

　　三等过 新闻中心编辑某某在其值班时间内漏发新闻《关塔那摩关押了东突囚犯》。