李仲熙

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

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

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

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

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

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

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

圖1 《人民日報》手機版

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

圖2 《廣州日報》手機版

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

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

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

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

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

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

圖3 圖4

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

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

圖5 圖6

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

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

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

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

圖7 圖8 圖9

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

4 結(jié) 語

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

注 釋

[1]原平方，王蓉.從手機閱讀的功能特點看手機出版的未來發(fā)展[J].中國報業(yè)，2014（2）：88

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

[3]雷敏.淺談版式設(shè)計中網(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）