閱讀環(huán)境下的版面視覺秩序構(gòu)建方法研究

常言平

（山東工藝美術(shù)學(xué)院 視覺傳達(dá)設(shè)計學(xué)院，山東 濟(jì)南250000）

在閱讀的環(huán)境下，版面視覺秩序的構(gòu)建是解決版面閱讀功能和視覺美感的核心與關(guān)鍵。“所謂秩序之美，不僅指的是各表現(xiàn)性要素共居于一個形態(tài)結(jié)構(gòu)中，更指的是這個結(jié)構(gòu)具有美的表現(xiàn)力。紛亂無序、雜亂無章的文字、圖像等在和諧共生中能產(chǎn)生出超越知識信息的美感，這便是秩序之美。和繪畫的感性美不同，這種美是經(jīng)過精心設(shè)計的和諧的秩序所產(chǎn)生的美[1](P7)?！卑婷嫘畔⒔?jīng)過秩序組織、嚴(yán)密計算、規(guī)律布局、靈活突破的設(shè)計，信息內(nèi)容可以呈現(xiàn)出邏輯性、秩序性和結(jié)構(gòu)美感。基于此，本文從“信息邏輯”“視覺邏輯”“網(wǎng)格秩序”三個方面進(jìn)行分析和研究，為版面秩序的設(shè)計構(gòu)建提供一種思路和方法，更多可能地為閱讀者提供清晰流暢、輕松愉悅的閱讀體驗。

一、信息邏輯

（一）信息分組

閱讀的邏輯性問題主要是處理信息之間主次輕重關(guān)系的問題，信息的邏輯設(shè)計會讓閱讀體驗更加清流暢晰。如何把復(fù)雜的信息通過邏輯設(shè)計轉(zhuǎn)化為流暢的閱讀感受，離不開信息的分組。尋找信息間關(guān)聯(lián)性的方法可以幫助我們清晰有效地建立信息間的邏輯關(guān)系。當(dāng)設(shè)計者面對閱讀功能需求時不能盲目地著手設(shè)計，需要經(jīng)過對信息的理解、分析、歸納和分組，信息的分組能為讀者提供一個直觀的提示，使讀者易于理解版面信息內(nèi)容相互之間的關(guān)系。

（二）信息分級

在平面設(shè)計中，“層次”指的是圖片、文字信息集編排的秩序感，正確的設(shè)計層次感讓讀者能夠迅速理解圖片文字之間的相對重要性[2](P105)。版面秩序需要根據(jù)信息內(nèi)容的邏輯關(guān)系和傳達(dá)訴求，對分組信息清晰地標(biāo)注出層級結(jié)構(gòu)，哪些信息是版面內(nèi)容需要傳達(dá)的主體，哪些信息需要重要展示，哪些應(yīng)該強調(diào)，哪些信息可以弱化。需要避免頁面主次不清信息在頁面內(nèi)大量堆疊。

在閱讀環(huán)境下，以閱讀的步驟為基礎(chǔ)，表現(xiàn)圖文信息的等級關(guān)系，按照分組信息呈現(xiàn)的信息特點，根據(jù)重要程度進(jìn)行排序，呈現(xiàn)一級、二級、三級、四級等信息級別關(guān)系。信息層級與閱讀的關(guān)系可以從閱讀書刊報紙的過程中感受到，第一步是快速瀏覽，第二步是仔細(xì)閱讀。在編排設(shè)計中，清晰、邏輯地呈現(xiàn)標(biāo)題、副標(biāo)題、文本、插圖和圖注等信息，讓閱讀呈現(xiàn)出時間上和空間上的邏輯秩序，信息閱讀過程在快速流暢的同時，信息內(nèi)容也更容易被理解和記憶[3](P13)。

二、視覺邏輯

（一）建立視覺層級

好的視覺層級會快速幫助用戶獲取和理解信息，主要可從位置、大小、距離、色彩等幾個方面來建立。

位置：出于書寫習(xí)慣和文化因素的影響，人眼對于版面左上和中部的區(qū)域觀察最佳。同時，人的眼睛沿水平方向移動更加舒適和不易疲勞，因此在閱讀環(huán)境下，文字的排列方向、行長和行距的關(guān)系都影響著閱讀的功能。

