乙個網頁的頁面效果很重要。在很多個性網頁中可以很明顯地體會到
設計乙個好的網頁頁面要求以下幾個方面:
一、頁面平鋪
把頁面平鋪開，主要的物件有：導航欄、logo、banner、按鈕、**、文字。
1.導航欄
導航欄如果設計得恰到好處，是會給網頁本身增色很多(千萬不要太花哨，它屬於功能物件，喧賓奪主就不好了)。導航欄有一排、兩排、多排、**導航和frame 框架快捷導航（民主湖論壇就是這種）等等各種情況的設計。有時候是橫排，有時候則是豎排。
另外還有一些動態的導航欄，如很精彩的flash導航。導航欄設計要點歸納如下：
1)導航不多的情況下，通常是一排，橫豎都可以，其實欄目超過6個就可以考慮用兩排。
2)導航欄目很多的情況，也可以多排，甚至不規則地多排(一排個數不同，或長度不同)。商業設計或門戶站點通常都會有很多頻道，設計起來，就要考慮橫向雙排。使用豎排，會占用太大空間。
多排排版時要考慮導航條的直觀和美觀
3)通常內容不多的情況下，可能無所謂欄目，站點就包括了導航的具體內容。
4)雙排導航未必要挨在一起，可以自由一些，如：上排有導航欄，**分隔開後則另起一排。
5)**式導航，很漂亮，占用頁面空間比較大。如每乙個影象就是乙個點選熱點。
6)我推薦大家多用flash製作導航，其體積小、變化多。但是有一點就是有人在瀏覽的時候喜歡遮蔽flash這給flash導航帶來考驗！
7)內容很豐富的站點，可以考慮使用快捷導航，即frame 框架快捷導航，是因為不管你進入哪個頁面都可以快速跳躍到另外的欄目，不會失去方向。民主湖論壇的這點做的很好，這也是很多人喜歡民主湖的原因。
8)利用dhtml、js、動態隱藏層等技術實現的多變化的導航，都有瀏覽器的支援問題。建議大家不用。
說明：不是所有的**都有導航的。大家可根據自己情況而定。
標誌)logo並不是每個**多要有的，他是**為了給大家乙個比較直觀的資訊的表達工具：
1)logo的位置通常在頁面的左上角。這個地方最明顯和直觀，可以第一時間給人於默化的效果。
2)**的logo，一般以靜態的居多，也有動態的，但是logo的特點都是在表達**的資訊，是乙個**的直接的表現視窗。
廣告條)型別
幾種國際尺寸的banner如下：468×60(全尺寸banner)、392×72(全尺寸帶導航條banner)、234×60(半尺寸banner)、125×125(方形按鈕)、120×90(按鈕型別1)、120×60(按鈕型別2)、88×31(小按鈕)、120×240(垂直banner)，其中468×60的和88×31最多用。
1)468×60 全尺寸banner
雖然尺寸為國際標準，但是在設計頁面的時候，完全可以根據你的頁面占用空間來制定banner廣告位和廣告條大小。
(1)乙個頁面內不易超出兩個468×60 全尺寸banner。兩個條的時候，一般是上面乙個，下面乙個。
(2)設計banner配合頁面的兩種情況：單看banner很難看，但是放入網頁中，卻會使網頁設計豐富而炫目，一般也就是468×60的banner有這本事了。還有設計的時候必須要考慮logo跟別站互換時如何更適合他人網頁的風格，所以該多做一些不同顏色不同情況的banner。
2)88×31的banner
(1)大家俗稱它為logo。
(2)好的banner也要符合**的風格。經常遇到乙個很棒的banner點開卻是很難看的主頁。雖然有被欺騙的感覺，但是從行銷的角度講，它設計越好，點選率越高，也就越成功。
(3)如圖4中，區域7內的一般的廣告條， 88×31 banner也可以用來豐富頁面。這樣的情況很少見，值得注意。
3)banner設計注意點：
(1)banner有動態和靜態兩種。在瀏覽網頁的過程中，雖然閃爍的圖案會產生瞬間記憶刺激，引起注意，但這種記憶往往為壓迫性的，久之易產生負面效應，從而模糊記憶。而穩定的畫面不易引發特殊的關注，但如果有良好的介面引導和內容，可產生良性的記憶，持久而牢固。
根據粗略統計，100個banner裡面有1/3是靜態的。看來大家對動態的banner更加看好。
(2)banner的「重量」要輕！以468×60的banner為例，最好是15k左右，不要超過22k。而88×31的banner最好在5k左右，不要超過7k太大的會引起網頁開啟速度，導致瀏覽下降，
(3)這裡面也有個量的問題，太多的廣告而影響瀏覽者瀏覽網頁，導致反感這也是乙個問題。
所以放廣告條的時候要考慮到廣告的大小和多少，還有就是搭配問題。
4)設計要點：
(1)banner的文字不能太多，用一兩句話來表達即可。
(2)廣告語要朗朗上口，可以第一時間的讓人捕獲表達的重點。
(3)圖形無須太繁雜，文字盡量使用黑體等粗壯的字型，否則在視覺上很容易被網頁其他內容淹沒。
(4)圖形盡量選擇顏色數少，能夠說明問題的事物。
(5)如果選擇顏色很複雜的物體，要考慮一下在低顏色數情況下，是否會有明顯的色斑。
(6)盡量不要使用彩虹色、暈邊等複雜的特技圖形效果，這樣做會大大增加圖形所佔據的顏色數，增大體積。
4.按鈕
網頁設計是新的行業，沒有很久的歷史和規範的教本，長期以來對按鈕的定義也不是很清晰。哪些算是按鈕呢？如圖5中用圈作記的地方：
其中「使用者登入」、「登入按鈕」「more按鈕」、「**推薦」等等類似物件，通常都統稱為按鈕。某種意義上導航的存在形式也是按鈕，只是它的功能很特殊。如果經常做網頁，就會感覺到按鈕設計的要求已越來越高。
按鈕設計要點：
1)設計按鈕要同頁面的整體協調，不能太搶眼。
2)有的頁面很單調，還要依靠花哨的按鈕來提一下。
3)選用的字型，選用的插圖，或插圖及字型搭配，都要考慮字跡清楚，色彩簡單一些，不要超過四種。
4)很長的按鈕可能就是框架的分界，盡量要纖細一些，否則頁面會顯臃腫。
5.**
為了美化頁面，**是任何乙個頁面都要用到的，但要考慮網速，建議大家能不用就不用，**的運用要合理。
**運用要點：
1)圖形的主體最好清晰可見。
2)圖形的含義最好簡單明瞭。
3)**內所含文字應該清晰容易辨認。
4)背景與主體明度對比比例應為3∶1到5∶1之間為宜。
5)淡色系列的背景有助於整體和諧。
6)淡色材質背景最佳，能與主題分離之淺色標誌或文字背景亦可。
6.文字
文字也是設計的。這裡給大家列出幾個設計要點：
1)每一行文字的長度最好20到30個中文字(40到60個英文本母)。
2)行距與字距已由軟體內定。設計時注意段落與段落間空行及首行縮排方式以輔助閱讀。
3)標題以h1到h3字型大小為佳，內文font size=3到4級為佳。
4)同版面字型最好在三種以內。
5)文字的顏色最好也是三種以內。
6)文字在顏色上要與背景區別。
7)內文的排列向左對齊並與左邊界保持適當距離。可以用**填入文字以達此效果。
8)**或清單內的字運用相同字型與字型大小，以利辨別。這些都是為使用者服務的設計，很重要哦！
二、整體規劃
1.有共性，才有統一，有細節區別，就有層次。
2.防止設計與實現過程中的偏差，不要定死具體要放多少條資訊。
3.設計的各部分，要配合整體風格，誇張一點好像vi。
4.不僅頁面上各項設計要統一，而且**的各級別頁面也要統一。
5.頁面要「透氣」，就是資訊不要太過集中，以免文字編排太緊密。
6.不要有太多分散注意力的點。動態閃爍要適中。
7.頁面留白部分，要根據平面設計原理來設計，請注意，分欄式結構不宜留白。
8.還要考慮到瀏覽器上部占用的螢幕空間，防止**截斷等造成視覺效果不好。
9.首頁設計**+導航，這是一種比較強的**表達，可以根據時間的變化更改**，一般用在專題**上，如民主湖電台，還有很多公司的網頁。
三、功能易用性
任何**都要把這個問題放在第一位。不過大家請注意以下幾點：
1.導航欄應最先調入，以便常客快速前往所需資訊空間。
2.頁面長度要短，使得使用者在資訊空間內可迅速移動。
3.導航設計方向要一致。支援導航的層次按鈕應當從上到下或從左到右，但不要兩者都用，不要混用方向。
四、氣氛情感表達
氣氛會自然地激發出一種情感，不管它來自**、顏色、標題或者是動態的廣告，只要是來自頁面，本身就具備了一種表達思想。氣氛的表達是乙個**的靈魂所在，在瀏覽網頁的是時候給人的第一感覺是最重要的，氣氛情感也代表著整個**的主題，是瀏覽者最容易所到感染的隱藏因素。
網頁設計的趨勢分析
設計風潮體現著乙個時期內人們對特定的風格 趣味 審美 技術乃至理念等各種模型或特徵的追隨。新技術的發展 媒介載體的占有量的變化 新 型別的誕生 全球的設計思潮的影響 行業領軍者的轉變 明星設計師個體的亮點，這些因素都在推動潮流的變化。你可以回想一下那些曾經風靡一時的模式 復古的畫素樣式 google...
從手機產品登入頁面設計想到的
一 架構設計和流程設計 我一直追求簡單而高效的設計，尤其欣賞臭魚這一篇文章 為產品結構的設計，為使用者任務的設計 他用圖1很好的詮釋了這個觀點 首先要保證產品邏輯結果清晰 準確，其次要為使用者任務架起一些快捷操作的橋梁。圖1 產品結構設計 和 為使用者任務設計 的關係 好的流程設計能使產品具有更清晰...
華南福州網頁設計培訓學校 網頁美工的需求
網頁美工的需求 華南福州網頁設計培訓學校核心提示 網頁設計是一門包含藝術設計和計算機網路技術的交叉學科，近幾年隨著網路的發展而逐漸受到人們的重視，它以網路為載體，把各種資訊以最快捷 最方便的方式傳達給受眾，在這種標準的要求下，逐步產生了審美的需求。人們對藝術的追求是不斷深入的，網頁設計同樣如此。網頁...