通過版面內(nèi)容設(shè)置網(wǎng)格結(jié)構(gòu)!
文/劉華 不同風(fēng)格的網(wǎng)格結(jié)構(gòu)表現(xiàn)出的形式特點(diǎn)各有差異,同時(shí)還能衍生出無數(shù)的自由形式,但無論什么樣式的網(wǎng)格都是為了使設(shè)計(jì)風(fēng)格更為連貫,保持內(nèi)容間的緊密聯(lián)系,提升版面的可讀性。

網(wǎng)格作為版式設(shè)計(jì)關(guān)鍵的基礎(chǔ)工具,為文字和圖片的編排提供了準(zhǔn)確的版面結(jié)構(gòu),使畫面形式更為靈活多變,且有著秩序感及條理性。


對稱式網(wǎng)格是指版面中左右兩個(gè)頁面的編排結(jié)構(gòu)形式完全相同,并且有著相同的內(nèi)、外頁邊距。對稱式網(wǎng)格,是根據(jù)版面的比例所創(chuàng)建的,能夠有效地平衡左右版面,通常分為對稱式欄狀網(wǎng)格和對稱式單元格。

①對稱式欄狀網(wǎng)格。所謂單欄式對稱網(wǎng)格,是指將連續(xù)頁面中左右兩部分的印刷文字進(jìn)行一欄式的排放。單欄式對稱網(wǎng)格的排列形式使版面顯得簡潔、單純,一通到底的版面效果直觀而務(wù)實(shí),因此多被用于說明性文字的編排。

雙欄式對稱網(wǎng)格多被用于雜志頁面中,適合信息文字較多的版面,能使版面具有較強(qiáng)的活躍性,同時(shí)讓頁面顯得更為飽滿,避免文字過多而造成的視覺混亂。采用雙欄式對稱網(wǎng)格進(jìn)行版面的編排設(shè)計(jì),可以讓版面結(jié)構(gòu)顯得更為規(guī)則整齊。

多欄式對稱網(wǎng)格是指3欄及以上更多欄編排的網(wǎng)格形式。根據(jù)不同版面的需要,可以將網(wǎng)格設(shè)計(jì)成需要的樣式,具體欄數(shù)依據(jù)實(shí)際情況而定。多欄式對稱網(wǎng)格適用于編排一些有相關(guān)性的段落文字和表格形式的文字,它能夠使版面呈現(xiàn)出豐富多樣的效果。

②對稱式單元格。對稱式單元格網(wǎng)格的運(yùn)用要求將版面劃分成定數(shù)量大小相等的單元格,然后再根據(jù)版面的需要進(jìn)行圖片與文字的編排組合,使頁面呈現(xiàn)出較強(qiáng)的規(guī)律性,并且有效地豐富了版面形式,提升了內(nèi)容的可讀性。

通過對稱式單元格網(wǎng)格的運(yùn)用,能夠使版面產(chǎn)生規(guī)律、整潔的視覺效果。對稱式單元格的大小及間距可以自由調(diào)整,有效地體現(xiàn)出版式設(shè)計(jì)的靈活性,既使網(wǎng)格結(jié)構(gòu)具有多變的形式,同時(shí)又保證了頁面的空間感和秩序感。


