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