一：網(wǎng)頁分辨率

網(wǎng)頁的整體寬度可分為三種設(shè)置形式，百分比、像素、像素+百分比。一般在網(wǎng)頁設(shè)計中以象素形式為常用，行業(yè)網(wǎng)站也不列外。我們在設(shè)計網(wǎng)頁的時候必定會考慮到分辨率的問題，以前常用的是1024*768和800*600的分辨率，現(xiàn)在因為顯示器越來越大，分辨率也越來越大，所以，現(xiàn)在通常用的寬度是1200*1080，網(wǎng)絡(luò)上很多以前的網(wǎng)頁會給人一種很窄小，很小氣的感覺。而現(xiàn)在隨著移動端的流行，很多的網(wǎng)站更偏向于響應(yīng)式的設(shè)計，就是在不同大小的顯示器上，所顯示的百度比狀態(tài)是相同的，不會像固定寬那種的，越大的顯示器留白越多。當(dāng)然，無論哪種大小，讓客戶網(wǎng)站可以達(dá)到比較的視覺效果是目的。

二：網(wǎng)頁布局

1、頂部大圖Banner+簡單的柵格

無論顯示器分辨率有多大，這種布局都能夠滿足用戶展示充足內(nèi)容的需求，供用戶瀏覽和探索。這種布局隨著屏幕大小不同、設(shè)備不同在效果上有所差異，但很多時候這才能給用戶更自然真實的感覺。有的設(shè)計師會傾向于設(shè)計成固定寬或者橫跨整個頁面的布局，但是總體的模式都大同小異。一般順序都是導(dǎo)航欄、頂部大圖（圖片上疊有文字標(biāo)題）、頁面上有2-4個分欄，填充不同類別的信息、主要的內(nèi)容區(qū)域、頁腳等，這種布局設(shè)計干凈清爽，有足夠強(qiáng)的視覺表現(xiàn)力，并且常常采用的響應(yīng)式設(shè)計，斷點也很好控制。頂部大面積的輪播圖或者Banner 也有許多插件或者應(yīng)用來幫你實現(xiàn)。

2、單頁設(shè)計，單欄布局

單頁式（也稱為廣告頁）設(shè)計這幾年比較流行，它很適合于展現(xiàn)極簡的內(nèi)容，或者專注展示一個主題。當(dāng)網(wǎng)站的主題比較明確，內(nèi)容也比較單一固定的時候，無需復(fù)雜的布局來實現(xiàn)，單頁單列式的布局足以應(yīng)付搞定一切。導(dǎo)航、主要內(nèi)容區(qū)域（文字+圖片為主）、頁腳。采用這種布局模式的時，非?？简炘O(shè)計師設(shè)計留白和排版能力。版塊之間的連接設(shè)計是需要設(shè)計師反復(fù)推敲的，如果空間控制不合理會給用戶一種混亂的感覺，如果過于緊密則會產(chǎn)生局促感。和單頁設(shè)計結(jié)合緊密的應(yīng)該是動效設(shè)計和視差滾動，他們可以讓單頁式設(shè)計更加生動有趣，淡化單調(diào)的設(shè)計，賦予頁面更強(qiáng)的生命力。

3、經(jīng)典的F式布局

研究表明，用戶在瀏覽網(wǎng)頁的時候，習(xí)慣于沿著F式的閱讀軌跡來瀏覽信息，也就是說，用戶喜歡從左到右閱讀，然后向下移動，再繼續(xù)從左到右閱讀。這種F式的閱讀模式對應(yīng)的網(wǎng)頁布局就是F式布局，關(guān)鍵的信息靠左顯示，從上到下盡量保持在一條線上。頁頭和導(dǎo)航，靠左的一欄相對較寬，展示主要的內(nèi)容；靠右常為側(cè)邊欄，展示相關(guān)鏈接等內(nèi)容；頁腳；研究也證實了人思考、行為確實是模式化的。從左到右，自上而下，人們大多習(xí)慣了這種行為模式。F式的布局模式擁有良好的適用性，便于用戶理解和交互。

三：合理廣告

在一些網(wǎng)站的廣告(彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等……)讓人覺得很煩瑣，根本就不愿意來看，有時連你這個網(wǎng)站都不上了，這樣一來網(wǎng)站受到了嚴(yán)重的影響、廣告也沒達(dá)到廣告的目的。這些問題都是我們在設(shè)計網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。浮動廣告有兩種，第一種是在網(wǎng)頁兩邊空余的地方可以上下浮動的廣告，第二種是滿屏幕到處隨機(jī)移動的廣告。建議能使用第一種的情況下盡量使用第一種，不可避免第二種情況時盡量在數(shù)量上控制多一個就好。如果數(shù)量過多會直接影響到用戶的心理、妨礙到用戶瀏覽信息，適得其反。首頁廣告不宜過多適中即可。如在注冊或者某個購買步驟的頁面上不要出現(xiàn)過多的其他無關(guān)的內(nèi)容讓用戶分心，避免客戶流失等……

四：空間的合理利用

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