專(zhuān)業(yè)文學(xué)網(wǎng)站設計要求及多媒體技術(shù)的運用發(fā)布者：本站     時(shí)間：2020-05-05 13:05:36

現代設計在中國的發(fā)展大概有二十多年的時(shí)間了，以前中國很少有人會(huì )注意網(wǎng)頁(yè)界面的用戶(hù)體驗，而且國內寬帶水平有限，所以那時(shí)候我國的網(wǎng)頁(yè)界面基本上都是框架式，創(chuàng )新的頁(yè)面很少。隨著(zhù)我國各方面的發(fā)展，我們的設計也越來(lái)越有創(chuàng )新意識，我們也越來(lái)越注重用戶(hù)的體驗。尤其是在文學(xué)網(wǎng)站設計方面，以前很多網(wǎng)站的設計大部分都是大的框架加上鏈接構成，沒(méi)有下多少功夫在外觀(guān)設計和用戶(hù)體驗方面，而現在隨著(zhù)文學(xué)網(wǎng)的發(fā)展，僅僅是靠老一套的理論來(lái)做的設計已經(jīng)不能滿(mǎn)足現在用戶(hù)的審美需求了。

1 文學(xué)類(lèi)網(wǎng)站設計原則

1. 1 色彩設計原則

眾所周知，不管是做招貼、包裝或者是 VI,給人的第一印象往往是這個(gè)作品的色彩設計，它的色彩運用的好與壞，將直接影響到閱讀者的興趣。同樣，在網(wǎng)頁(yè)設計中，色彩也是居于十分重要的地位?，F在的文學(xué)類(lèi)網(wǎng)站的網(wǎng)頁(yè)設計，大部分以比較淺的顏色為網(wǎng)頁(yè)的背景色，如淺黃色、淺藍色、淺綠色或者直接就是白色背景，再加上較深顏色的文字來(lái)做的配色。一般來(lái)說(shuō)網(wǎng)頁(yè)中所出現的字體顏色都是黑色，因為淺色背景中黑色字體的視認度最高，但是這種強對比，屏幕刺激較大，也更容易讓瀏覽者產(chǎn)生視覺(jué)疲勞。在文學(xué)類(lèi)網(wǎng)頁(yè)設計中，這種對比過(guò)于強烈的配色會(huì )使用戶(hù)長(cháng)時(shí)間在線(xiàn)瀏覽的時(shí)候有不適，但是緩和的色彩搭配視認度不高，也不利于用戶(hù)閱讀。

所以筆者認為在網(wǎng)頁(yè)中出現大面積文字以及考慮到用戶(hù)會(huì )長(cháng)時(shí)間停留在一個(gè)頁(yè)面的時(shí)候，比如文學(xué)網(wǎng)站的在線(xiàn)閱讀界面，我們可以給用戶(hù)一個(gè)選擇，讓用戶(hù)自己來(lái)挑選網(wǎng)頁(yè)的背景色以及字體顏色，讓用戶(hù)自己來(lái)選擇適合自己的顏色搭配。

1. 2 文字和排版設計原則

在做網(wǎng)頁(yè)設計的過(guò)程中，無(wú)論選擇什么字體，都要基于網(wǎng)頁(yè)的總體設想和瀏覽者的需要來(lái)使用。而且瀏覽器使用的是本地字庫顯示的頁(yè)面內容，作為一個(gè)網(wǎng)頁(yè)設計者，不得不考慮到用戶(hù)電腦中是否有你選用的字體，所以說(shuō)網(wǎng)頁(yè)中的文字最好使用缺省字體，在必須使用特殊字體的地方，可以先把文字做成圖像，然后再插入到網(wǎng)頁(yè)頁(yè)面中去。再者就是文字行距的問(wèn)題，一般的行距比例為 10: 12,因為合適的行距可以很好引導瀏覽者的視線(xiàn)，如果行距過(guò)寬會(huì )影響行與行之間的文字延續性，影響閱讀。而且在視覺(jué)傳達中文字作為網(wǎng)頁(yè)頁(yè)面的要素之一，除了表達文字本身的意義以外，還有傳達感情的作用，所以文字設計在視覺(jué)上要給人以美好的印象，讓瀏覽者可以獲得良好的閱讀感受。而且網(wǎng)頁(yè)設計作為一種視覺(jué)語(yǔ)言，特別講究編排和布局，雖然主頁(yè)的設計不等同于平面設計，但它們有許多相近之處，都是通過(guò)文字圖形的空間組合，表達出和諧與美。

