基于Golden Section理論的電子出版物版式設(shè)計(jì)探究

【摘要】Golden Section理論，即黃金分割理論在設(shè)計(jì)界乃至生活中的各個(gè)領(lǐng)域都具有廣泛的美學(xué)指導(dǎo)意義。本文通過(guò)研究“互聯(lián)網(wǎng)+”時(shí)代電子出版物界面設(shè)計(jì)，探尋黃金分割美學(xué)理論在數(shù)字媒體中的實(shí)際應(yīng)用效果。

【關(guān)鍵詞】Golden Section；電子出版物；交互版式

【作者單位】雍佳，柳州職業(yè)技術(shù)學(xué)院藝術(shù)設(shè)計(jì)系。

在自然界萬(wàn)物生長(zhǎng)的規(guī)律中，Golden Section理論一直是人類(lèi)不懈追求的美學(xué)支撐理論。近乎完美的斐波那契螺旋線更是廣泛存在于宇宙、生物體等自然物象中。古今中外的藝術(shù)家們都在追求黃金分割比例的和諧性和藝術(shù)性之美。從雕塑界的斷臂維納斯雕像到繪畫(huà)領(lǐng)域的蒙娜麗莎的微笑；從建筑類(lèi)的帕提農(nóng)神廟到很多國(guó)家國(guó)旗中出現(xiàn)的五角星，我們?cè)谥T多人文領(lǐng)域的設(shè)計(jì)中都能尋找到黃金分割比例的影子。人類(lèi)有70%—80%左右的信息來(lái)自視覺(jué)，版式設(shè)計(jì)是視覺(jué)傳播領(lǐng)域中最直接影響美觀度的因素。因此，在版式設(shè)計(jì)中，Golden Section理論也是無(wú)處不在的。

一、“Golden Section”應(yīng)用在版式設(shè)計(jì)中的理論依據(jù)

受畢達(dá)哥拉斯學(xué)派影響，古希臘數(shù)學(xué)家歐幾里得所著的數(shù)學(xué)著作《幾何原本》第五章之“比例”系統(tǒng)論述了著名的黃金分割比例理論，即Golden Section theory。

Golden Section黃金分割比例（又稱黃金律、中末比或神圣比），是把一條線段分割為兩部分，使較大部分與全長(zhǎng)的比值等于較小部分與較大的比值，則這個(gè)比值即為黃金分割比例。其比值是（-1）：2，近似值為0.618。此數(shù)字被公認(rèn)為最具有審美意義的比例數(shù)字，是最能引起人美感的比例，因此，被稱為黃金分割比例。

圖中C點(diǎn)就是黃金分割點(diǎn)，也是0.618的位置。長(zhǎng)久以來(lái)，藝術(shù)家們對(duì)這個(gè)黃金分割比例情有獨(dú)鐘，無(wú)論是建筑、繪畫(huà)、攝影、服裝或是平面設(shè)計(jì)都在嘗試探索與0.618有關(guān)的美。

在自然界中，黃金比例同樣有所體現(xiàn)?；ò?、海螺和樹(shù)葉，很多讓人感受到美的地方都能找到黃金比例的影子，其中尤其以斐波那契螺旋線（Fibonacci Spiral）著名，也稱“黃金螺旋”，是自然界最完美的經(jīng)典黃金比例。斐波那契螺旋線，是將若干正方形按照斐波那契數(shù)列拼成長(zhǎng)方形，為每個(gè)正方形以邊長(zhǎng)為半徑畫(huà)一個(gè)90度的扇形弧線，連起來(lái)的弧線就是斐波那契螺旋線（見(jiàn)圖2），這個(gè)弧線的比值非常接近1：1.618的黃金比例。宇宙星云圖、海螺剖面圖以及植物生長(zhǎng)圖都可以找到Fibonacci Spiral黃金比例的骨骼。

黃金比例被喻為最高級(jí)的宇宙秩序，它的完美形態(tài)和特殊魅力，總是讓設(shè)計(jì)師們欲罷不能。在版式設(shè)計(jì)中也不例外，運(yùn)用到黃金比例的畫(huà)面往往更能讓人感到舒適、耐看。黃金分割點(diǎn)或線的位置通常作為畫(huà)面重心，將需要強(qiáng)調(diào)的內(nèi)容放置于此，更容易突出重點(diǎn)。

