在網(wǎng)站設(shè)計(jì)中，最重要的方面之一是網(wǎng)頁的風(fēng)格。網(wǎng)頁的風(fēng)格包括很多內(nèi)容，主要包括色彩、網(wǎng)頁布局、網(wǎng)頁文本交互、多媒體形式、內(nèi)容結(jié)構(gòu)和網(wǎng)頁內(nèi)容等，下面分別介紹這些方面。1、色彩

顏色包括網(wǎng)頁背景顏色、文字顏色、色系和圖片顏色等。2、排版

主要是網(wǎng)頁的整體結(jié)構(gòu)，各組成部分內(nèi)容的展示形式，表格、框架、文字縮進(jìn)、段落等的應(yīng)用。

在編寫文本、查找圖像和進(jìn)行正式的網(wǎng)頁設(shè)計(jì)之前，應(yīng)該組織基本的網(wǎng)頁結(jié)構(gòu)。如果您不以一個(gè)相當(dāng)清晰的結(jié)構(gòu)開始，它幾乎肯定會(huì)以一團(tuán)糟告終。參考一些用戶喜歡的頁面，研究他們的布局和風(fēng)格，看看他們是如何表現(xiàn)內(nèi)容的。整頁復(fù)制別人的東西是剽竊，但向別人學(xué)習(xí)是一個(gè)研究過程。

對(duì)要設(shè)計(jì)的網(wǎng)頁進(jìn)行初步思考后，可以將思考的結(jié)果以草圖的形式表現(xiàn)出來。這樣做有兩個(gè)目的：

一種是將腦海中的想法變成有形的圖片，這樣您就可以自己驗(yàn)證它的實(shí)際效果。

二是可以把設(shè)計(jì)草圖發(fā)給別人，請(qǐng)他們提意見。

草圖的設(shè)計(jì)可以使用Photoshop或其他圖像設(shè)計(jì)軟件，主要內(nèi)容是對(duì)網(wǎng)頁的整體結(jié)構(gòu)進(jìn)行規(guī)劃。比如把網(wǎng)頁整體分成幾個(gè)大的部分，每個(gè)部分應(yīng)該放什么內(nèi)容，內(nèi)容應(yīng)該怎么展示，是圖片、動(dòng)畫還是文字。圖1-22 是一個(gè)網(wǎng)頁的草圖。

3、網(wǎng)頁的交互

主要是網(wǎng)頁、客戶端和服務(wù)器端程序的交互形式，比如客戶端是否使用JavaScript框架來增強(qiáng)用戶體驗(yàn)，服務(wù)器端程序如何實(shí)現(xiàn)，如ASP、PHP、XML、CGI、等4、其他的媒體形式

這部分主要是各種使網(wǎng)頁看起來生動(dòng)的內(nèi)容形式，如Flash動(dòng)畫、Silverlight程序等。5、內(nèi)容架構(gòu)

主要是指網(wǎng)站的目錄規(guī)劃、網(wǎng)站的層次性和網(wǎng)頁內(nèi)容。如圖1-23所示，是一篇來自網(wǎng)易的新聞文章。這個(gè)網(wǎng)頁的內(nèi)容結(jié)構(gòu)很有代表性。首先是一個(gè)非常醒目的標(biāo)題，一目了然。以下是內(nèi)容的發(fā)布時(shí)間和來源，因?yàn)檫@部分內(nèi)容不是重點(diǎn)，但也不能少，所以以較小的字體顯示。接下來是總結(jié)，用戶只需要閱讀這幾行就可以理解本文的內(nèi)容。最后是正文，圖文并茂。

這種結(jié)構(gòu)值得借鑒。用戶在設(shè)計(jì)展示產(chǎn)品的網(wǎng)頁時(shí)，還應(yīng)該將產(chǎn)品的名稱放在網(wǎng)頁的頂部，讓用戶一眼就知道是什么。如果介紹的產(chǎn)品內(nèi)容很多，還應(yīng)該在正文前面放一個(gè)概要，簡(jiǎn)單介紹一下產(chǎn)品的性能和一些指標(biāo)。最后向用戶詳細(xì)介紹產(chǎn)品。初學(xué)者經(jīng)常在這方面犯錯(cuò)誤。比如產(chǎn)品名稱經(jīng)常和產(chǎn)品介紹混在一起，或者產(chǎn)品介紹很詳細(xì)，但是沒有介紹。在這種情況下，用戶就很難理解網(wǎng)頁的內(nèi)容。6、網(wǎng)頁內(nèi)容

主要是指網(wǎng)站的主題是否清晰，網(wǎng)站的整體實(shí)用性，網(wǎng)站內(nèi)文件的相關(guān)性，網(wǎng)頁內(nèi)容與主題的契合度，是否有多余的文件等。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！