手机报版式研究

2015-11-03 10:04李仲熙
出版科学 2015年4期
关键词:版面设计版式版面

李仲熙

根据《2010年中国数字出版年会年度报告》和《2010—2011年中国数字出版年度报告》(中国新闻出版研究院),数字出版产业在中国发展的总体收入呈现连年上升趋势。其中,手机出版的发展最为迅速,超越网络游戏,位居数字出版行业第一大产业门类[1]。

手机报凭借信息传播时效性强且具有即时发布的特点,已经成为不少人阅读报纸新闻的首选。在快节奏社会中,人们希望通过随身携带的手机轻松地获取更多信息。为了满足读者这样的阅读需求,手机报纸的版式设计必须做到能让读者轻松快捷地阅读。它必须贴近读者,以易读为出发点,抓住重点,体现人机交互的人性化设计理念。

手机报的版式设计和网格分割与报纸媒介的主题内容有密切的关系。通常严谨、理性的国家级和省级报纸多采用网格分割法进行版面设计,如《人民日报》《广州日报》等。网格设计的渊源可以追溯到20世纪20年代包豪斯构成主义和荷兰的蒙德利安风格派。所谓网格,是把版式安排成均匀的水平线和垂直线交叉的网状物。采用网格分割法的报纸版式的设计特征,是重视比例感、秩序感、连续感、清晰感、时代感、整体感,是以理性为基础的[2]。网格可将版面的构成元素如点、线、面协调一致地编排在版面上[3],能使图片和文字的排列井井有条,富有秩序感,符合现代审美趣味特点,因此被众多新闻媒体广泛运用到手机报纸的版面设计中。

1 1+2页面网格分割法

传统的报纸版面设计,一般采用左右两页、页面位置对称的对称型网格版面。设计表现出一种严谨、理性的特点。相对于传统的绝对对称型报纸版面设计而言,1+2栏页面的网格分割法版式设计在严谨、理性的特点之外显得更加灵活,并富于趣味。

1+2页面网格分割法是将手机报纸的首页版面尺寸按数值比、矩形比例进行版面分割。与传统报纸的3栏版式不同,1+2页面网格分割法是由一个主要首页加上左右两个隐空间中的副版面组合而成。首页与隐空间的两个副版面所采用的是整数比例,即采用黄金比矩形版面分割法(黄金比矩形即黄金率1∶1.618或者1∶0.618所形成的矩形)。古希腊流传的黄金比例分割法在现代不少手机报纸的版面或栏目分割中常有采用,只不过将其1∶1.618黄金比例变化为1∶1.618∶1,以适应手机屏幕的显示。

以三星S3手机屏幕4.8英寸、长宽比16∶9尺寸为例。尺寸为60mm×106mm的长方形屏幕,比如《人民日报》手机版在打开客户端程序后,整体版面呈竖版设计风格。在手指连续向右滑动后的4页宣传、欢迎页面后,首先出现 “闻、评、听、问”四个子栏目的主要版块页面。用手指点击首页屏幕上端左右两侧2个按钮,可出现隐藏的左右两个辅版面——左侧版面主要是导航栏目,设有首页、本地新闻、时政、国际、社会、财经等;右侧是辅助版面,有收藏、推送、搜索、设置。左侧可隐藏的导航栏目版面、首页与右侧可隐藏的辅助版面的尺寸分别为34mm、60mm、34mm,其页面网格分割比例符合数值比矩形排列规律,也非常接近黄金比矩形的形式法则(如图1所示)。

图1 《人民日报》手机版

黄金比矩形的形式法则在现代灵活多样的版面设计中,也有着细节的个性变化。如《广州日报》手机报首页分别是“热闻、本地、图集、生活、爆料”5个栏目。与《人民日报》手机版不同的是,《广州日报》手机报隐藏的左右两个辅页面采用左侧小、右侧大的尺寸变化设计。手机报的左侧可隐藏的导航栏目版面、首页与右侧可隐藏的辅助页面的尺寸分别为13mm、60mm、47mm,左侧导航栏目页面宽度与右侧的辅助页面宽度的总和与首页页面宽度60mm相等。左侧的辅助页面导航栏目仅仅设计了能容纳纵向排列“订阅、娱乐、体育、国际、珠三角”5个按钮的位置,占首页栏目的1/5大小;右侧辅助页面7个按钮,占首页页面栏目宽度的4/5大小(如图2所示)。

图2 《广州日报》手机版

1+2型页面网格分割法有效利用手机有限的屏幕宽度,既能保证主要新闻信息标题及新闻图片的缩略图在手机屏幕上的完整显示,又能为相对次要的服务信息、互动栏目内容安排合适的位置,从而达到完整性与丰富性的平衡,同时给人以整齐划一、条块清晰、主次分明之感。

2 1∶2等分栏目网格分割法

