設(shè)計網(wǎng)頁需要注意哪些問題

第頁設(shè)計網(wǎng)頁需要注意哪些問題〔制定〕網(wǎng)頁必須要注意哪些問題

在制作圖片時，沒有合計當(dāng)前網(wǎng)站的風(fēng)格，隨意變幻圖片基本色調(diào)，在網(wǎng)頁色彩搭配制定時，不合理配合網(wǎng)站整體風(fēng)格，會影響網(wǎng)站后期的優(yōu)化工作。下面介紹制定網(wǎng)頁必須要注意哪些問題，希望對您有幫助。

1、切勿隨意添加欄目

作為〔美工〕，這一行為是要避免的，如果隨意給界面添加表單、鏈接、"更多'等必須要后臺開發(fā)才干支持的功能，這樣隨意添加，就無形的更改了網(wǎng)站最初的必須求，增加了項目的工作量，會影響網(wǎng)站的整體功能，同時也增加了后期測試的工作量，另一種可能就是不符合用戶的必須求，導(dǎo)致后期還必須要重新修改。

2、切勿隨意竄改制定

沒有按照欄目的邏輯來制定頁面，也沒能為網(wǎng)站的內(nèi)容進(jìn)行優(yōu)良的浮現(xiàn)。這種行為只是單純的為了自己能在〔網(wǎng)頁制定〕時方便，從而隨意的消減了很多網(wǎng)站的內(nèi)容。

3、隨意切圖，不合計頁面動態(tài)擴(kuò)大

這個一般是美工技術(shù)含量不夠?qū)е碌?。切出的圖片只能用在一個界面尺寸里，換個頁面，就必須要重新切圖，沒有任何擴(kuò)大性，要結(jié)合響應(yīng)式網(wǎng)頁制定的原理，進(jìn)行合理切圖。

4、圖片好看，但是沒有實在的意義

給一個美工一個新聞主題，讓他給做一個Banner，但是做出來之后，和新聞主題沒有任何的關(guān)系，僅僅是好看。還有一些美工，更加對工作不負(fù)責(zé)任，只是把一個圖片做了一下PS，這樣對網(wǎng)站的整體效果都是有害的。

5、整站界面風(fēng)格

在后期維護(hù)網(wǎng)站的階段，美工們在制作圖片時，沒有合計當(dāng)前網(wǎng)站的風(fēng)格，隨意變幻圖片基本色調(diào)，在網(wǎng)頁色彩搭配制定時，不合理配合網(wǎng)站整體風(fēng)格，會影響網(wǎng)站后期的優(yōu)化工作。

制定網(wǎng)站必須要注意什么

1.分辨率

網(wǎng)頁的整體寬度可分為三種設(shè)置形式：百分比、象素、象素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用，行業(yè)網(wǎng)站也不列外。我們在制定網(wǎng)頁的時候必定會合計到分辨率的問題，科技發(fā)展到現(xiàn)在我們通常用的是1024*768和800*600的分辨率，現(xiàn)在網(wǎng)絡(luò)上很多都是用到778個象素的寬度，在800的分辨率下面往往使整個網(wǎng)頁很壓抑，有種不透氣的感覺，其實這個寬度是指在800*600的分辨率上網(wǎng)頁的最寬寬度，不代表最正確視覺，無妨試試760~770的象素，不管在1024還是800的分辨率下都可以達(dá)到較佳的視覺效果。

2.合理廣告

在目前一些網(wǎng)站的廣告(彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等)讓人覺得很煩瑣，更本就不愿意來看，有時連你這個網(wǎng)站都不上了，這樣一來網(wǎng)站受到了嚴(yán)重的影響、廣告也沒達(dá)到廣告的目的。這些問題都是我們在制定網(wǎng)站之前必須要合計、必須要規(guī)劃的內(nèi)容之一。

浮動廣告有兩種，第一種是在網(wǎng)頁兩邊空余的地方可以上下浮動的廣告，第二種是滿屏幕到處隨機(jī)移動的廣告。建議能使用第一種的狀況下盡量使用第一種，不可避免第二種狀況時盡量在數(shù)量上控制最多一個就好。如果數(shù)量過多會直接影響到用戶的心理、防挨到用戶瀏覽信息,適得其反。首頁廣告不宜過多適中即可。如在注冊或者某個購買步驟的頁面上最好不要出現(xiàn)過多的其他無關(guān)的內(nèi)容讓用戶分心，避免客戶流失等

3.空間的合理利用

很多的網(wǎng)頁都具有一個特點，用一個字來形容，那就是"塞'，它將各種各樣的信息如文字、圖片、動畫等不加合計的塞到頁面上，有多少擠多少，不加以規(guī)范，導(dǎo)致瀏覽時會碰到很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點，沒有很好的歸類，整體就像各大雜燴。讓人難以找到必須要的東西。有的則是一片空白失去平衡，也可以用個"散'字來形容。

并非要把整個頁面塞滿了才不覺得空，也并非讓整個頁面空曠才不覺得滿，只要合理的安排、有機(jī)的組合，使頁面達(dá)到平衡，既使在一邊的部分大面積留空，同樣不會讓人感到空，相反這樣會給人留下廣闊的思索空間，給人回味又達(dá)到了視覺效果。

4.文字編排

在網(wǎng)頁制定中，字體的處理與顏色、版式、圖形化等其他制定元素的處理一樣非常關(guān)鍵。

網(wǎng)頁頁面的視覺制定原則