二、電子出版物版式設(shè)計(jì)特征對(duì)黃金分割的需求

原國(guó)家新聞出版總署在2008年2月21日頒布的 《電子出版物出版管理規(guī)定》中，將電子出版物定義為：以數(shù)字代碼方式，將有知識(shí)性、思想性內(nèi)容的信息編輯加工后存儲(chǔ)在固定物理形態(tài)的磁、光、電等介質(zhì)上，通過(guò)電子閱讀、顯示、播放設(shè)備讀取使用的大眾傳播媒體?！盎ヂ?lián)網(wǎng)+”時(shí)代，數(shù)據(jù)技術(shù)和網(wǎng)絡(luò)技術(shù)在出版界廣泛應(yīng)用，網(wǎng)絡(luò)出版、電子出版、手機(jī)APP和微信出版等出版新業(yè)態(tài)不斷出現(xiàn)。信息化技術(shù)將傳統(tǒng)出版業(yè)推向了更為廣闊的空間。

電子出版物要求數(shù)字技術(shù)介入出版物版式設(shè)計(jì)領(lǐng)域，為藝術(shù)家全方位地創(chuàng)作提供新的方式，以“0”和“1”為這兩個(gè)比特代碼打造數(shù)字媒體藝術(shù)。電子出版物具有自身顯著的特征，對(duì)黃金比例也有很大的應(yīng)用需求。

1.電子出版物信息量大，突出主題需要黃金比例

新媒體技術(shù)由于有強(qiáng)大的信息技術(shù)支撐，其存儲(chǔ)空間大、更新速度快的特征使得電子出版物可以容納更多的信息。大量的視覺(jué)信息置放于頁(yè)面中，頁(yè)面本身的尺寸比例以及內(nèi)容的比例尺寸如何安排成為版式設(shè)計(jì)的重要任務(wù)。

無(wú)論是適合近距離閱讀的手機(jī)屏幕還是適合遠(yuǎn)距離閱讀的電腦屏幕，每種顯示屏幕的版式設(shè)計(jì)都有頁(yè)面的視覺(jué)中心點(diǎn)，即“首選焦點(diǎn)”。首選焦點(diǎn)是安排重要信息的位置，此中心點(diǎn)或焦點(diǎn)并非在頁(yè)面中央，而往往是在讀者視線略高處一點(diǎn)，即黃金分割的0.618位置。這個(gè)位置是讓閱讀者感到最舒適的位置，使讀者可以輕松地捕捉到信息內(nèi)容，縮短閱讀時(shí)間，也不容易產(chǎn)生審美疲勞。設(shè)計(jì)師應(yīng)當(dāng)根據(jù)黃金分割這個(gè)美的準(zhǔn)則，把能充分體現(xiàn)主題內(nèi)容的設(shè)計(jì)要素合理地編排到頁(yè)面黃金分割處，達(dá)到對(duì)頁(yè)面空間的合理管理。

2.強(qiáng)調(diào)互動(dòng)，交互應(yīng)用需要黃金比例

電子出版物與傳統(tǒng)出版物雖然具有相同的文字、圖案等元素，但在閱讀方式上有很大的差別。傳統(tǒng)出版物由于是印刷制品，讀者在閱讀時(shí)局限于線性閱讀，而新媒體電子出版物由于多了互動(dòng)功能，讀者閱讀時(shí)可以通過(guò)按鈕進(jìn)行跳躍性選擇。在APP、UI界面、影像設(shè)計(jì)等數(shù)字媒體領(lǐng)域，互動(dòng)性是區(qū)別于傳統(tǒng)印刷出版物的顯著特征。

閱讀者與信息是雙向互動(dòng)的，超鏈接技術(shù)通過(guò)按鈕等形式使閱讀者可以根據(jù)需要隨時(shí)點(diǎn)擊按鈕來(lái)切換閱讀內(nèi)容、留言和接受反饋信息等。圖3中百度搜索引擎就是將搜索條放置于頁(yè)面上方最寶貴的黃金分割線處，四周的大量留白為主題的突出營(yíng)造了氛圍。使用者可以在最佳視閾進(jìn)行搜索互動(dòng)，不僅方便，還讓人感到舒適。

