網(wǎng)頁(yè)設(shè)計(jì)在網(wǎng)站建設(shè)中起著非常重要的作用,特別是展示型的網(wǎng)站,好的頁(yè)面設(shè)計(jì)可以讓用戶(hù)清晰地瀏覽網(wǎng)站,也更好向用戶(hù)展示出所想要展示的內(nèi)容,所以這邊將詳細(xì)地講解下網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成要素和特性:
網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成要素
1.文字的編排與設(shè)計(jì)
網(wǎng)頁(yè)文字編排與設(shè)計(jì),重要的一點(diǎn)在于要服從信息內(nèi)容的性質(zhì)及特點(diǎn)的要求,其風(fēng)格要與內(nèi)容特性相吻合,而不是相脫離,更不能相互沖突。
政府網(wǎng)頁(yè)其文字具有莊重和規(guī)范的特質(zhì),字體造型規(guī)整而有序簡(jiǎn)潔大方。
休閑旅游類(lèi)內(nèi)容網(wǎng)頁(yè),文字編輯應(yīng)具有歡快輕盈的風(fēng)格,字體生動(dòng)活潑,跳躍明快,有鮮明的節(jié)奏感,給人生機(jī)盎然的感受。
歷史文化教育方面的網(wǎng)頁(yè),字體編輯可具有一種蒼勁古樸的意蘊(yùn),端莊典雅的風(fēng)范式優(yōu)美清新的格調(diào)。
個(gè)人主頁(yè)則可結(jié)合個(gè)人的性格特點(diǎn)及追求,別出心裁,給人一種獨(dú)特個(gè)性的印象。
公司網(wǎng)頁(yè)可根據(jù)行業(yè)性質(zhì)、企業(yè)理念或產(chǎn)品特點(diǎn),追求某種富于活力的字體編排與設(shè)計(jì)。
2.圖形圖像的創(chuàng)意與設(shè)計(jì)
圖形圖像必須完全符合網(wǎng)頁(yè)的主題,并以創(chuàng)新的構(gòu)思和強(qiáng)烈的個(gè)性,使主題與表現(xiàn)兩者較好地統(tǒng)一,有利于信息的傳達(dá)。
3.版式設(shè)計(jì)與編排
網(wǎng)頁(yè)的版式設(shè)計(jì)注重技術(shù)性與藝術(shù)性的高度統(tǒng)一,是視覺(jué)傳達(dá)的重要手段,是網(wǎng)頁(yè)設(shè)計(jì)的重要組合部分。
4.色彩的搭配
網(wǎng)頁(yè)也是一件藝術(shù)品,因?yàn)樗纫笪淖值膬?yōu)美流暢,又要求頁(yè)面的新穎、整潔,使用色彩可以產(chǎn)生強(qiáng)烈的視覺(jué)效果,使頁(yè)面更加生動(dòng)。
在進(jìn)行網(wǎng)頁(yè)色彩搭配時(shí)先要確定網(wǎng)頁(yè)的主色調(diào),以體現(xiàn)網(wǎng)站主題,在背景顏色的選擇上,一般先選擇單純的淺顏色,如淺灰色、淺黃色、淺藍(lán)色、淺綠色。
以淺顏色為底,柔和素淡,配上深顏色的字(比如黑色),有利于整個(gè)頁(yè)面的配色。
背景的色調(diào)搭配,一定要注意不能有強(qiáng)烈的對(duì)比。
網(wǎng)頁(yè)色彩搭配中大面積顏色適宜采用低對(duì)比度,過(guò)于豐富的背景色彩會(huì)影響前景圖片和文字的取色,嚴(yán)重時(shí)會(huì)使文字淹沒(méi)在背景中。
5.多媒體元素的選擇(音頻、視頻、動(dòng)畫(huà)等)
1)音頻。常用的音頻格式:WAV,WMA,MIDI,MP3,Real Media等。
目前支持WAC格式的環(huán)境很多,但WAC格式基本上是保存沒(méi)有壓縮過(guò)的音頻,因此文件比較大,不便于下載。
MP3 是在盡量保持良好音質(zhì)的同時(shí),減少了文件的大小,是網(wǎng)頁(yè)中比較常用的音頻格式。
Real Media是網(wǎng)絡(luò)流媒體的文件格式,在非常低的網(wǎng)速下載能提供較好的音質(zhì),但要有Real Player軟件支持播放,不適合。
大多數(shù)比較小的MIDI文件都可以提供比較長(zhǎng)的播放時(shí)間,若單獨(dú)放在網(wǎng)頁(yè)中,下載時(shí)間也是比較理想的。
2.視頻。常見(jiàn)的視頻文件格式主要有AVI、FLV、MPEG、Real Video、WAV和MOV等。
AVI 格式目前廣泛應(yīng)用于動(dòng)態(tài)效果展示,游戲過(guò)程動(dòng)畫(huà)是目前廣泛使用的一種視頻格式。
MPEG 是一種編碼方案,是目前VCD、DVD的文件格式。
Real Video文件包括RA、RAM格式,主要應(yīng)用于流媒體,其出色的壓縮效率和支持流式播放的特點(diǎn),使其成為網(wǎng)絡(luò)流媒體首選。
MOV大多用于網(wǎng)站制作的電影預(yù)告片中。
3.動(dòng)畫(huà)。網(wǎng)頁(yè)中的動(dòng)畫(huà)往往是第一視覺(jué)中心。
在網(wǎng)頁(yè)中加入多媒體元素時(shí)要注意多媒體文件的大小,雖然Flash文件是矢量圖形格式,文件不是很大。
因此在保證準(zhǔn)確傳達(dá)信息的前提下,應(yīng)盡量?jī)?yōu)化文件,壓縮大小,使瀏覽者在最短的時(shí)間內(nèi)獲得更多的信息。
網(wǎng)頁(yè)設(shè)計(jì)的特性
1.信息傳達(dá)性
從根本上來(lái)看,它是一種以功能為為主的設(shè)計(jì)。
2.主題明確性
對(duì)網(wǎng)頁(yè)中主題形象的構(gòu)思要以意義明確,易于接受的原則來(lái)設(shè)計(jì)。越明確、越通俗、越具體越好
3.形式簡(jiǎn)潔性
形式簡(jiǎn)潔上網(wǎng)頁(yè)應(yīng)具有的外在特征。
4.界面一致性
一致性是實(shí)用性的關(guān)鍵。
5.使用便利性
站在瀏覽者立場(chǎng)上去設(shè)計(jì)。