1.優化圖片以獲得更好的頁面加載速度。
學習如何通過選擇正確的格式來優化網頁圖片，並確保文件大小在可行的範圍內足夠小。雖然人們現在使用寬帶，但有些人仍然撥號上網。此外，盡管移動設備技術普及，但移動設備不壹定支持與寬帶相同的速度，圖片文件的大小仍可能延長網頁的加載時間，並可能趕走用戶。
這裏有壹個選擇合適文件格式的竅門:如果圖片是單色的，最好保存為PNG或GIF格式；如果是連續色調(如照片)，最好保存為JPG格式。
有許多工具可以幫助您進壹步優化圖片並減小文件大小。您可以參考此工具列表來幫助優化您的圖片。盡量減少圖片數量，靈活使用圖片，盡可能減小文件大小。這樣會大大減少頁面的閱讀時間，提高頁面的性能。
2.保持簡潔明了
壹個好的網頁設計不僅僅是漂亮的，而且是用戶友好的。壹般來說，幹凈簡潔的網頁設計最終會成為高可用性的網頁設計，因為在與用戶的交互中不會混淆。當頁面上的網站功能和組件過多時，會分散網站用戶的註意力，失去瀏覽網站的本來目的。確保每個頁面元素都有用途，然後問自己以下問題:
1.妳真的需要這樣的設計嗎？
2.這個組件是做什麽的，它是如何幫助用戶瀏覽的？
3.如果我突然刪除這個組件，大多數人會希望它“回來”嗎？
4.如何將這些元素與網站的目標、信息和目的結合起來？此外，雖然它可能是壹個很酷的新概念或界面設計模式，但您應該確保該設計對您的用戶來說仍然是方便和直觀的。人們習慣了通用的交互模式、網站功能和網絡界面。如果妳的設計真的很獨特，確保它不會太模糊和晦澀。有創意，但保持簡單。
3.導航(欄/列)是最重要的設計。
壹個網站最重要的部分就是整個網站的導航。沒有它，用戶無論在哪個頁面都會卡在這個頁面。有了這個明顯的實踐方向，我們再來討論壹下構建網站導航的壹些重要點。
首先，在網站的導航結構上投入足夠的時間和大量的規劃是非常重要的。雖然這是常識，但還是有很多設計師想當然的去設計網站導航。
位置、風格、技術(javascript或CSS)、網頁的可用性和可讀性都是妳在做導航設計時需要考慮的因素。
沒有CSS，妳的導航設計也應該是可用的，這是基於文本的瀏覽器兼容性。妳可以盡情嘲笑基於文本的瀏覽器，但它們在許多移動設備上仍然很受歡迎。或許更重要的是，對於屏幕用戶(99.99%的時間)，沒有CSS的導航功能依然可以訪問。
沒有客戶端技術(比如JavaScript或者Flash)，導航功能應該是容易進入和使用的。出於安全或公司政策的考慮，用戶可能不會打開或安裝它。
所以要做好導航系統可以放置的位置，比如在顯眼的地方。很好的導航功能，只要加載頁面，不用鼠標向下滾動就會出現。這就是為什麽保持頁面整潔和簡單是很重要的。復雜而非傳統的設計可能會讓用戶感到困惑。
哪怕是壹瞬間，用戶也不會疑惑:“網址導航在哪裏？”
最後，建立網站的層次結構和多層次管理。確保在父層和子層之間容易導航。另外，無論妳在哪個網頁，都要能輕松到達首頁(比如網站首頁)。
主要目標是導航妳的網站，最小化操作(動作)，努力讓用戶瀏覽到他們想瀏覽的內容。
4.明智而有條理地使用字體
雖然有成千上萬種字體，但妳實際上只能使用少數幾種(至少在主要瀏覽器完全支持CSS3之前)。所以堅持網頁的安全字體。如果妳不喜歡網頁上的安全字體，妳可以考慮使用sIFR或Cufon來逐步增強網頁設計。
保持字體壹致，確保標題和段落的內容看起來不壹樣。使用空白，調整行高，字體大小和字母間距屬性，讓用戶輕松愉快地閱讀和掃描內容。
也許網頁設計師經常犯的錯誤是使用錯誤的字體大小。因為我們想把所有的內容盡可能地塞進壹個網頁，所以我們有時會設置字體大小，讓用戶感到不舒服。如果可能的話，盡量保持字體大小在12像素以上，尤其是段落內容。雖然很多人不會因為字體太小而遇到閱讀困難，但是想想老年人、近視眼等類似的視障族群。
5.了解顏色輔助功能
說完字體，我們還需要指出使用正確顏色的重要性。例如，黑色文本在白色背景上。如果妳使用高對比度，橙色背景上的紅色文字會讓妳的眼睛緊張。
另外，對於特殊形式的色盲，使用壹些用戶友好的顏色(檢查工具叫做Vischeck，可以測試壹些類型的色盲)。
有些色調只適合前景色，而不適合背景色。例如，深藍色文本配粉色背景和粉紅色文本配深藍色背景都使用相同的顏色，但當用在不同的部分時，會影響其可讀性和閱讀舒適度。重要的是不僅要使用好的色調，而且要在頁面中正確的元素上使用它。
6.知道如何寫代碼
隨著各種所見即所得的fckeditor充斥市場，網頁設計成為了設計壹個好網站的簡單1-2-3步驟。但是大部分fckeditor都夾雜了不必要的代碼，導致妳的HTML結構設計不佳，難以維護和更新，導致網頁膨脹。
通過自己編寫的網頁代碼，可以得到簡潔的代碼，可以愉快方便的閱讀和維護。妳可以自豪地說代碼是妳自己寫的。但是知道如何使用所見即所得IDE或者預覽功能，並不會妨礙學習HTML和CSS。妳需要知道發生了什麽來創建壹個有效的和高度優化的網頁設計。
7.不要忘記搜索引擎優化
當設計壹個網站時，壹個好的網頁設計師應該時刻牢記SEO的基本概念。比如網頁的內容結構，用文字表達的標題(也就是網頁的標題和logo)。此時，之前學習如何合理編碼的能力就派上用場了。在了解了正確的、有語義的、基於標準的HTML/CSS之後，妳很快就會意識到Div比表格布局要好得多，不僅能更準確地展示內容，還有助於搜索引擎排名。另外，要知道CSS是用來代替背景、文字和圖片的，這也是壹個不錯的主意。
8.理解人是沒有耐心的。
普通人需要幾秒鐘來決定是多看網頁還是去別的網站。所以作為壹個網頁設計師，應該有壹個好的方法來鼓勵用戶在這寶貴的幾秒鐘內選擇前者(多看)。
要知道，如果用戶在頁面頂部看不到自己感興趣的內容，沒有多少人會向下滾動看到整個頁面的內容。所以，把重要的元素放在網站頁眉容易看到的地方，但是不要把頁面的上半部分擠得太多，否則會嚇到用戶，不會繼續閱讀內容。記住網頁設計前半段的賣點:把它當成壹個推銷員，讓人們產生購買的想法，也就是他們想在妳的網站上看到的東西。
9.理解(並意識到)瀏覽器兼容性。
壹個網頁設計師必須知道的壹件事是，妳的工作環境(瀏覽器)是至關重要和不可預測的。如果妳的網頁設計只能在幾種瀏覽器上運行，那是不夠的。妳需要在盡可能多的瀏覽器中測試它。這裏有壹個工具，Browsershots，可以測試瀏覽器的兼容性。
10.使設計具有靈活性和可維護性
壹個好的網頁設計師可以確保網站在未來很容易更新或修改。設計壹個可塑且易於維護的網站是壹個偉大的網頁設計師的標誌。盡可能把妳的工作從結構化變成模塊化。
網頁設計行業是充滿活力和“年輕”的。事情往往會在短時間內發生變化。記住這個想法將會促進更靈活的網頁設計的建立。