斐波那契数列,又称黄金分割数列,指的是数列:1、1、2、3、5、8、13、21、……数列从第二项开始,每一项都等于前两项之和[4]。

1∶2等分栏目网格分割法是指在黄金分割数列的基础上,对版面中的空间进行一定比例的划分,即在版心中划分一定数量的栏(纵向)和段(横向)。通常,栏(纵向)数量与段(横向)数量的比大约是1∶2。以这种比例来制订相应的模块,再运用这些模块来安排文章、图片或标题,使得版面具有一定的形式美。

在斐波那契数列版面网格分割法基础上,大多数手机报还必须注意适应16∶9的手机屏幕显示基础,并据此设定处理重要新闻的视觉中心,以便在局限的屏幕空间里合理地协调图片与文字的关系。

比如《广州日报》和《中国汽车报》手机版采用的是满屏横向分割8段,纵向分割5栏的方法进行版面排列;纵向分栏数与横向分段数的比例约1∶2。横向第一段主要是报纸LOGO,排列在正中上方醒目的位置;横向第二段到第八段大多数是重要新闻内容提要的位置,其中主要头版新闻的缩略图大约占据第2—3段空间。版面仍旧遵循上重下轻以及均衡的基本设计原则。如图3《广州日报》、图4《中国汽车报》手机版所示。

图3 图4

再比如《科尔沁都市报》手机版,首页由“新闻、资讯、图片、微博” 4个栏目(纵向)组成,段(横向)以7个新闻标题和上下两块按钮组成。在1∶2等分栏目网格分割法的基础上,版式发生细微变化:在横8栏纵5栏的网格分割基础上,版面整体减少至横7栏纵4栏。这样,在相同的手机屏幕上,文字所占的位置相应变大(如图5所示)。

而《湖北手机报》则变化更大,采用的是横向5个新闻栏与纵向4个按钮标题栏目的组合方式(如图6所示)。

图5 图6

3 1/2网格分割法的版式

1/2网格分割法,与传统版式设计中的对称型相似。与传统版式设计中视觉性对称型不同的是,1/2网格分割法指的是用网格的垂直线和水平线,将版面科学、规范、合理地划分为左右或上下两块大小相等的多单元格区域,并将图片或文字安排在单元格中。其版式设计者往往采用相同或相似的单元格和上下左右之间的空隙来保持网格的统一性和空间节奏性。常见的实例是报社媒体将新闻缩略图片安排在1/2网格分割法的单元格中,从而获得简洁、严谨、秩序良好的排版版面效果。

比如《中国电视报》手机报,1/2网格分割法的版式在“过往期刊”子栏目中得到完整体现:版面中的6张图片将整个版面平均分割成上下两块,上下各3张图片,形成横2栏纵3栏的布局;网格将水平和垂直方向的版面均分为6个尺寸完全相等的版块,因此更易取得页面平衡协调、简洁等形式美感(如图7所示)。

《宁波日报》手机报,其1/2网格分割法的版式运用于“图片”子栏目中,所有图片排列在左右两块大小相等的多个单元格区域,图片位置所占的左右尺寸均为30mm(如图8所示)。

图7 图8 图9

又如《楚天都市报》手机报的“新手引导”辅助页面的版面设计。它打破了1/2网格分割法的版式设计,将版面分割成横8栏竖2栏的格局,以中轴垂直线为中心线,将版面左右分割。左侧分别排列“设置”“返回”“转发”等7组栏目文字,右侧分别排列“确认”“添加城市”“城市管理”等6组栏目文字。在网格版面分割出来的每一格内排列一项栏目文字,形成左右非均等列文字的排列,成为非对称型的网格分割版式(如图9所示)。

4 结 语

随着4G技术发展,手机报将会以惊人的速度更快速地发展,读者对手机报的版面及内容要求将更加严苛,更加挑剔,对于手机报设计风格和情感体验的要求也会越来越高。网格分割法的不断变化如何适应社会发展,如何满足读者需求,对手机报媒体的设计师们是一个长期课题。

注 释

[1]原平方,王蓉.从手机阅读的功能特点看手机出版的未来发展[J].中国报业,2014(2):88

[2]邱承德,邱世红.书籍装帧设计[M].北京:印刷工业出版社,2007(5):137-138

[3]雷敏.浅谈版式设计中网格系统的构建方法[J].艺术科技,2013(2):127

[4]吞云.斐波那契数列[OL].[2014-07-28].http://baike.baidu.com/view/816.htm

(收稿日期:2014-10-12)

猜你喜欢
版面设计版式版面
浅析“留白”在版式设计中的应用
报纸版面设计问题探讨
版面撷英
版式设计在平面设计中的应用
好版面要有独到的创新技巧
学术期刊的版式设计
论新闻出版中少儿图书的版面设计
浅谈户外大型展示牌的版面设计
报纸版式中的插画艺术
版面“三评”看得失