網(wǎng)站設(shè)計(jì)，要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識通過藝術(shù)的手法表現(xiàn)出來；而網(wǎng)頁制作通常就是將深圳網(wǎng)站設(shè)計(jì)師所設(shè)計(jì)出來的設(shè)計(jì)稿，按照W3C規(guī)范用html（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）將其制作成網(wǎng)頁格式。

1、忘記層次結(jié)構(gòu)
       用戶瀏覽網(wǎng)站是希望找到或做某事。你需要用不同的層次結(jié)構(gòu)和元素來幫助用戶更加簡單地實(shí)現(xiàn)這個(gè)目的。
       設(shè)計(jì)中放的最大的部分應(yīng)該是最重要的，縮小那些不太重要的項(xiàng)目。同時(shí)， 對信息進(jìn)行排列和分組，使用戶可以輕松閱讀并理解。
       然后，為了一致性，將你的層次結(jié)構(gòu)轉(zhuǎn)換為一組規(guī)則。 這樣一來，標(biāo)題總是看起來像標(biāo)題，按鈕遵循相同的布局，大小和交互規(guī)則。 所有這些小事情將使整個(gè)集合更容易讓用戶參與。

2、所有元素大小相同
       所有照片的尺寸相同。 所有文字的大小和顏色都一樣。 所有按鈕的大小和顏色也都一樣。 雖然一致性是好的，但千篇一律的元素只會帶來刻板和單調(diào)。
       如果你想保持一致性，同時(shí)也吸引眼球并創(chuàng)造視覺沖擊，你可以將每種元素的不同大小類型和比例選項(xiàng)進(jìn)行混合搭配。
       你可以做的最好的事情之一就是在框架內(nèi)考慮圖片的尺寸。 每個(gè)頁面上的主標(biāo)題可能會有相同的大小，但是如何將圖片放在框架中可以采用不同的方式?？s小圖像，讓圖片看起來更小，有更少的視覺重量; 或者使用裁剪使對象看起來越來越近，越來越大。不改變實(shí)際尺寸 、 或是你的網(wǎng)站樣式或模板 ，但其實(shí)你已經(jīng)創(chuàng)造了不同大小的東西。
3、混亂的排版
       最大的排版問題在于空間。行間距、導(dǎo)言或文本塊之間的空格量是常見的違規(guī)項(xiàng)。雖然有時(shí)你會看到很多空間，但更常見的問題是文本沒有足夠的呼吸空間，讓設(shè)計(jì)看起來混亂，難以閱讀。
       對于大多數(shù)的復(fù)雜文本塊 - 考慮正文的段落 - 網(wǎng)絡(luò)的公共線間距約為文字大小的150%至120%。使用較小的文本，例如在移動設(shè)備上閱讀的，您甚至可以增加一點(diǎn)點(diǎn)額外的行間距來確保可讀性。
       排版的訣竅在于快樂這種媒介，你要讓文字容易閱讀，并且自然的流動，不會使眼睛感到疲勞。距離太遠(yuǎn)或者太近的文本同樣會產(chǎn)生閱讀困難的問題。
       當(dāng)談到文本塊時(shí)，請遵循一致的規(guī)則。對于打包在一起的相關(guān)元素，請考慮使用相同的行間距規(guī)則。這樣一來，一切都會有一致的感覺，表明元素是相關(guān)的，也增加了可讀性。