三、“Golden Section”在電子出版物中的應(yīng)用

1.電子雜志中的黃金分割

電子雜志是當(dāng)代電子出版物的主要形式之一，很多知名印刷版雜志都配合數(shù)字媒體時(shí)代制作了相應(yīng)的電子版雜志，如《瑞麗》《時(shí)代周刊》等。電子雜志與印刷雜志一樣，都是用圖文來(lái)傳達(dá)信息內(nèi)容的。人類(lèi)對(duì)圖案及色彩的感受往往比文字來(lái)得快，也就更容易被畫(huà)面中的圖案、圖形及色彩吸引，而閱讀雜志給人的感覺(jué)應(yīng)當(dāng)是輕松的，所以，通常在雜志中，圖案及色彩占用的版面會(huì)比文字大一些，編排比例以黃金分割比例最為舒適，如圖4。該圖是一個(gè)國(guó)外的時(shí)尚雜志版面，左邊的文字區(qū)域占少部分，而版面更多地使用圖片來(lái)完成，這樣更能烘托氛圍。在人物、景物等畫(huà)面中，人物總是能夠比其他圖片更引人注目，尤其是具有一定動(dòng)態(tài)的人物形象。圖4通過(guò)用斐波那契黃金螺旋線的疊加分析，畫(huà)面中人物出現(xiàn)的位置正好在黃金點(diǎn)，即視覺(jué)中心點(diǎn)。設(shè)計(jì)師這樣精心的設(shè)計(jì)顯然是掌握了Golden Section美學(xué)理論，效果完美。

2.電子報(bào)紙中的黃金分割

電子報(bào)紙是如今人類(lèi)了解社會(huì)信息的主要途徑之一。一份電子報(bào)紙版面布局的好壞會(huì)直接影響讀者的情緒以及信息的獲取效果。電子報(bào)紙信息量非常大，但也會(huì)有主次之分，和傳統(tǒng)印刷報(bào)紙一樣，頭條或需要強(qiáng)調(diào)的內(nèi)容通常都會(huì)放置于頁(yè)面偏上方的黃金位置，這樣能迅速抓住讀者視線。而正文為了讓讀者減少視覺(jué)疲勞，縮減左右視線移動(dòng)的距離，一般都會(huì)以分欄的形式出現(xiàn)。由于現(xiàn)在的顯示終端，如平板電腦、手機(jī)等，都具有重力感應(yīng)功能，畫(huà)面會(huì)根據(jù)感應(yīng)自動(dòng)生成橫版或豎版，但無(wú)論怎么改變，通常也都以二到六個(gè)欄為主。欄寬則根據(jù)內(nèi)容的多少及頁(yè)面的黃金比例美觀程度來(lái)安排。

圖5是我國(guó)《檢察日?qǐng)?bào)》的電子版。版面下方顯示的“面對(duì)一個(gè)理性的違法者”和“為了舌尖上的安全”兩個(gè)欄目被一條分界線劃分在左右兩個(gè)區(qū)域中，整幅版面共五欄，左邊三欄，右邊兩欄，分界線恰好設(shè)置在Golden Section黃金分割線的位置，既分割了兩個(gè)內(nèi)容，也符合人類(lèi)美學(xué)習(xí)慣，讓讀者可以舒心地閱讀內(nèi)容。

3.電子海報(bào)中的黃金分割

電子海報(bào)由于是在各種電子終端上顯示，比起傳統(tǒng)印刷海報(bào)，規(guī)格都會(huì)比較小，而宣傳內(nèi)容又比較多，所以要在第一時(shí)間使讀者抓住主題就必須采取一定的措施，那便是充分運(yùn)用黃金分割法則。

