謝 宜
(昆明藝術職業(yè)學院 傳媒學院,云南 昆明 650228)
(1)制作步驟。對于網站來說,內容和圖片缺一不可,而進行網頁設計就是讓整個網站的頁面風格以及色彩、整體布局和網站內容進行全面創(chuàng)作。對于網頁設計來說,在設計時需要考慮的因素很多,如排版變化、文字安排、圖片格式等,同時還要關注網站的主體選擇,瀏覽者劃分以及對網站的促銷等等。①草稿。在進行網頁草稿設計時,可以打開思路,天馬行空。在這個階段,一切都可以按照自己的設想來進行設計,進行網頁草稿創(chuàng)造可以借助工具PHOTOSHOP來完成。②布局。完成草稿后,再把需要的功能模塊放到頁面上。此時的設計就需要按照一定的原則來進行。網站標志、導航條和廣告條的設計都是有要求和規(guī)范的,對模塊內容的安置也是要規(guī)定執(zhí)行的。③定稿。在網頁設計完成時,要把簡略化的東西細致化,這樣,才算完成了全部設計工作。網頁制作需要看設計的網頁是否表達了客戶的意思。當得到客戶同意后,再進行后面的設計。整個網頁設計完成后,需要經過客戶的首肯之后才能由程序員完成最后的程序設計。
(2)常用參數、圖片質量與下載速度。網絡傳播是因為各種限制而使得速度快慢不一,所以在進行網頁設計時,要充分考慮網速和圖片大小之間的關系,太大的網頁在低網速計算機前的速度是驚人地慢,這樣會使瀏覽者沒有觀賞的耐心。①分辨率。圖片的分辨率對文件大小和下載速度有很大的關系,目前。大多數顯示器使用的是1024×768的分辨率,因此在設計網頁時1024×768就是一道不可逾越的紅線,如果分辨率過高,不但影響網頁圖片觀賞質量,還會影響下載的速度。②位圖。位圖也就是圖像,在設計圖像時,要考慮亮度和色彩會因為分辨率的關系而出現失真,有時還會出現大面積的模糊。③矢量。矢量圖是面向對像的圖像或繪圖圖像,在描述圖像時,常用粗線段來表示,表現圖形特征簡單明了,而且在對圖形進行放大處理時不會失真。④圖片格式。電腦圖片的格式有GIF、JPEG、PNG三種格式。其中,GIF是圖形交換格式,在顏色限定上是256色,因此,在設計對顏色配置要求高的圖片來說,GIF格式就不夠用了。JPEG格式突破了顏色的限制,但其缺點是有時會存在明顯的壓縮痕跡;而選擇PNG格式的圖片則避免了GIF和JPEG的缺點。
(1)兩欄式結構。這種結構是最簡單的設計,首先在醒目的位置設計網站標識,然后再放置廣告條;再就是在下面風味左右兩欄,一邊是導航或者欄目信息,一邊是具體的欄目內容。
(2)三欄式結構。這是最普遍的設計結構,廣告條在最顯眼的頂端位置,網頁的內容兩旁也是放置廣告的地方。這樣的設計不需要過多的數據構建,是很多網站喜歡采用的。
(3)“三”型結構。這種結構基本在國外網站都很普遍,好處在于簡單清晰,導航部分在左邊,相對的就是內容顯示。這種網頁設計結構就是清晰,一目了然。而且在設計上采用Flash技術,讓人過目不忘,視覺效果明顯。
不同的色彩給人的感覺是不一樣的,所以,設計者在設計網頁時,要巧用色彩對觀賞者造成的影響,使他們對網站有興趣。一般來說,設計游戲網頁時要用紅色來刺激視覺;設計新聞網站時,適用黑色和深藍色較好;在為網購網站設計網頁時,色彩不能過于艷麗;因此,在色彩選擇上要偏重于柔和。在進行網頁色彩搭配時,要盡量避免產生單調的感覺。
(1)顏色。在進行網頁設計時,顏色的使用是最關鍵的。一般來說,網頁都會選用一種主色調,然后圍繞著主色調再挑選配色。這樣,網頁層次就會分明,不會雜亂無序,給人以清爽和舒服的感覺。
(2)線條的運用。在進行網頁設計時,要注意巧妙使用線條進行過渡,這樣觀賞者在觀看網頁時,就會感覺自然流暢。
(3)圖標。為了讓網頁的效果更加突出,在網頁的各個標題前面最好加一些圖標進行點綴。這樣,瀏覽者在觀賞時會覺得網頁的效果非常出彩。不過也不能靠許多圖標出奇取勝,要防止圖標過多也會造成顏色混亂。
(4)文字。網站的內容是用文字來顯示的,因此文字處理第一要素是要把文字的顏色和背景區(qū)分開來,防止瀏覽網頁的人看不清楚。其次,字體的使用要統一,不要胡亂用不常用的字體。因為瀏覽者使用的計算機或許在配置上達不到要求,如果文字使用過于混亂,配置低的計算機就打不開網頁了。第三,文字與文字之間的間隔要適當,便于觀看。
(5)主題要鮮明。在進行網頁設計時,主體明確是基本要求。每個瀏覽者在瀏覽網頁是都是尋找自己最需要的內容,如果主題龐雜,瀏覽者就會選擇離開;在設計網頁時,要讓網頁一打開就能給人以強烈的印象。
網頁設計所需要的制圖軟件已經開發(fā)了許多,所以,在進行網頁設計時,只要善于使用制圖軟件,就會輕松許多?,F在通常使用的軟件是photoshoop和fire works。在制作效果圖時,設計者要節(jié)省時間最好使用自己最熟悉和運用最熟練的制圖軟件。
photoshoop是一款非常好用的平面設計軟件。由Adobe公司開發(fā)設計,其用戶界面簡單明了,所有功能都具備,對于設計者來說,是一個很好的幫手。所以很多網頁設計者都會選擇Photo shop來進行網頁設計。Photo shop最大的好處就是設計了很多快捷鍵,H鍵、TABLE鍵、D鍵、X鍵可都可以實現一鍵完成任務??旖萱I地設置,簡化了設計步驟,提高了設計速度。
fire works是網頁開發(fā)圖形處理工具,需要矢量圖形的設計者可以采用,而且它簡單易學,只需要操作兩、三遍就可以輕松使用了。所以,很多網頁設計者都喜歡用它。
[1]鄧文淵.網頁制作高手[M].北京:人民郵電大學出版,2007.
[2]李憲廣.網頁制作邊學邊用[M].北京:清華大學出版社,2009.
[3]許凌云,柳勇良.網頁設計全方位學習[M].北京:清華大學出版社,2008.
[4]焦慧.網頁制作基礎與典型范例[M].北京:電子工業(yè)出版社,2008.
[5]戎馬工作室.Dreamweaver 8與asp動態(tài)網站開發(fā)[M].北京:機械工業(yè)出版社,2006.
[6]戴一波.Dreamweaver CS3網站制作炫例精講[M].北京:電子工業(yè)出版社,2008.
[7]何秀芳.網頁制作與網站建設課堂實錄[M].北京:人民郵電出版社,2009.
[8]孫連三.新編網頁制作與網站建設入門與提高[M].北京:人民郵電出版社,2008.