手機(jī)報(bào)版式研究

李仲熙

根據(jù)《2010年中國(guó)數(shù)字出版年會(huì)年度報(bào)告》和《2010—2011年中國(guó)數(shù)字出版年度報(bào)告》（中國(guó)新聞出版研究院），數(shù)字出版產(chǎn)業(yè)在中國(guó)發(fā)展的總體收入呈現(xiàn)連年上升趨勢(shì)。其中，手機(jī)出版的發(fā)展最為迅速，超越網(wǎng)絡(luò)游戲，位居數(shù)字出版行業(yè)第一大產(chǎn)業(yè)門(mén)類[1]。

手機(jī)報(bào)憑借信息傳播時(shí)效性強(qiáng)且具有即時(shí)發(fā)布的特點(diǎn)，已經(jīng)成為不少人閱讀報(bào)紙新聞的首選。在快節(jié)奏社會(huì)中，人們希望通過(guò)隨身攜帶的手機(jī)輕松地獲取更多信息。為了滿足讀者這樣的閱讀需求，手機(jī)報(bào)紙的版式設(shè)計(jì)必須做到能讓讀者輕松快捷地閱讀。它必須貼近讀者，以易讀為出發(fā)點(diǎn)，抓住重點(diǎn)，體現(xiàn)人機(jī)交互的人性化設(shè)計(jì)理念。

手機(jī)報(bào)的版式設(shè)計(jì)和網(wǎng)格分割與報(bào)紙媒介的主題內(nèi)容有密切的關(guān)系。通常嚴(yán)謹(jǐn)、理性的國(guó)家級(jí)和省級(jí)報(bào)紙多采用網(wǎng)格分割法進(jìn)行版面設(shè)計(jì)，如《人民日?qǐng)?bào)》《廣州日?qǐng)?bào)》等。網(wǎng)格設(shè)計(jì)的淵源可以追溯到20世紀(jì)20年代包豪斯構(gòu)成主義和荷蘭的蒙德利安風(fēng)格派。所謂網(wǎng)格，是把版式安排成均勻的水平線和垂直線交叉的網(wǎng)狀物。采用網(wǎng)格分割法的報(bào)紙版式的設(shè)計(jì)特征，是重視比例感、秩序感、連續(xù)感、清晰感、時(shí)代感、整體感，是以理性為基礎(chǔ)的[2]。網(wǎng)格可將版面的構(gòu)成元素如點(diǎn)、線、面協(xié)調(diào)一致地編排在版面上[3]，能使圖片和文字的排列井井有條，富有秩序感，符合現(xiàn)代審美趣味特點(diǎn)，因此被眾多新聞媒體廣泛運(yùn)用到手機(jī)報(bào)紙的版面設(shè)計(jì)中。

1 1+2頁(yè)面網(wǎng)格分割法

傳統(tǒng)的報(bào)紙版面設(shè)計(jì)，一般采用左右兩頁(yè)、頁(yè)面位置對(duì)稱的對(duì)稱型網(wǎng)格版面。設(shè)計(jì)表現(xiàn)出一種嚴(yán)謹(jǐn)、理性的特點(diǎn)。相對(duì)于傳統(tǒng)的絕對(duì)對(duì)稱型報(bào)紙版面設(shè)計(jì)而言，1+2欄頁(yè)面的網(wǎng)格分割法版式設(shè)計(jì)在嚴(yán)謹(jǐn)、理性的特點(diǎn)之外顯得更加靈活，并富于趣味。

1+2頁(yè)面網(wǎng)格分割法是將手機(jī)報(bào)紙的首頁(yè)版面尺寸按數(shù)值比、矩形比例進(jìn)行版面分割。與傳統(tǒng)報(bào)紙的3欄版式不同，1+2頁(yè)面網(wǎng)格分割法是由一個(gè)主要首頁(yè)加上左右兩個(gè)隱空間中的副版面組合而成。首頁(yè)與隱空間的兩個(gè)副版面所采用的是整數(shù)比例，即采用黃金比矩形版面分割法（黃金比矩形即黃金率1∶1.618或者1∶0.618所形成的矩形）。古希臘流傳的黃金比例分割法在現(xiàn)代不少手機(jī)報(bào)紙的版面或欄目分割中常有采用，只不過(guò)將其1∶1.618黃金比例變化為1∶1.618∶1，以適應(yīng)手機(jī)屏幕的顯示。

