受傳統(tǒng)編輯思想影響，電子出版物的版面設(shè)計常被忽視。事實上電子出版物版面設(shè)計的重要性要大于傳統(tǒng)書刊，許多創(chuàng)意只有在恰當(dāng)?shù)陌婷姘才畔虏拍艿靡猿浞煮w現(xiàn)。比如交互式作品的明晰性、易于性，很大程度上取決于版面的合理規(guī)劃，大到功能區(qū)的劃分，小到一個按鈕的放置、顏色、凸凹，都可能影響到讀者的閱讀和使用，絕不能隨意安排，下面依據(jù)美學(xué)和視覺心理學(xué)原理總結(jié)一些基本設(shè)計技巧，以供參考：
1熒屏版面設(shè)計的特點
熒屏物理特性與人眼視覺特性的變化決定了熒屏閱讀與傳統(tǒng)閱讀相比具有不同的特點，對版面設(shè)計也因而有了不同的要求。紙面閱讀歷史悠久，紙、墨的呈色規(guī)律、字體字號的配合，甚至燈光的影響都被較透徹地研究過；而長期以來熒屏是用于觀看而不是閱讀的。故而對閱讀的適應(yīng)性研究比較薄弱。筆者認為，進行熒屏版面設(shè)計時至少要把握以下幾個特點。
1.1 尺寸和分辨率的限制
電腦熒屏的矩形尺寸限制了畫面的展現(xiàn)，從而影響了字體字號等要素的選擇和超大圖形、表格的存放方式。比如字號過大會導(dǎo)致頻繁翻頁面分散視線，反之則辨認吃力，無法再采用“出血”或雙單頁合拼的方式安排超大的圖形或表格，可改用滾動、分層放置或超文本鏈接的方法。畫面精細度也不再由制作方單獨決定。而主要取決于用戶的熒屏物理特性和顯示軟件的功能，所以設(shè)計時無須盲目追求高分辨率。
1.2色彩的大量運用
屏幕熒光物質(zhì)的呈色范圍遠大于紙上油墨呈色。人眼對彩色的分辨能力（約數(shù)千種）也明顯強于對灰度的分辨（約百余級），加上使用、修改極其便利，在電子出版物中大量運用色彩便是很自然的事了。不同的色彩有不同的視覺空間效果（如暖色的前進感、擴張感、興奮感），合理的配置可表現(xiàn)出神奇的藝術(shù)感染力。起到內(nèi)容區(qū)分、主題渲染、氣氛烘托、增加立體效果等多種作用,全切忌用色太多太亂，亮度太大，否則會干擾視線影響所需信息的有效吸收。
1.3版面新元素和新形式的加盟
除去文字表格、圖形圖像以及花邊底紋等常規(guī)版面元素外，還增添了光線和影調(diào)這兩個不應(yīng)忽視的新元素，它們雖不具有實質(zhì)性內(nèi)容，卻在引導(dǎo)視線、突出主體、顯示質(zhì)感差異、渲染氣氛和保持畫面均衡等方面有著重要作用。
動畫形象、閃爍符號等是版面元素新的表現(xiàn)形式。使用得當(dāng)能很好地活躍版面，提示重點，吸引讀者注意力，但過度使用卻會分散視線、擾亂思考，甚至引起炫目等不適感覺，一定要注意避免。
書眉、腳注的放置，翻頁的方式也都可以設(shè)計新穎的形式。
2 熒屏版面設(shè)計的基本技巧
版面藝術(shù)，既無嚴密無隙的定律，也無四海皆準(zhǔn)的模式，只有不斷學(xué)習(xí)研究，才能積累豐富經(jīng)驗，融合各類學(xué)識，尋求到信息表達形式與讀者接受心理的完善契合。
電子出版物的版面有動態(tài)靜態(tài)之分，動態(tài)主要體現(xiàn)在畫面的變換中，常用手法有化變、掃換、圈入圈出、頻閃等，要求通過對動作、情緒、節(jié)奏、聲音等方面合理的劃分和組接，使讀者既能感受到段落的存在，又覺得表現(xiàn)過程完整連貫，流暢自然。靜態(tài)版面設(shè)計與傳統(tǒng)書刊有相同之處，但由于前述特點需要我們進一步深入研究。
版面設(shè)計的基本原則可歸納為均衡和多樣統(tǒng)一。目的是使畫面主次分明，美觀大方，富于吸引力，并且符合人們的心理習(xí)慣，應(yīng)用系統(tǒng)還須兼顧操作方便。
2.1 均衡
均衡是人們長期形成的自然心理要求，畫面均衡是指類似于杠桿原理，以畫面中心為支點，使上下左右視覺形象的重量（實質(zhì)是在畫面中的顯眼程度）大體處于相對平衡狀態(tài)，可給觀者一種穩(wěn)定的感覺。形象的重量一般根據(jù)它的種類、大小、色彩、動靜等性質(zhì)來變化，如人比動物重，動物比植物重，鮮艷的比灰暗的重，質(zhì)感粗糙的比細膩的重等。
顯然，對稱是均衡的一個特例，也是最易掌握的，它適于表現(xiàn)莊重嚴肅的主題，但往往容易顯得呆板，缺乏趣味，版面設(shè)計中不宜多用，而最好采用打破對稱但能滿足人們心理感覺和生活經(jīng)驗所要求的視覺上重量和價值的相對平衡的設(shè)計手段。
2.2多樣統(tǒng)一
2.2.1 多樣化
多樣化的目的是在活躍版面、美化版面的同時更突出地表現(xiàn)主題信息，其中最常用也是最重要的應(yīng)用手段是對比，其種類極多，使用起來變化無窮。常見的有：
?。?）大小對比 不間性質(zhì)區(qū)域面積大小的搭配。大多數(shù)時候是用相對大小體現(xiàn)內(nèi)容重要性的不同，如以標(biāo)題字號的變化來劃分層次。有時也用人們心理上有固定標(biāo)準(zhǔn)的事物來突出主體事物的大（?。缫粔K石頭旁安排一個小小人形仰視它，就能襯托出石頭的巨大雄偉。
?。?）線條對比 線條最構(gòu)圖的骨架。它有粗細、曲直、濃談、虛實之分，在人們視覺心理上會產(chǎn)生不同的反應(yīng)，如粗線重，細線弱，直線剛，曲線柔，實線靜，虛線動，等等，加上角度、方向的配合，能靈活地表達各種不同的主題。比如，我們對字體的選擇就最基于對線條特性的考慮。
?。?）色彩對比 所謂“紅花還需綠葉扶”，一般來說黑白、紅綠、黃藍等對比色的搭配會使主體顯得很突出。但同一版面上對比色不宜過多，面積不能平均分配——應(yīng)先確定版面基調(diào)，否則像調(diào)色盤一樣給人亂糟糟的感覺，且在熒屏上多種高亮度色彩配置會引起色彩顫動，造成視覺疲憊。
?。?）明暗對比 這首先取決于事物本身的明亮度，但也可利用照明藝術(shù)來著意刻畫，憑借主體與背景影調(diào)明暗的不同，能有效地引導(dǎo)視線，突出主體，烘托氣氛。同時，形成的陰影里無質(zhì)卻有形，并有大小深淺之分，能對畫面的相對均衡起到一定的作用。
?。?）質(zhì)感對比 質(zhì)感是物體的表面物質(zhì)特性給人的感覺。質(zhì)感差異大的事物放在一起容易產(chǎn)生強烈的視覺沖擊，給人留下深刻的印象，如粗糙灰白的礫石地上幾顆珠圓玉潤的紅櫻桃，反比把它們放在絲質(zhì)臺布上時更加晶瑩奪目。
?。?）動靜對比 一個復(fù)雜信息的完整表達或一個事物的發(fā)展過程往往需要若干畫面共同完成，同一畫面上有時也會用到閃爍、移動或變化的動態(tài)符號，而菜單、工具條、系統(tǒng)狀況說明等功能區(qū)和狀態(tài)區(qū)則處于相對靜止?fàn)顟B(tài)。一般來說，動態(tài)部分應(yīng)占較大的面積，并借助邊柜等形式與靜態(tài)部分適當(dāng)隔離，這樣用戶一面感受動態(tài)部分帶來的信息變化，一面因有相對穩(wěn)定的控制區(qū)而對系統(tǒng)的掌握有信心。
此外，還有虛實對比、繁簡對比、形狀對比等多種手法，總之是利用人的視覺對變化的事物更為敏感的特性來達到前述的目的。
特異是現(xiàn)代視覺有人認為最對比的發(fā)展。如輻射、光耀、流動等，以及一些不合人們邏輯形象的事物，如扭曲的車輪，變形的人體等，它的效果比對比更強烈,更引人注目，但因易于引起視覺不適或邏輯混亂，通常只用于宣傳頁上，正文中不應(yīng)多用。
2.2.2統(tǒng)一
統(tǒng)一就是協(xié)調(diào)版面各種元素之間的關(guān)系，使之成為有機的整體，而不會因多種對比的存在造成信息間的相互干擾，甚至導(dǎo)致一盤散沙般雜亂無序的感覺。要做到這一點，就需要把握主要矛盾，減弱次要的對比，放棄一部分細節(jié)。主要的協(xié)調(diào)手段有：
（l）占位協(xié)調(diào) 占用面積比例符合內(nèi)容的重要性，位置安排能滿足相對均衡的條件，而且基本符合“優(yōu)勢注意”的原則?，F(xiàn)代心理學(xué)研究表明人眼觀看一幅畫面時，注意力往往首先在某一部位相對集中，這一部位稱為優(yōu)勢注意處。
?。?）明暗協(xié)調(diào) 利用光影作用能使二維形體具有顯著的三維效果是熒屏畫面勝過紙質(zhì)媒介的優(yōu)勢之一，正確地運用投影原理、透視原理處理好物體間的明暗關(guān)系，能形成豐富的影調(diào)層次，刻畫出特定的時間、環(huán)境，以及充分表現(xiàn)物體的質(zhì)感特征和立體效果。
?。?）文空協(xié)調(diào) 古人云：面留三分空，生氣隨之發(fā)。傳統(tǒng)書刊設(shè)計就很重視留空，避免過于擁擠的版面帶來的沉悶壓抑之感。屏上設(shè)計更應(yīng)如此，因為觀看屏幕視力更易疲憊，坐姿也較為僵硬。一般來說，若版面內(nèi)容本身變化較多，已由字體、字號、底紋、色彩的不同組合創(chuàng)造出活潑多變的環(huán)境，空白可適當(dāng)少留。單調(diào)的內(nèi)容則更需要空白來調(diào)節(jié)閱讀節(jié)奏，美化版面。目前電子版面設(shè)計中一個不好的現(xiàn)象是在空白處放上太多的圖標(biāo)、按鈕，甚至一些運動性、方向性很強的事物（如指狀圖標(biāo)）前面也緊貼著圖文，帶來明顯的觸擋感覺，很不自然。
?。?）出入?yún)f(xié)調(diào) 傳統(tǒng)版面設(shè)計中不存在這個問題，可多借鑒影視作品的表現(xiàn)手段，主要是指根據(jù)內(nèi)容的變化采用不同的畫面變換手法，如化變是從原面面的一處用圓形、菱形畫框開始新畫面，并從小到大逐漸擴展直至完全取代原面面，段落感分明，多用在時間、地點區(qū)分明顯的場合。如章節(jié)標(biāo)題的出現(xiàn)，可以讓它從中心一點，逐漸放射開來，最終占據(jù)整個畫面，然后像書頁翻開一般，緩緩從它向左展開下一面面（章節(jié)內(nèi)容）。這樣處理就有了出入呼應(yīng)，比標(biāo)題單調(diào)地突然呈現(xiàn)又突然消失要生動一些。
共有 網(wǎng)友評論