在網(wǎng)頁(yè)文字設計編排中最重要的一點(diǎn)，就是要與網(wǎng)頁(yè)內容的性質(zhì)和特點(diǎn)相和諧，其設計風(fēng)格要與內容特性相一致，而不是相分離沖突，所以在我們把大量的信息整合到一個(gè)頁(yè)面上去的時(shí)候，首先要考慮的是怎樣把它們以合理統一的排布，達到變化與統一并存的和諧效果。在排版這方面，網(wǎng)頁(yè)的版式設計同報刊雜志的版式設計有不少共同之處，基本上都是把頁(yè)面中的文字字體、圖形圖像、色塊線(xiàn)條等要素按照一定的節奏進(jìn)行編排，同時(shí)注意其結構的大小、輕重、虛實(shí)等對比因素，并通過(guò)對這些要素的編排，使瀏覽者直觀(guān)地感受到該頁(yè)面要傳遞的信息。

1. 3 網(wǎng)頁(yè)圖形的優(yōu)化和應用原則

對于一個(gè)網(wǎng)站來(lái)說(shuō)，網(wǎng)頁(yè)的下載速度是非常重要的，但是影響網(wǎng)頁(yè)的下載速度的因素除了網(wǎng)速以外，網(wǎng)頁(yè)中所包含的圖像圖形對網(wǎng)頁(yè)的下載速度也有很大的影響。因此，對網(wǎng)頁(yè)圖形進(jìn)行優(yōu)化，使網(wǎng)頁(yè)能夠快速下載是網(wǎng)站設計制作中考慮的首要問(wèn)題。所以，接下來(lái)就來(lái)探討一下圖片優(yōu)化的基本方法。

首先是圖片的裁切，裁切時(shí)應盡量沿所需圖像邊緣裁切，避免不必要區域占用文件大小。如果在頁(yè)面中有一張過(guò)大的圖片，也可以先把它裁成小塊，然后再使用 Table 語(yǔ)法所提供的 Border = 0、Cell-spacing = 0、Cellpadding = 0 的無(wú)縫功能，將它們組合起來(lái)，這樣也會(huì )提高圖片的加載速度。再者就是圖片的輸出，一般情況下，色彩少的圖片使用 GIF 或者PNG 格式，色彩豐富的的圖片使用 JPG 格式。如果是一些攝影網(wǎng)站，圖片要求都是高清圖片，那就可以用 JPG 格式做小圖預覽，然后鏈接到 TIF 格式（ 無(wú)損） 的原圖，這對沒(méi)興趣看這張大圖片的瀏覽者而言，不但可快速下載該網(wǎng)頁(yè)，而且也是一種體貼的選擇。還有些圖片，因為要在不同的背景中使用，需要輸出為透明的效果，這時(shí)，就可以選用 GIF 格式，因為對于 GIF 圖像來(lái)說(shuō)，色彩越少，文件就越小。所以說(shuō)在看起來(lái)可以接受的范圍內，盡可能地將色彩數量減少，就能夠對 GIF 圖像進(jìn)行不錯的優(yōu)化。而且對于網(wǎng)頁(yè)中所采用的圖檔，通常會(huì )加入 Width、Height 這兩個(gè)屬性，這樣就可以在加載網(wǎng)頁(yè)的過(guò)程中為圖像預留空間，在加載圖片時(shí)，用戶(hù)就可以先瀏覽其他已加載項目。如果沒(méi)有這些屬性，瀏覽器就不能了解圖像的大小，也就不能為圖像預留下合適的空間，這可能會(huì )給網(wǎng)頁(yè)中其他元素的顯示帶來(lái)很大的延遲，從而影響用戶(hù)的閱讀。

