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

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

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