报纸版面与新闻网站首页设计之比较

"$$"年*月

第#$卷

第.期

河南社会科学

9:;%，"$$"<=>%#$3=%.

123’34567’846723624

报纸版面与新闻网站首页设计之比较

严

,#%河南大学"%河南大学

励#，郭拯危"

文学院，河南

开封

/&*$$#；

开封

计算机科学学院，河南/&*$$#-

摘要：报纸与新闻网站虽然属于两种新闻媒体，但由于它们使用的媒介有相同之处，因此在编排方式上就有共同规律可

言。本文从版面空间、强势、板块与专栏、标题、图片、布局结构、版面的美化等七个方面对二者进行了比较，既发现了它们的共同点，又更清楚地认识了二者的不同，从而可以为提高新闻网站的设计水平提供更多的依据。

关键词：报纸版面；新闻网站首页；设计；比较中图分类号：!"#$%&

文献标志码：’

文章编号：#$$&()$*+,"$$"-$.($##"($"

读者的视觉中心一般在屏幕中间偏上的位置，因此，这部分就成为强势。同时，电脑的屏幕范围是有限的，大部分首页需要滚动条才能看完全，这样，版面的重要程度又是自上而下的。屏幕上呈现首页时，是自左向右出现的，因此，左边的区域又显得比右边重要。表示强势的方式还表现在重要新闻可滚动、反复播出，还可以通过延长更换时间或设置专题，把内容存入该专题的数据库中，通过动画、声音、弹出式窗口等方式来显示强势，还可用色彩来显示强势。不过在新闻网站中，强势并没有被首页设计者普遍地意识到，因此，有些网站在首页的区序的安排上还有待调整，一些重要的新闻显示其强势的方式运用得也不够。

三、板块与专栏

把大致相同的内容相对集中在一个版面上就叫一个板块，如《光明日报》就有“世界周刊”“、历史周刊”“、教育周刊”等板块；《中国新闻出版报》有“综合新闻”“、探索”“、书谭”等板块。每一个板块下又可以设置若干个专栏，以使分类更为详细。专栏按汇集的稿件数量分有单篇的和集纳的，按刊出的时间分有连续的和一次性的。连续刊出的专栏和集纳专栏一般设有栏目，如《中国新闻出版报》有《主题书评》《、荐书台》、《信息集成》等栏目，而单篇的和一次性刊登的专栏大多没有栏目。因报纸是平面的且每一个板块的容量有限，所以有的板块下面不设置专栏或有专栏不设栏目，阅读起来也并不困难。新闻网站首页虽然不像报纸那样有很多版面，但它在屏幕上的首页空间里容纳了更多的内容且是层面化的。为了使首页版面更具有条理性，板块和专栏的设置不可缺少。每个专栏一般都要有固定的栏目，如《解放日报网络版》的新闻板块下面就有

报纸被称为新闻中的“第一媒体”，网络被称为新闻中的“第四媒体”，尽管它们的特点不同，但由于它们在传播中所使用的媒介有相同之处，主要是文字、图片、色彩等（网络在传播时虽然具有多媒体功能，但限于目前网络传输技术、信息存储能力、高昂的代价等原因，网络新闻的传输样式更多地是以报纸为样本，以文字为主，辅以图片、色彩等），因此，将报纸版面（特指新闻性的）与新闻网站首页设计进行比较，既可以从中发现它们共同的编排规律，又可以更清楚地认识二者的不同，从而为提高新闻网站设计水平提供更多的依据。

一、版面空间

对于报纸来说，每张报纸的栏和高在一定时期内是不变的，那么，每个版面的容量就受到一定的限制，也就是说，报纸的版面空间是有限的。虽然新闻网站首页的宽和高在一定时期内也是恒定的，可由于新闻网站在设计时可采用比较灵活的方式，如时间上的滚动、空间上的滚动、只登载关键词等，因此可以说，新闻网站首页的版面空间是无限的。

二、强势

不管何种媒体，每天发布的新闻中各条新闻的重要性的程度是不一样的，重要的新闻要采取特别的方式来吸引读者，这种版面上吸引读者注意的方式叫强势。强势是报纸版面设计中编排思想的一种重要体现。报纸中，表示强势的方式有：版序（一般都将第一版作为要闻版，其次为三、二、四版，两张或两张以上的报纸的版序以此类推）、区序（把版面大致划分为四个部分，强势依次是：左上、右上、右下、左下）、版面空间、标题空间、字号、字体、颜色、图片等。在新闻网站的首页中，强势也存在，但表示强势的方式和报纸不同。新闻网站中，