以三星S3手機(jī)屏幕4.8英寸、長(zhǎng)寬比16∶9尺寸為例。尺寸為60mm×106mm的長(zhǎng)方形屏幕，比如《人民日?qǐng)?bào)》手機(jī)版在打開(kāi)客戶端程序后，整體版面呈豎版設(shè)計(jì)風(fēng)格。在手指連續(xù)向右滑動(dòng)后的4頁(yè)宣傳、歡迎頁(yè)面后，首先出現(xiàn) “聞、評(píng)、聽(tīng)、問(wèn)”四個(gè)子欄目的主要版塊頁(yè)面。用手指點(diǎn)擊首頁(yè)屏幕上端左右兩側(cè)2個(gè)按鈕，可出現(xiàn)隱藏的左右兩個(gè)輔版面——左側(cè)版面主要是導(dǎo)航欄目，設(shè)有首頁(yè)、本地新聞、時(shí)政、國(guó)際、社會(huì)、財(cái)經(jīng)等；右側(cè)是輔助版面，有收藏、推送、搜索、設(shè)置。左側(cè)可隱藏的導(dǎo)航欄目版面、首頁(yè)與右側(cè)可隱藏的輔助版面的尺寸分別為34mm、60mm、34mm，其頁(yè)面網(wǎng)格分割比例符合數(shù)值比矩形排列規(guī)律，也非常接近黃金比矩形的形式法則（如圖1所示）。

圖1 《人民日?qǐng)?bào)》手機(jī)版

黃金比矩形的形式法則在現(xiàn)代靈活多樣的版面設(shè)計(jì)中，也有著細(xì)節(jié)的個(gè)性變化。如《廣州日?qǐng)?bào)》手機(jī)報(bào)首頁(yè)分別是“熱聞、本地、圖集、生活、爆料”5個(gè)欄目。與《人民日?qǐng)?bào)》手機(jī)版不同的是，《廣州日?qǐng)?bào)》手機(jī)報(bào)隱藏的左右兩個(gè)輔頁(yè)面采用左側(cè)小、右側(cè)大的尺寸變化設(shè)計(jì)。手機(jī)報(bào)的左側(cè)可隱藏的導(dǎo)航欄目版面、首頁(yè)與右側(cè)可隱藏的輔助頁(yè)面的尺寸分別為13mm、60mm、47mm，左側(cè)導(dǎo)航欄目頁(yè)面寬度與右側(cè)的輔助頁(yè)面寬度的總和與首頁(yè)頁(yè)面寬度60mm相等。左側(cè)的輔助頁(yè)面導(dǎo)航欄目?jī)H僅設(shè)計(jì)了能容納縱向排列“訂閱、娛樂(lè)、體育、國(guó)際、珠三角”5個(gè)按鈕的位置，占首頁(yè)欄目的1/5大小；右側(cè)輔助頁(yè)面7個(gè)按鈕，占首頁(yè)頁(yè)面欄目寬度的4/5大?。ㄈ鐖D2所示）。

圖2 《廣州日?qǐng)?bào)》手機(jī)版

1+2型頁(yè)面網(wǎng)格分割法有效利用手機(jī)有限的屏幕寬度，既能保證主要新聞信息標(biāo)題及新聞圖片的縮略圖在手機(jī)屏幕上的完整顯示，又能為相對(duì)次要的服務(wù)信息、互動(dòng)欄目?jī)?nèi)容安排合適的位置，從而達(dá)到完整性與豐富性的平衡，同時(shí)給人以整齊劃一、條塊清晰、主次分明之感。

2 1∶2等分欄目網(wǎng)格分割法

斐波那契數(shù)列，又稱黃金分割數(shù)列，指的是數(shù)列：1、1、2、3、5、8、13、21、……數(shù)列從第二項(xiàng)開(kāi)始，每一項(xiàng)都等于前兩項(xiàng)之和[4]。

1∶2等分欄目網(wǎng)格分割法是指在黃金分割數(shù)列的基礎(chǔ)上，對(duì)版面中的空間進(jìn)行一定比例的劃分，即在版心中劃分一定數(shù)量的欄（縱向）和段（橫向）。通常，欄（縱向）數(shù)量與段（橫向）數(shù)量的比大約是1∶2。以這種比例來(lái)制訂相應(yīng)的模塊，再運(yùn)用這些模塊來(lái)安排文章、圖片或標(biāo)題，使得版面具有一定的形式美。

在斐波那契數(shù)列版面網(wǎng)格分割法基礎(chǔ)上，大多數(shù)手機(jī)報(bào)還必須注意適應(yīng)16∶9的手機(jī)屏幕顯示基礎(chǔ)，并據(jù)此設(shè)定處理重要新聞的視覺(jué)中心，以便在局限的屏幕空間里合理地協(xié)調(diào)圖片與文字的關(guān)系。

比如《廣州日?qǐng)?bào)》和《中國(guó)汽車報(bào)》手機(jī)版采用的是滿屏橫向分割8段，縱向分割5欄的方法進(jìn)行版面排列；縱向分欄數(shù)與橫向分段數(shù)的比例約1∶2。橫向第一段主要是報(bào)紙LOGO，排列在正中上方醒目的位置；橫向第二段到第八段大多數(shù)是重要新聞內(nèi)容提要的位置，其中主要頭版新聞的縮略圖大約占據(jù)第2—3段空間。版面仍舊遵循上重下輕以及均衡的基本設(shè)計(jì)原則。如圖3《廣州日?qǐng)?bào)》、圖4《中國(guó)汽車報(bào)》手機(jī)版所示。

圖3 圖4