海報(bào)不同于新聞報(bào)紙，它通常以圖片為主，在0.618的空間運(yùn)用圖片、圖形或大量色塊，而另外0.382的位置放置其他素材，這樣的比例關(guān)系最能體現(xiàn)海報(bào)的特性。圖6是電影《黃金時(shí)代》在日本發(fā)行的電子海報(bào)，畫(huà)面中人物的動(dòng)態(tài)是此款海報(bào)設(shè)計(jì)的靈魂所在，夸張的表情和動(dòng)作充分體現(xiàn)了人物在故事中的情感和狀態(tài)。通過(guò)斐波那契黃金螺旋線的疊加分析，在這款海報(bào)中，設(shè)計(jì)師是將體現(xiàn)主題的人物元素放置于畫(huà)面黃金分割處的。這樣的安排有助于主題表達(dá)，更能夠讓受眾感受到人物的視覺(jué)沖擊力，更能夠體現(xiàn)人物的情緒和故事背景，完成電影信息傳遞。

4.網(wǎng)頁(yè)及手機(jī)界面中的黃金分割

網(wǎng)頁(yè)的版式設(shè)計(jì)比起傳統(tǒng)紙媒，版面內(nèi)容更加復(fù)雜和豐富，想要有效傳達(dá)信息，版式設(shè)計(jì)是必不可少的。設(shè)計(jì)師想要完美地呈現(xiàn)網(wǎng)頁(yè)內(nèi)容，圖文、色塊、引擎及按鈕等的比例關(guān)系就必須按照黃金分割的形式美法則進(jìn)行排列。

圖7的網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)中，功能不同的兩塊互動(dòng)區(qū)域編排是以Golden Section比例放置的。左邊區(qū)域是瀏覽所有Twitter朋友圈動(dòng)向的，當(dāng)讀者選中其中某一個(gè)人物的留言時(shí)，右側(cè)便出現(xiàn)評(píng)論的詳細(xì)內(nèi)容，左側(cè)頁(yè)面較寬，但顯示內(nèi)容較少，僅為預(yù)覽模式，因此，左側(cè)可以放置多條信息。而右側(cè)為窄而長(zhǎng)的頁(yè)面比例，適合近距離仔細(xì)閱讀留言及評(píng)價(jià)內(nèi)容，這樣的編排符合人類(lèi)的視覺(jué)心理和習(xí)慣。

Golden Section的美存在于世界的方方面面，從自然界到人文界，甚至經(jīng)濟(jì)界都離不開(kāi)黃金分割理論，它已經(jīng)被廣泛地應(yīng)用于各個(gè)領(lǐng)域。版式設(shè)計(jì)作為創(chuàng)造視覺(jué)藝術(shù)美的重要手段之一，可以通過(guò)圖文、色彩等元素，在Golden Section理論指導(dǎo)下將原本其貌不揚(yáng)的分散素材，搭建出符合人類(lèi)美學(xué)思維需求的畫(huà)面。當(dāng)代電子出版物更是因?yàn)橛辛藦?qiáng)大的數(shù)字技術(shù)支持，使版式設(shè)計(jì)能夠通過(guò)除平面以外的聲、光、電的三維甚至四維形式突出Golden Section的作用。

總之，Golden Section理論是人類(lèi)留存至今的美學(xué)理論，在新媒體時(shí)代，電子出版物版式設(shè)計(jì)中同樣處處沿用此黃金分割法。我們有理由相信，Golden Section理論還會(huì)一直在人類(lèi)文明中踐行下去。

[1]司志本. 黃金分割——神圣的分割[J]. 湖南第一師范學(xué)院學(xué)報(bào)，2003（1）：60.

[2]電子出版物出版管理規(guī)定[Z]. 中華人民共和國(guó)新聞出版總署，2008.

[3]金伯利. 伊拉姆. 設(shè)計(jì)幾何學(xué)——關(guān)于比例與構(gòu)成的研究[M]. 北京：知識(shí)產(chǎn)權(quán)出版社，2008.

[4]王寧寧. 比例與尺度在版式設(shè)計(jì)中的應(yīng)用研究[D]. 東北林業(yè)大學(xué)，2013.

[5]孫雅婧. 比例分割在招貼設(shè)計(jì)中的運(yùn)用研究[D]. 西安工程大學(xué)，2012.

[6]宋婷婷. 電子報(bào)紙的版式設(shè)計(jì)探析[D]. 復(fù)旦大學(xué)，2012.