2 現今專(zhuān)業(yè)文學(xué)網(wǎng)站設計趨勢

以前，做網(wǎng)頁(yè)設計基本上都是用 PS 設計網(wǎng)頁(yè)版面，僅僅是 PS 就可以滿(mǎn)足用戶(hù)的需求，但是現在互聯(lián)網(wǎng)用戶(hù)對網(wǎng)頁(yè)設計的質(zhì)量要求越來(lái)越高，沒(méi)有內涵華麗的設計很快就會(huì )被遺棄。所以現今的設計趨勢已經(jīng)越來(lái)越重視網(wǎng)站的響應設計、持續聯(lián)系以及1另外在版式設計方面也逐漸加入了一些“留白”的理念，“留白”發(fā)源于中國傳統的虛實(shí)相生、陰陽(yáng)辯證的哲學(xué)思想，發(fā)展于傳統的繪畫(huà)行業(yè)，表達一種“以無(wú)勝有，以簡(jiǎn)勝繁”的思想，這種設計理念與西方 20 世紀興起的一些現代設計理念如出一轍。

“留白”不是一個(gè)色彩的概念，而是一種形式的概念，通過(guò)欣賞者的審美聯(lián)想和想象獲得的一種“秒與生意，能不失真”的意想空間，從而使設計者能夠更好地表達出設計的意圖，將作品的視覺(jué)感染力加強?？傊?，一個(gè)好的文學(xué)網(wǎng)站的網(wǎng)頁(yè)設計，不是只要有華麗的界面就可以，而是要在藝術(shù)和功能上做到兩全其美。

2. 1 大背景圖的網(wǎng)頁(yè)設計

高清圖片是一種可以產(chǎn)生極具視覺(jué)沖擊力并迅速抓住讀者視線(xiàn)的好方式，而且這些圖片一般都是高質(zhì)量寫(xiě)實(shí)的或者是抽象的精美照片，這些圖片的用色和表現的內容都十分考究，并且趨向于一些比較柔和，比較透明的圖片，不會(huì )影響到文字的閱讀。不然再漂亮的圖片，看起來(lái)和網(wǎng)站整體效果不協(xié)調，影響用戶(hù)體驗，也是白白浪費資源。

除此之外，大背景圖的運用還有一種方式，叫做擬真設計，聽(tīng)起來(lái)可能有點(diǎn)陌生，但是擬真設計就是和大背景圖的運用相似的一種設計，它是指將界面元素設計成用戶(hù)容易理解的，存在于現實(shí)世界中的實(shí)體。就文學(xué)網(wǎng)站，在書(shū)籍閱讀的界面平臺上，不單單是書(shū)籍內容完整無(wú)誤的呈現，它的呈現方式可以像常見(jiàn)的平面媒體帶給讀者的愉悅體驗一樣?？梢栽跁?shū)籍閱讀的起始部分與結束部分分別放置圖書(shū)原有的封面與封底； 可以模仿紙張的材質(zhì)，靈活設置；可以在文章的正文界面中配合插圖，插圖同文字共同營(yíng)造書(shū)中的獨特氛圍，插圖的類(lèi)型可以配合文章的敘述情境進(jìn)行繪制； 可以與插畫(huà)師合作，共同創(chuàng )造出良好的閱讀環(huán)境，從而提高閱讀質(zhì)量和閱讀效益。

2. 2 移動(dòng)互聯(lián)網(wǎng)時(shí)代