再比如《科爾沁都市報(bào)》手機(jī)版，首頁(yè)由“新聞、資訊、圖片、微博” 4個(gè)欄目（縱向）組成，段（橫向）以7個(gè)新聞標(biāo)題和上下兩塊按鈕組成。在1∶2等分欄目網(wǎng)格分割法的基礎(chǔ)上，版式發(fā)生細(xì)微變化：在橫8欄縱5欄的網(wǎng)格分割基礎(chǔ)上，版面整體減少至橫7欄縱4欄。這樣，在相同的手機(jī)屏幕上，文字所占的位置相應(yīng)變大（如圖5所示）。

而《湖北手機(jī)報(bào)》則變化更大，采用的是橫向5個(gè)新聞欄與縱向4個(gè)按鈕標(biāo)題欄目的組合方式（如圖6所示）。

圖5 圖6

3 1/2網(wǎng)格分割法的版式

1/2網(wǎng)格分割法，與傳統(tǒng)版式設(shè)計(jì)中的對(duì)稱型相似。與傳統(tǒng)版式設(shè)計(jì)中視覺(jué)性對(duì)稱型不同的是，1/2網(wǎng)格分割法指的是用網(wǎng)格的垂直線和水平線，將版面科學(xué)、規(guī)范、合理地劃分為左右或上下兩塊大小相等的多單元格區(qū)域，并將圖片或文字安排在單元格中。其版式設(shè)計(jì)者往往采用相同或相似的單元格和上下左右之間的空隙來(lái)保持網(wǎng)格的統(tǒng)一性和空間節(jié)奏性。常見(jiàn)的實(shí)例是報(bào)社媒體將新聞縮略圖片安排在1/2網(wǎng)格分割法的單元格中，從而獲得簡(jiǎn)潔、嚴(yán)謹(jǐn)、秩序良好的排版版面效果。

比如《中國(guó)電視報(bào)》手機(jī)報(bào)，1/2網(wǎng)格分割法的版式在“過(guò)往期刊”子欄目中得到完整體現(xiàn)：版面中的6張圖片將整個(gè)版面平均分割成上下兩塊，上下各3張圖片，形成橫2欄縱3欄的布局；網(wǎng)格將水平和垂直方向的版面均分為6個(gè)尺寸完全相等的版塊，因此更易取得頁(yè)面平衡協(xié)調(diào)、簡(jiǎn)潔等形式美感（如圖7所示）。

《寧波日?qǐng)?bào)》手機(jī)報(bào)，其1/2網(wǎng)格分割法的版式運(yùn)用于“圖片”子欄目中，所有圖片排列在左右兩塊大小相等的多個(gè)單元格區(qū)域，圖片位置所占的左右尺寸均為30mm（如圖8所示）。

圖7 圖8 圖9

又如《楚天都市報(bào)》手機(jī)報(bào)的“新手引導(dǎo)”輔助頁(yè)面的版面設(shè)計(jì)。它打破了1/2網(wǎng)格分割法的版式設(shè)計(jì)，將版面分割成橫8欄豎2欄的格局，以中軸垂直線為中心線，將版面左右分割。左側(cè)分別排列“設(shè)置”“返回”“轉(zhuǎn)發(fā)”等7組欄目文字，右側(cè)分別排列“確認(rèn)”“添加城市”“城市管理”等6組欄目文字。在網(wǎng)格版面分割出來(lái)的每一格內(nèi)排列一項(xiàng)欄目文字，形成左右非均等列文字的排列，成為非對(duì)稱型的網(wǎng)格分割版式（如圖9所示）。

4 結(jié) 語(yǔ)

隨著4G技術(shù)發(fā)展，手機(jī)報(bào)將會(huì)以驚人的速度更快速地發(fā)展，讀者對(duì)手機(jī)報(bào)的版面及內(nèi)容要求將更加嚴(yán)苛，更加挑剔，對(duì)于手機(jī)報(bào)設(shè)計(jì)風(fēng)格和情感體驗(yàn)的要求也會(huì)越來(lái)越高。網(wǎng)格分割法的不斷變化如何適應(yīng)社會(huì)發(fā)展，如何滿足讀者需求，對(duì)手機(jī)報(bào)媒體的設(shè)計(jì)師們是一個(gè)長(zhǎng)期課題。

注 釋

[1]原平方，王蓉.從手機(jī)閱讀的功能特點(diǎn)看手機(jī)出版的未來(lái)發(fā)展[J].中國(guó)報(bào)業(yè)，2014（2）：88

[2]邱承德，邱世紅.書(shū)籍裝幀設(shè)計(jì)[M].北京：印刷工業(yè)出版社，2007（5）：137-138

[3]雷敏.淺談版式設(shè)計(jì)中網(wǎng)格系統(tǒng)的構(gòu)建方法[J].藝術(shù)科技，2013（2）：127

[4]吞云.斐波那契數(shù)列[OL].[2014-07-28].http：//baike.baidu.com/view/816.htm

（收稿日期：2014-10-12）