大?。阂环N簡單而有效的層級建立的方法，重要的元素通過加強視覺體量的感受突出主體地位，通過拉開大小差距的手法突出重點，從而達(dá)到視覺層級的劃分。

距離：一種空間關(guān)系，信息組在版面空間關(guān)系中，通過位置關(guān)系的處理體現(xiàn)信息關(guān)系的遠(yuǎn)近。物理距離的接近代表信息之間存在著關(guān)聯(lián)性，通過大小、色彩等方法來實現(xiàn)信息單元的層級關(guān)系。

色彩：在閱讀環(huán)境下，版面信息的色彩關(guān)系通常會采用黑白灰的明暗來表現(xiàn)層級，需要的時候應(yīng)用彩色系來突出重點。版面色彩關(guān)系的處理是為了達(dá)到信息層級清晰的目的，是為版面的邏輯和秩序服務(wù)的。

（二）視覺流線的設(shè)計

在閱讀活動過程中，眼睛在版面二維空間中移動的軌跡，即是閱讀視覺流線的設(shè)計。組織信息的時候，要考慮通過設(shè)計讓讀者以怎樣的順序去閱讀信息，是版面信息各要素的最佳組合和合理編排。讓讀者的視線依據(jù)設(shè)計順序自然流暢地移動，這樣可以更好、更快地傳達(dá)溝通版面內(nèi)容。相反，如果視線沒有得到設(shè)計，視線移動會迷惑、停滯，會使閱讀者產(chǎn)生視覺疲勞，信息的傳達(dá)和溝通也會受到影響。

通常情況下，人的視線是由上到下移動的。閱讀橫排信息的時候視線是按從左到右的順序自然移動；閱讀數(shù)排文章則是按從右到左的順序自然移動。在編排的要素中如果有文字和圖像同時出現(xiàn)，這個時候需要把文字和圖像同時考慮來設(shè)計視線移動。

三、網(wǎng)格秩序

（一）視覺與秩序的關(guān)系

形式上為某種規(guī)律所控制，在這種規(guī)律的指導(dǎo)下形成的視覺美感就是秩序。

美國數(shù)學(xué)家G．D．柏克霍夫曾提出過審美度的概念：M=O/C，即審美＝秩序／復(fù)雜性。[4](P88)既然美與秩序感成正比關(guān)系，構(gòu)建版面秩序感、處理復(fù)雜的信息、解決閱讀的問題就離不開網(wǎng)格的建立。網(wǎng)格系統(tǒng)的本質(zhì)是尋找數(shù)值和秩序的必然關(guān)系，版面中的所有資源需要有序可依，版面中所呈現(xiàn)的信息點、信息組、信息單元需要由數(shù)字進(jìn)行倍率的計算、配置和運籌。

勒·柯布西耶在《走向新建筑》中提到：“幾何學(xué)是人類的語言……人類已經(jīng)發(fā)現(xiàn)了許多韻律，這些韻律對人眼是明顯的，它們之間的彼此關(guān)系是十分清楚的，這些韻律是人類各種活動的原本基礎(chǔ)[5](P5)。”這些神奇的數(shù)字如黃金分割、各種根號比率、斐波納契數(shù)列。

斐波納契數(shù)列是這樣一組數(shù)字：由0開始，然后是1，1、1、2、3、5、8、13、21、34、55、89……接下來的每一個數(shù)字都等于前兩個數(shù)字相加的總和，斐波納契數(shù)列中的每一個數(shù)字，和左邊相鄰的數(shù)字相除，所得的數(shù)值非常接近黃金分割的數(shù)值1．618，因此也被稱為黃金比例數(shù)列。幾何比例是各種視覺關(guān)系的基礎(chǔ)。在版面網(wǎng)格系統(tǒng)建立的過程中，借助這些比例數(shù)值構(gòu)建和諧的視覺關(guān)系，獲得視覺的平衡，成為版面視覺秩序構(gòu)建的一種系統(tǒng)方法。按照這種方法，在我們特有的方塊漢字的點制基礎(chǔ)上，研究創(chuàng)造的網(wǎng)格系統(tǒng)。

（二）網(wǎng)格的建立