現在這個(gè)時(shí)代，智能手機幾乎是人手一部，而且平板電腦、小型上網(wǎng)本隨處可見(jiàn)。所以說(shuō)，如今的網(wǎng)頁(yè)設計已經(jīng)不能只局限在普通電腦的顯示效果上，還要考慮到更多的移動(dòng)設備。但是，設計適合移動(dòng)設備的網(wǎng)站不是去掉大量裝飾，做得簡(jiǎn)單易于下載就可以，因為它不僅僅是變得簡(jiǎn)單，更是要表現出原網(wǎng)站的精華。另外，現在很多網(wǎng)站都推出了屬于自己的方形的條形碼，這種條形碼被稱(chēng)為 QR,全稱(chēng)就是 QuickResponse.這個(gè)條形碼就相當于一個(gè)快捷方式，讓用戶(hù)可以方便迅速地打開(kāi)自己的移動(dòng)網(wǎng)頁(yè)。近幾年來(lái)，移動(dòng)媒體的優(yōu)勢越來(lái)越明顯，利用這個(gè)優(yōu)勢所做的網(wǎng)頁(yè)設計也是現在的熱門(mén)。

2. 3 頁(yè)面布局設計及特效設計

以前的網(wǎng)頁(yè)設計，大部分都類(lèi)似于書(shū)籍和雜志的版面設計。而隨著(zhù)互聯(lián)網(wǎng)等各方面的發(fā)展，現在的設計更接近于影片的效果，更注重空間藝術(shù)，現在的網(wǎng)頁(yè)設計已經(jīng)不再是單純的平面設計，而是立體設計、空間設計，致力于把瀏覽者帶進(jìn)一個(gè)現實(shí)的虛擬世界。

我們都知道構成網(wǎng)站的是網(wǎng)頁(yè)，網(wǎng)頁(yè)本身也是很多個(gè)頁(yè)面的總平面，所以說(shuō)平面設計原則同樣也適用于網(wǎng)頁(yè)設計。但是網(wǎng)頁(yè)設計的排版又是對平面設計的延伸，單獨考慮平面設計原則的話(huà)，這樣的網(wǎng)頁(yè)設計是不能滿(mǎn)足現在瀏覽者的需求的。

在網(wǎng)頁(yè)特效方面，文學(xué)類(lèi)網(wǎng)站運用的不是很多?，F在是一個(gè)注重用戶(hù)體驗的時(shí)代，適當地采用一些網(wǎng)頁(yè)特效會(huì )給網(wǎng)站加分不少。比如說(shuō)，視差滾動(dòng)設計，讓多層背景以不同的速度移動(dòng)，形成一種類(lèi)似于3D 的視覺(jué)效果，吸引瀏覽者。但是值得注意的是，這種效果不適于導航。

2. 4 極簡(jiǎn)主義的運用

極簡(jiǎn)主義在早幾年就流行起來(lái)了，但是在網(wǎng)頁(yè)設計方面極簡(jiǎn)主義的影響力在近幾年才逐漸大了起來(lái)。極簡(jiǎn)主義風(fēng)格的網(wǎng)站設計，運行速度快，用戶(hù)體驗效果更好，接入也更加容易，所以無(wú)論哪一類(lèi)型的網(wǎng)頁(yè)設計都可以運用，文學(xué)類(lèi)網(wǎng)站也不例外。但是就目前來(lái)說(shuō)，還沒(méi)有哪個(gè)國內文學(xué)網(wǎng)站嘗試這種極簡(jiǎn)主義設計，因為接下來(lái)提到的文學(xué)類(lèi)網(wǎng)站設計的一大要點(diǎn)，就是豐富的內容。但是，極簡(jiǎn)主義并不是把內容也變得極簡(jiǎn)。要知道極簡(jiǎn)主義有一個(gè)理念，少就是多，簡(jiǎn)潔就是豐富。所以說(shuō)極簡(jiǎn)主義只是把不必要的東西去掉，使頁(yè)面的每一個(gè)元素都和主題統一，用最簡(jiǎn)單的元素來(lái)傳達更豐富的信息。

2. 5 豐富的內容

