网络图文的设计

二、网络图文的设计

网络图文报道设计首先需要考虑的是整个报道的主题,根据报道的主题确定整个报道的色彩搭配等。第二个需要重点考虑的要素是让用户第一眼获取最为关键的信息,二级信息次之,以此类推。第三还需要考虑画面整体协调、部分细节处的处理等。最后才是需要考虑美观问题。

(一)网络图文设计的常见问题

网络图文设计对于编辑的要求较高,一般来说,在刚开始接触网络图文设计的时候,需要避免出现几个常见的问题。第一,图文比例失调,画面失衡。通常来说会有两种表现,一种是图多文少,一种是文多图少。在报道中如何进行版面设计,在网络图文设计技巧中具体会讲到。第二,结构层次不清。整个画面的布局呈现出表格式,样式单调,难以区分主次且不便于修改。这种情况会让用户难以把握报道重点,使信息获取率降低,用户的阅读体验极差。第三,布局拥挤。由于色彩搭配以及字体字号选择不恰当,常常会让人感觉整个图文页面显得拥挤不堪,使得画面的美化度大打折扣。第四,图片变形失真。有页面空间的限制,为了排版的需要有时会对图片进行裁剪,或者是裁剪成一些特殊形状,或者仅仅只是对图片尺寸进行调整,不论是哪一种情况,都要避免改变图片原有的比例,变形失真的图片除了会影响美观之外,还会影响用户对于报道的真实性的判断。

(二)网络图文设计的技巧

网络图文设计的技巧有很多,根据上文提到的网络图文设计的常见问题以及设计中通常使用的一些技巧,在此进行简要梳理。

1.黄金分割原则

图文报道中的黄金分割原则本质上与在摄影领域所说的黄金分割是一致的,主要是指将画面整体一分为二后,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值约为0.618。由于这个比例被公认为是最能引起美感的比例,因此被称为黄金分割,此后在各领域中广泛应用。具体到网络图文设计中来,主要有两个方面需要遵守黄金分割原则。一方面指图片与文字的比例要遵循黄金分割原则,在报道设计时就要确定报道是以文字为主还是以图片为主,图片与文字的比例关系达到黄金分割能够与主次关系达成一致,用户能够迅速把握报道的主体。以图6-11中“井冈山”图片为例,其文字所占的比例与该图片的比例就是遵循了黄金分割,在这个报道中首先作者是希望用户首先看到图片,再浏览对应的文字。另一方面指画面虚实对比需要符合黄金分割比例,对于有限的网页版面,为了做到良好的图文搭配和内容填充,常常需要进行留白,留白有助于建立不同元素之间的关系,引导读者的注意力,留白也是追求画面简洁的最佳方式之一,但是画面的留白的比例如何确立,这就需要遵循黄金分割原则了,图片与文字所占的比例与留白的比例构成黄金分割,往往能够使画面布局更加赏心悦目,避免画面布局拥挤问题(如图6-12所示)。

图6-11 《开放的中国:美丽江西秀天下》作品图片与文字的黄金分割

图6-12 《开放的中国:美丽江西秀天下》作品图片与留白的黄金分割

2.图文比例处理

网络图文报道中文字与图片的比例因为新闻事件的不同,不可能一直做到图文比例的黄金分割关系,如何处理其他不同的图文比例,通常的还有三种办法。第一,图文比例均衡。这个时候我们往往可以采用平分法,图文横向平均分布或者纵向平均分布即可。第二,图多文少。又分为两类情况,一是一张图片对应少量的文字,这个时候可以将文字内嵌进图片内部进行处理布局;二是多张图片对应少量文字,则可以建立图文单元进行处理,两类情况可以组合使用。第三,文多图少。当整个报道的文字较多时,首先需要注意处理文字的明度与色相与图片色彩的问题,两者的对比越大时,文字就越清晰。一般来说,大标题需要加强对比,正文部分的文字通常使用黑色和纯度低的颜色。其次,当文字内容较多时,为了吸引用户阅读文字内容,可以采用沿着视觉流向来排布信息,研究者通过研究发现,当信息按照视觉流向进行排布的时候,图片中的主体会引导用户去观看文字信息。为了增强画面内容的丰富度,则可以将图片进行设计裁剪,比如以圆形或其他一些图形形状来处理图片等。最后,文字较多时还需要减小文字之间的对比,来形成画面中文字统一,产生严肃稳定的美感。

3.报道结构层次的建立

网络图文报道的主次关系建立需要考虑当篇报道的不同内容的重要性来进行设定,但是对于报道的主题而言,都是不可以回避的首要考虑因素。而在页面设计中,色彩可以很好地展现主题,因此在进行整个页面设计时,主色彩基调首先应该切合整个报道的主题。例如《3 800公里的特别记录|国境线上的坚守》报道讲述的就是人民警察的坚守,这个时候整个报道的主要对象就是国境线上的人民警察,所以整个报道的主色调就是警服的蓝色,很好地契合了报道的主题。此外在一些特殊时间节点,比如说国家公祭日等,页面的主色彩应该以黑白灰色调为主,以显示严肃庄重之感。报道的主题确定之后,就要考虑整个图文内容的重要性排序了,通常建立整个报道的结构层次可以通过改变界面元素的大小、颜色和位置来确立。比如可以将重要的板块放在前面,同时对于重要的内容可以通过加大标题字号,改变字体颜色、添加背景色或者字体加粗来实现。

4.页面美化

页面的美化一方面是为了使得整个报道页面简单干净,避免产生页面拥挤不堪等问题;另一方面是为了使得整个画面布局丰富生动。就文字设计来说,一般而言,一篇报道中文字的字体使用不应超过4种,通常使用2~3种即可,字体过多会使得整篇报道杂乱,缺乏整体感。一些抢眼的字体以及较大字号通常在标题中使用,正文部分尽量选择常见的稳定的字体与字号,通过改变文字的位置、方向、颜色等也可以实现画面的丰富性。就图片来说,方形裁剪的图片较为严谨稳定,配合网格式结构,能够增强整个报道的理性视觉美感;自由裁剪的图片,比如圆形等图片则更加活泼有朝气,但如果处理不好会使得画面杂乱。就图片与图片的关系而言,图片之间的面积比例小会给人稳定的感觉,面积比例大则跳跃性更强;图片之间无间隙的整齐排列,会给用户信息丰富的感觉;而留较小的间隙则可以增加整个画面的空间感;较大的间隙则会使得画面效果更加平稳。