收稿日期："$$#(#"("*

作者简介：女，河南驻马店人，河南大学文学院副教授，文学硕士；男，河南开封人，河南大学计算机科学学#%严励,#)0/(-，"%郭拯危,#)00(-，院讲师。

##"

《重要新闻》《、经济新闻》《、社会新闻》《、国际新闻》等栏目所标示的专栏。新闻网站的首页设计更多地是运用了杂志板块和专栏的设置方法，看起来往往像杂志的目录，内容清晰、明了，查找起来也方便。但是，目前的一些新闻网站的首页在层面化的设置方面还有待提高。极少数新闻网站，板块设置得很好，但板块下面缺乏专栏，也不太方便阅读。

四、标题

报纸中，一个标题可以引题、主题、副题同时出现，也可以引题、主题或主题、副题同时出现，或只出现主题，标题所占的空间位置、字体、字号都表达着不同的含义。在版面设计中，从美化版面出发，标题还可以有不同形状、不同位置的变化。而在新闻网站的首页中，由于首页上主要是标题，很少有行文，所以标题就谈不上有形状和位置的变化，且一般也不使用修饰手法制作标题。

五、图片

报纸中，图片不仅可以传递信息，而且由于它的形象性，在增强版面强势，美化版面方面都具有更大的优势。在新闻网站的首页上，图片依然发挥着它的强势作用，一般都在中间靠上的位置。在报纸中，为了求得版面的均衡，两张以上的图片一般不会或横或竖地并列着放置，而要上下、左右地分开放置。而在新闻网站的首页上，对图片的放置不讲究均衡，但图片说明一定要醒目，可使用线条把图片和说明框在一起，也可以使用与周围不同的底色来突出说明，以防图片说明和图片旁边的文字新闻被读者混为一谈。

六、布局结构

报纸中，版面的布局结构主要有两种：一种是排列，一种是穿插。这两种方法或单独使用或同时使用，使得报纸的版面或端庄大方，或曲折生动。在报纸传统的版面设计上，为了求得构图上的统一，要尽量避免通栏，即避免栏线从版面顶端直通底部。一般采用两种方法：一种是采用穿插的布局结构方法，用标题、图片等来切断栏线。另一种是利用下辟栏来横截版面。此外，还要求不能并题，即两个标题特别是两个大标题不能连接在一起。有些报纸已经打破了这一版面设计的传统观念。报纸版面的布局结构方式也是依照版面的风格而定。新闻网站的首页中，由于主要是标题（有些首页上有文章的简介），因此，布局结构的方式都是排列，没有穿插，这更需要特别注意避免通栏，不过目前很多新闻网站的首页都存在着通栏现象。同时还需要注意的是，由于新闻网站是靠板块将首页分为几个部分的，并且每个板块在首页中的位置是相对固定

的，而每个板块中专栏的内容是不均衡的，因此，每个板块需要的首页空间就不一样，这样专栏内容少的板块下面势必造成大片留白，既影响了美观也浪费了空间。

七、版面的美化

报纸中，版面的美化首先指的是布局结构的美，要求变化与统一相结合。变化包括体裁的变化、栏的变化、标题的变化、空间的变化、布局结构的变化，统一指和谐、比例、秩序、均衡，在变化中求生气，在统一中求端庄。其次版面的美化才指的是以字体、图片、线条、装饰等手段来装扮版面。在新闻网站的首页中，由于不太讲究布局结构，所以，首页的美化主要指依靠电脑技术的一些手段来装饰首页。

电脑能够提供大量的色彩选择，不同的色彩有不同的内涵，色彩要为内容服务。在首页设计中，可根据内容采用不同的主色调来形成自己的风格。板块在主页上的划分一般是依靠色彩的不同来区分的，尤其是两个距离相近的板块一定要使用对比强烈的色彩来区分，以防读者把两个板块的内容相混淆。每个板块可以涂上不同的底色，也可以同一底色间隔使用，如《光明网》就是如此。文字的颜色要和背景的颜色有显著区分。还要注意少使用容易使人眼睛疲劳的颜色。

动画的出现大大丰富了版面构图，在节日里或喜庆的日子里，使用上几个与内容有关的动画，可突出喜庆的气氛。由于动画有干扰视线的作用，所以，平日里，动画不可用多用滥。

使用线条也是修饰版面常用的手段。线条有直线和曲线之分，使用时依照不同的题材而定。在通栏的情况下，不要大范围地使用直线，否则，有一种被割裂的感觉。

版面作为一种表现形式与内容是密不可分的，它不是内容的消极表现，而是对内容的能动反映。报纸版面的这种能动作用是逐渐被人们认识的，也是随着物质条件的改进而逐步实现的。新闻网站由于出现的时间较短，首页设计的整体水平还不太高。目前，网络界有句名言“内容为大”，是指吸引网民的要素为新闻网站的信息量，可见首页设计对网民的吸引力的重要性还未引起网络界的高度重视。

从以上的比较中可以看出，报纸与新闻网站在版面设计上有同有异。对于编排方式的相同之处，新闻网站应该多吸收、借鉴报纸的长处。当然，新闻网站也有自己的特性。针对新的特点，首页设计人员应该努力创新，积极探寻，不断提高首页设计水平，使之更好地为内容服务，也使网络这一新的媒体更好地为读者服务。

责任编辑

朱彤晖

!"#$%&’()%$*+,-./’&+)’))%0&-.-%/$+,.’).)$

1"%"+,%-.(%+21"%)%0&0%3&’1%

!"#$%&，’()*+,-./0,%1

!"#$%&’(’)’*+,-.(%*&*/0*%1%2%(3*4&(’5/61(,*%789:;;"/-.(%1<=>$%&’(’)’*+,-+?@)’*AB(*%B*&/0*%1%2%(3*4&(’5/61(,*%789:;;"/-.(%1C

45&1/6*17

2+34.+5+,-,06787,98-:-,060,;6%5,;,<3-.53503=%-:63>-,06?,:%8@5+,?,:%85+855+,A46,%65+,68?,@

+8E,>34-:5+,%9B3??3-.934-:8-:5+,:%>>,9,-B,3>5+,

8-:635+,9,89,<8065+85B8-;,673=,-%-.98:%-.5+,08AC2+%65,D5B3?789,6503>93?6,E,-9,67,B56@64B+86:3?8%-678B,@8:E8-58.,@67,B%8<B3<4?-@5%5<,@7%B549,@6594B549,@,5BF@

503?39,B<,89<AF2+46B8-0,3>>,9?39,;86,6>3998%6%-.5+,:,6%.-<,E,<3>5+,-,060,;6%5,F8%90+/$&7-,06787,9:3?8%-G-,060,;6%5,+3?,78.,G:,6%.-GB3?789,

&&H

本文来源：https://www.bwwdw.com/article/4oxq.html