內容是一個(gè)網(wǎng)站的最有價(jià)值的部分，而對于文學(xué)網(wǎng)站來(lái)說(shuō)，豐富的有價(jià)值的內容比起網(wǎng)站外觀(guān)來(lái)要重要得多。但是做內容的建設時(shí)也要注意幾點(diǎn)，首先，網(wǎng)站的內容要和網(wǎng)站的主題一致，不可偏離主題。其次，就是網(wǎng)站內容最好是原創(chuàng )內容。作為一個(gè)文學(xué)網(wǎng)站，不是說(shuō)拿那些已經(jīng)現有的作品就可以，還要有新的原創(chuàng )文學(xué)，大家沒(méi)有看過(guò)的文學(xué)作品，這樣才能讓用戶(hù)時(shí)刻保持對網(wǎng)站的新鮮感。最后，網(wǎng)站的內容要定時(shí)更新，并不是說(shuō)有豐富的文學(xué)作品就萬(wàn)事大吉了，不然一個(gè)再好的網(wǎng)站不去更新內容，它也是一個(gè)死站。而且一般經(jīng)常瀏覽文學(xué)網(wǎng)站的互聯(lián)網(wǎng)用戶(hù)對文學(xué)都是很有見(jiàn)解的，所以說(shuō)作為一個(gè)專(zhuān)業(yè)的文學(xué)網(wǎng)站，為他們提供的不僅僅是一個(gè)文學(xué)資源庫，更應是一個(gè)交流平臺，讓他們發(fā)表自己的原創(chuàng )文學(xué)及見(jiàn)解。

3 文學(xué)網(wǎng)站中多媒體技術(shù)的運用

無(wú)論是圖形文字，還是聲音視頻，設計者所要考慮的就是怎樣才能使它們以最和諧的方式融合到網(wǎng)頁(yè)這面大屏幕里。所以，多媒體技術(shù)的運用在這里必不可少?，F在大部分的瀏覽器本身都可以支持在線(xiàn)播放或收聽(tīng)，比如 GIF、JPEG 圖形和 GIF89a 動(dòng)畫(huà)。另外還有一些比較常見(jiàn)的插件，比如 ActiveX,它可以播放更多種類(lèi)的多媒體文件?？傊?，多媒體技術(shù)隨著(zhù)互聯(lián)網(wǎng)的發(fā)展在網(wǎng)頁(yè)設計中的運用也越來(lái)越多，也使瀏覽者能夠體驗到更加完美的瀏覽效果。

在現今有很多網(wǎng)站設計都采用了 flash 軟件來(lái)制作，用 flash 制作導航界面，隨著(zhù)鼠標的動(dòng)作可以產(chǎn)生動(dòng)畫(huà)或者聲音，讓網(wǎng)頁(yè)更有吸引力。而且制作flash 時(shí)用的是矢量圖形，它需要的內存和存儲空間要比位圖小很多。在網(wǎng)頁(yè)設計中 flash 還具有一定的交互性，比如說(shuō)網(wǎng)站導航欄動(dòng)畫(huà)、圖片展示動(dòng)畫(huà)以及網(wǎng)站注冊和登陸系統等等。在靜態(tài)頁(yè)面中，如果用到這些動(dòng)畫(huà)，一定能與瀏覽者有一個(gè)很好的互動(dòng)，也能使網(wǎng)站看起來(lái)更加生動(dòng)有趣。但是整體不可以太花哨，太雜亂，不然會(huì )使瀏覽者對該網(wǎng)頁(yè)缺乏信任感。當然也有一些網(wǎng)站，為了表現自己的與眾不同，使用 flash 來(lái)制作整個(gè)網(wǎng)站。而且設計制作 flash 時(shí)就已經(jīng)包括網(wǎng)頁(yè)內所有視聽(tīng)元素和版式的設計，并不會(huì )給人眼花繚亂的感覺(jué)。這樣的 flash 網(wǎng)站，給人感覺(jué)都十分酷，給瀏覽者一種很特別的感覺(jué)，基本上可以完全調動(dòng)瀏覽者瀏覽的積極性，同時(shí)給瀏覽者一種活躍的心理感受。