網(wǎng)格系統(tǒng)的建立通過縱線與橫線的交織構(gòu)建出清晰的空間與間隔關(guān)系，用以指導(dǎo)版面中元素的組織，同時網(wǎng)格系統(tǒng)為信息的布局提供了倍率關(guān)系和對齊依據(jù)，視覺的軸線關(guān)系和內(nèi)在比例關(guān)系讓不同級別信息組擁有內(nèi)在的秩序規(guī)律，這種規(guī)律符合人們內(nèi)心對美的感受的內(nèi)在需求。由于設(shè)計需要解決的問題的多樣性，需要根據(jù)設(shè)計的要求進(jìn)行網(wǎng)格結(jié)構(gòu)設(shè)計，不同的網(wǎng)格結(jié)構(gòu)設(shè)計滿足不同的設(shè)計功能需求。

設(shè)定版心的尺寸。版心的上下尺寸應(yīng)該符合行的位置，參考公式為：（文字的磅值數(shù)＋行間距數(shù)）×行數(shù)－行間距＝版心的上下尺寸。文字的磅值數(shù)×字?jǐn)?shù)＝版心的左右尺寸。在進(jìn)行版面設(shè)計時，需要考慮版心的尺寸的同時還需要考慮字號的大小、文本的數(shù)量和頁碼。如果文字?jǐn)?shù)量較多頁碼數(shù)少，那就需要版心的尺寸大一些、頁邊距窄一些、文字的磅數(shù)值小一些。開本和頁邊距的大小也影響版心的尺寸?？傊?，頁面看起來是否和諧、愉悅往往也取決于版面的清晰度，即明確的字號、行長、行距和頁邊距[3](P49)。

下面兩個版面是用斐波納契數(shù)列創(chuàng)建的網(wǎng)格系統(tǒng)，版面分別由60×90個等大的正方形單元格構(gòu)成，頁面尺寸為540pt×810pt，分別是60個9pt和90個9pt。橫縱比為2:3，頁邊距的訂口為2個9pt，天頭為3個9pt，切口為5個9pt，地腳為8個9pt。2、3、5、8構(gòu)成一組斐波納契數(shù)列，如圖1。頁邊距的訂口為5個9pt，天頭為8個9pt，切口為13個 9pt， 地 腳 為 21 個 9pt。5、8、13、21構(gòu)成一組斐波納契數(shù)列，如圖2。

確定好版心的尺寸和位置，需要計算和版心相匹配的版心結(jié)構(gòu)，即網(wǎng)格單元格的大小比例(如圖3、圖4、圖5)。大多數(shù)情況下，網(wǎng)格單元格的大小是均等的，還有一種情況是單元格的大小在分配的時候依據(jù)一定的比例關(guān)系形成不對等的行、列和單元格。網(wǎng)格的劃分靈活多變，根據(jù)內(nèi)容的性質(zhì)需要和版面?zhèn)鬟f的風(fēng)格感受綜合考量選擇一種網(wǎng)格結(jié)構(gòu)的分配方式。同時采取現(xiàn)代網(wǎng)格與自由網(wǎng)格二者結(jié)合的方式，利用它們的優(yōu)點，使畫面更加規(guī)整，同時還要打破、突破它們的限制性，在網(wǎng)格基礎(chǔ)上進(jìn)行細(xì)微地調(diào)整。

四、結(jié)語

自然界和社會的很多現(xiàn)象中存在的有規(guī)律的重復(fù)和有秩序的變化。有規(guī)律的網(wǎng)格節(jié)奏通過擴展和變化產(chǎn)生的流動的美讓版面富有視覺律動感。在排版中盡可能地利用版面中的資源來達(dá)到秩序和經(jīng)濟(jì)的最大可能性[3](P7)。這就需要我們設(shè)計師突破信息的靜態(tài)二維空間的設(shè)計布局，從信息潛在的關(guān)系里賦予信息動態(tài)的邏輯呈現(xiàn)?？傊?，在閱讀環(huán)境下，版面視覺秩序的構(gòu)建是信息傳遞中時間和空間的邏輯關(guān)系構(gòu)建，是用理性和感性的思維方法構(gòu)筑成信息流程訴求合理、信息傳達(dá)有效的系統(tǒng)工程。

圖1 利用斐波納契數(shù)列創(chuàng)建網(wǎng)格

圖2 利用斐波納契數(shù)列創(chuàng)建網(wǎng)格

圖3 2×8網(wǎng)格結(jié)構(gòu)

圖4 2×4網(wǎng)格結(jié)構(gòu)

圖4 4×4網(wǎng)格結(jié)構(gòu)