無論多么復(fù)雜或簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)都可以避開基本的組件，任何網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目都是由這些基本組件組成的。

第一，是網(wǎng)頁(yè)設(shè)計(jì)中的標(biāo)題

頭部，又稱頁(yè)眉。主要用于定義網(wǎng)頁(yè)設(shè)計(jì)的主題，通常網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)站的名稱會(huì)出現(xiàn)在標(biāo)題中，方便客戶在時(shí)間了解網(wǎng)站內(nèi)容。網(wǎng)頁(yè)頁(yè)眉設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中直接關(guān)系到整個(gè)網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面的協(xié)調(diào)，主要用于存儲(chǔ)網(wǎng)站名稱、公司LOGO、聯(lián)系電話和橫幅廣告。

第二，網(wǎng)頁(yè)設(shè)計(jì)的主要部分

這是網(wǎng)頁(yè)設(shè)計(jì)中重要的部分。主要內(nèi)容布局體現(xiàn)在這一部分，主要由圖片、文字和適當(dāng)?shù)囊曨l元素組成。

第三，網(wǎng)頁(yè)的底部設(shè)計(jì)

底部是頁(yè)腳，它是web設(shè)計(jì)的一部分，與頁(yè)眉相對(duì)應(yīng)，通常用于存儲(chǔ)鏈接、所有者聯(lián)系信息和詳細(xì)信息。

以上三個(gè)元素都不能稱為完整的web設(shè)計(jì)，而由這三個(gè)部分組成的web設(shè)計(jì)的頁(yè)面大小也是一個(gè)值得注意的細(xì)節(jié)。

一個(gè)網(wǎng)頁(yè)的元素都有什么?

網(wǎng)頁(yè)的主要元素包括:文字、圖像、Flash動(dòng)畫、色彩、布局等元素。

1.文字設(shè)計(jì)與編排。

文本是網(wǎng)頁(yè)中重要的部分，除了表達(dá)意義外，還具有傳達(dá)感情的功能。這篇文章有兩個(gè)要點(diǎn)。它簡(jiǎn)潔、清晰，可以讓用戶讀下去;其次，把握好數(shù)量，文字過少，會(huì)顯得單調(diào)，文字過多，網(wǎng)頁(yè)會(huì)顯得十分無聊。因此，文本在網(wǎng)頁(yè)設(shè)計(jì)中占據(jù)了很大的面積，而文本所占的存儲(chǔ)空間非常小，有利于瀏覽和搜索引擎收集。網(wǎng)頁(yè)上文字的布局和設(shè)計(jì)應(yīng)該與網(wǎng)頁(yè)設(shè)計(jì)的整體風(fēng)格一致。

2.圖像的創(chuàng)作和設(shè)計(jì)。

圖片可以比文字更吸引眼球，所以在一些顯眼的地方，你可以放一些色彩更豐富的圖片，這樣不僅可以達(dá)到美麗的效果，還可以讓游客印象深刻。網(wǎng)頁(yè)設(shè)計(jì)中使用的圖像必須符合網(wǎng)頁(yè)的主題，具有創(chuàng)新性和個(gè)性化。圖片的位置、面積、數(shù)量、形式直接關(guān)系到網(wǎng)頁(yè)的視覺傳達(dá)。圖文混合時(shí)，注意統(tǒng)一、集中、悅目，達(dá)到和諧統(tǒng)一。

3.網(wǎng)頁(yè)布局設(shè)計(jì)與安排。

網(wǎng)頁(yè)版式設(shè)計(jì)注重技術(shù)與藝術(shù)性的高度統(tǒng)一，是視覺傳達(dá)的重要手段，也是網(wǎng)頁(yè)設(shè)計(jì)的重要組成部分。一個(gè)好的布局應(yīng)該有清晰的方向，這樣訪問者就能一眼看到網(wǎng)頁(yè)。一個(gè)成功的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該能夠吸引訪問者和留住用戶。排版需要關(guān)注的事項(xiàng)很多，要注意字間距、文字、圖片數(shù)量、色彩搭配、頁(yè)面白度等等，是一項(xiàng)細(xì)致的工作。

4、頁(yè)面色彩搭配。

色彩搭配，可以體現(xiàn)一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師的審美，也直接影響著瀏覽者的觀感。你不需要有很多的顏色，但要確保它們匹配。網(wǎng)頁(yè)設(shè)計(jì)也相當(dāng)于藝術(shù)設(shè)計(jì)，它要求文字美觀流暢，頁(yè)面新穎整潔，通過色彩的合理搭配，使頁(yè)面更加生動(dòng)、吸引人。因此，色彩設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中起著非常重要的作用。一個(gè)網(wǎng)頁(yè)通常會(huì)有一個(gè)主色來匹配頁(yè)面的主題。其他顏色，輔以緩和效果。

5.多媒體元素的選擇。

網(wǎng)頁(yè)中的多媒體元素可以極大地增強(qiáng)瀏覽的吸引力。訪問者希望看到更有創(chuàng)意和吸引力的頁(yè)面。多媒體元素是實(shí)現(xiàn)這一目標(biāo)的重要手段。網(wǎng)頁(yè)中涉及的多媒體元素主要有音頻、視頻和動(dòng)畫。在一般的網(wǎng)頁(yè)中，有很多多媒體不是一件好事，這些多媒體會(huì)影響網(wǎng)頁(yè)的打開速度。一般來說，多媒體應(yīng)該根據(jù)自己的能力來擺放。

網(wǎng)站頁(yè)面的適應(yīng)性非常重要，我們會(huì)在不同的系統(tǒng)、不同的分辨率、不同的瀏覽器上看到不同的結(jié)果，所以應(yīng)該考慮設(shè)計(jì)。