(一)風(fēng)格確實定

在對網(wǎng)站頁面進(jìn)行頁面制定之前，一定要確定好基本的主體風(fēng)格，使其與網(wǎng)站的主題側(cè)重點堅持一致，只有內(nèi)容與形式和諧統(tǒng)一，才干使網(wǎng)站的宣揚到達(dá)理想效果。在確定主體風(fēng)格的過程中，還要充分合計網(wǎng)站受眾面的群體特征，即瀏覽者的大眾必須求和審美偏好。

(二)色彩的處理

關(guān)于視覺沖擊而言，色彩是給人最直觀的視覺體會，和諧適當(dāng)?shù)纳拾才趴梢詩Z人眼球，吸引瀏覽者的注意力。因此在色彩的制定中，應(yīng)該首先確定與主題風(fēng)格相統(tǒng)一的主打色調(diào)，可以是暖色調(diào)、冷色調(diào)或者采納對比色調(diào)，這個完全要依據(jù)頁面信息傳遞的必須要而定。然后分清主次，分別對背景色、圖片顏色、文字顏色等等做出具體的處理，注意色彩的使用層次，不可喧賓奪主。

(三)版面的編排

網(wǎng)頁的視覺制定屬于交叉學(xué)科范疇，在版面的布局安排上基本和平面媒體的制定有異曲同工之處。在有限的屏幕界面內(nèi)對構(gòu)成要素做出編排，必須要充分合計各要素之間的依存關(guān)聯(lián)和信息內(nèi)容的輕重，通過空間上的排列組合，使整個界面和諧統(tǒng)一，生動形象。如何做到科學(xué)合理的版面制定，必須要從三個大的方面合計：一是主次分明，讓瀏覽者可以輕松判別信息的價值，便于快速選取核心信息;二是圖文并茂，相得益彰，注意文字與圖片的結(jié)合;三是錯落搭配，具有動態(tài)感，對要素的位置、大小、方向的處理要錯落有致，并把握整體的動態(tài)感，使之生動有氣息。

網(wǎng)頁頁面的布局

頁面布局，是對整個網(wǎng)頁的整體規(guī)劃，包括頁面尺寸確定、整體造型制定、各類元素(頁頭、文本、頁腳、圖片、多媒體)的大致擺放等問題。頁面的尺寸大小應(yīng)依據(jù)分辨率大小來進(jìn)行設(shè)定，正確的寬度尺寸是比分辨率寬度值偏小。向下拖動頁面是惟一給網(wǎng)頁增加更多內(nèi)容(尺寸)的方法，一般來說，除非你能肯定網(wǎng)頁的內(nèi)容能吸引訪問者不厭其煩地拖動，否則不要讓頁面拖動超過三屏。網(wǎng)頁拖動超過三屏，最好合計在頁面內(nèi)做一個內(nèi)部鏈接。

整體造型是指頁面的整體形象，這種形象應(yīng)該是一個整體，圖形與文本的接合應(yīng)該是層疊有序。整個頁面的造型可運用自然界中的其它形狀以及它們的組合，例如矩形，圓形，三角形，動物形狀等。不同的形狀，所代表的意義是不是同的。像矩形代表正式、規(guī)則，多用于制作政府網(wǎng)頁;圓形體現(xiàn)的是柔和、團(tuán)圓、安全、團(tuán)結(jié)等，多用于制作時尚站點以及節(jié)日慶典時產(chǎn)品的宣揚;三角形代表警示和危機(jī)等，多用在帶有警示性的報道中;動物形象代表可愛、親近，像許多關(guān)于幼兒的網(wǎng)頁都采納了動物的卡通形象。

頁頭又可以稱之為頁眉，它的作用是定義頁面的主題，常放置站點的圖片、公司標(biāo)志旗幟以及廣告。一個站點的名字也多數(shù)顯示在頁眉里，這樣訪問者一打開網(wǎng)站便能很快知道這個站點是什么內(nèi)容。文本在頁面中出現(xiàn)都以行或塊(段落)出現(xiàn)，它們的擺放位置決定著整個頁面布局的可視性。在過去因為頁面制作技術(shù)的局限，文本放置的位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。頁腳通常是放置制信息或是公司信息，和頁頭首尾相呼應(yīng)。圖片和文本是網(wǎng)頁的兩大構(gòu)成元素，缺一不可。如何處理好圖片和文本的位置成了整個頁面布局的關(guān)鍵。多媒體包括聲音、視頻和動畫等其它媒體，隨著現(xiàn)代技術(shù)的發(fā)展以及動態(tài)網(wǎng)頁的興起，它們在網(wǎng)頁布局上也是一個不可或缺的重要基本環(huán)節(jié)。以上各元素的擺放位置，無不體現(xiàn)著制的布局思維，影響著整個網(wǎng)頁的制定效果。

布局的方法可采納紙上布局法或采納〔photoshop〕、coreldraw等軟件布局法兩種。紙上布局法是通過紙筆的方式，將大致思路畫于紙上。而photoshop、coreldraw等軟件布局法，是通過photoshop、coreldraw等軟件，將布局思路畫出來，必須要網(wǎng)頁制對photoshop、coreldraw等軟件所具有的圖像編輯功能也要能夠熟練掌握。從色彩和形象角度來說，后者更勝一籌，尤其是可以利用層的功能制定出用紙張無法實現(xiàn)的布局意念。網(wǎng)頁布局的技術(shù)可以選擇以下三種：應(yīng)用層疊樣式(css)、表