非對稱式網(wǎng)格這一概念的產(chǎn)生,是相對于對稱式網(wǎng)格而言的。因此,非對稱式網(wǎng)格即是指左右版面之間具有不同的結(jié)構(gòu)樣式,使過于嚴(yán)謹(jǐn)?shù)陌婷孀兊渺`活、充滿創(chuàng)新的一種形式,可以根據(jù)不同的版面需要隨時(shí)進(jìn)行網(wǎng)格大小及比例的調(diào)整變化,以增強(qiáng)版面的表現(xiàn)力,從而有效地吸引人們的眼球。

①非對稱式欄狀網(wǎng)格。非對稱式欄狀網(wǎng)格通常是指在版式設(shè)計(jì)的編排中,左右頁面有著基本相同的網(wǎng)格欄數(shù),但頁面中的信息安排卻呈現(xiàn)出非對稱的狀態(tài),相關(guān)各元素的編排更為靈活多變。

②非對稱式單元格。非對稱式單元格形式的網(wǎng)格結(jié)構(gòu)屬于比較基礎(chǔ)的常用網(wǎng)格形式,其編排組合較為簡潔、單純,通常是指將版面中的左右頁面劃分成不同大小的單元格形式,使其呈現(xiàn)出強(qiáng)烈的不對稱狀態(tài)。

非對稱式單元格網(wǎng)格常被應(yīng)用于圖片量和信息量都較多的頁面編排中,根據(jù)不同的版面需要將圖片和文字隨意編排于一個(gè)或多個(gè)單元格之中,產(chǎn)生不對稱的左右頁面效果,這樣既簡化了版面結(jié)構(gòu),又使整個(gè)版面表現(xiàn)出較高的自由性。


基線式網(wǎng)格通常在實(shí)際頁面中是不可見的,然而它卻是版式設(shè)計(jì)的基礎(chǔ)?;€式網(wǎng)格作為架構(gòu)設(shè)計(jì)的平面基礎(chǔ),其作用就好比是人們建房時(shí)的腳手架,是不可或缺的?;€式網(wǎng)格為版面要素的編排提供了一個(gè)基準(zhǔn),有助于信息的準(zhǔn)確表達(dá)。

在版面的編排設(shè)計(jì)中,基線式網(wǎng)格不僅是輔助對齊版面元素的基礎(chǔ)線,偶爾還能作為版面的其中一種構(gòu)成元素,直觀地呈現(xiàn)于頁面之上,這樣顯露的基線式網(wǎng)格常被用來強(qiáng)化正文內(nèi)容,使其具有更明顯的吸引力。

用顯露的基線式網(wǎng)格來表現(xiàn)正文內(nèi)容,有利于文字的醒目呈現(xiàn),進(jìn)而突出內(nèi)容信息。而且水平的直線樣式還能起到引導(dǎo)讀者視線的輔助作用;交叉對齊的基線式網(wǎng)格是指將不同字號或?qū)蛹壍淖煮w對齊同一網(wǎng)格,使各層級的字體之間相互關(guān)聯(lián),這種對齊方式有利于加強(qiáng)頁面元素間的聯(lián)系,能夠體現(xiàn)出嚴(yán)密的整體感。


成角式網(wǎng)格也是版面設(shè)計(jì)中經(jīng)常被運(yùn)用的一種結(jié)構(gòu)形式,只是成角式網(wǎng)格的設(shè)置較之前面的幾種網(wǎng)格形式更為復(fù)雜。成角式網(wǎng)格的角度可以被設(shè)置成任何數(shù)值,但要注意保持頁面的整體美觀度及可讀性,在表現(xiàn)創(chuàng)意的同時(shí)能夠有效地傳遞相關(guān)信息。

在設(shè)計(jì)成角式網(wǎng)格的角度時(shí),需要考慮多方面的相關(guān)因素,例如:圖片的大小比例、字體的編排設(shè)計(jì)和人們的閱讀習(xí)慣等。只有合理地安排成角式網(wǎng)格的角度,才能起到積極的表現(xiàn)作用。根據(jù)版面的閱讀性特征進(jìn)行成角式網(wǎng)格設(shè)計(jì),使版面結(jié)構(gòu)在最大限度上與閱讀習(xí)慣相統(tǒng)一,從而有利于人們對信息的關(guān)注。

成角式網(wǎng)格在通常情況下只會(huì)選擇兩個(gè)角度進(jìn)行傾斜,以避免造成版面的過于混亂,且不利于人們進(jìn)行閱讀。成角式網(wǎng)格在頁面中的應(yīng)用使版面效果更為靈活多樣、錯(cuò)落有致,在體現(xiàn)其獨(dú)特創(chuàng)意的同時(shí)又能清晰展現(xiàn)出版面的層次結(jié)構(gòu)。
