設計一個網站從來都不是一件容易的事。如果你去詢問一位在該行業有豐富經驗的網頁設計師，他會告訴你以前根本沒有太多關于Web設計/開發的資源、文章和各種溝通交流平台，更不用說高品質免費教程了。
如果您打算建立自己的個人網站或者重新設計您的部落格的主題，現在看來已經不是很難了。這要感謝那些慷慨的設計師和撰稿者們，現在網際網路充滿着各種很棒的教程來幫助你逐漸建立自己的網站界面及導航。這篇文章隻是讓大家淺嘗辄止，更多的學習資源大家可以自行尋找。我們以前曾發表過40個非常棒的網站界面設計PHOTOSHOP教程。一同分享這31個網站界面設計實踐教程吧。
為網站建立有效的導航對于網站浏覽者的浏覽及導航起到至關重要的作用。我們為您精選了以下時尚且簡單的導航設計教程，當您掌握這些教程之後，進行各種調節及變化将變得非常容易。
教您如何設計一個深藍色複古圓角網站頁頭。
教您如何設計一個WII風格的網站頁頭。
如何設計一個色彩豔麗的工作室頁頭布局。
如何為您的網站建立一個簡單且有效的網站導航欄。
導航菜單可以使用不尋常的文本連結到結構複雜的下拉菜單。這個教程較長的描述了設計”塑膠”風格導航菜單的過程。
教您如何設計一個光滑的内容區。
如何設計一個綠色發光效果的導航。
如何結合幾種圖層樣式來設計漂亮而簡單的導航欄。
簡潔是漂亮網站的關鍵，學習如何使用PHOTOSHOP繪制一個漂亮的導航欄。
如何設計一個流行的帶下拉菜單的搜尋欄。
如何使用更多的效果和工具來設計更進階的導航。
如何使用一些工具和效果為網站布局設計一個導航，這種方法同樣适用于設計其他内容區等。
如何設計一個專業的遊戲網站導航欄。
大衆汽車風格的導航欄。本教程需要你足夠了解PHOTOSHOP。你需要了解圖層調色闆和如何添加圖層樣式，并且會使用自定義圖形和剪切遮罩。
如何為您的部落格設計獨特且專業的書簽闆塊，當然也可用于您的網站。
對于那些想要獨立設計自己的網站有沒有什麼頭緒的站長，這裡有一些教程能夠幫你您從頭到尾合計網站的布局。
簡單幾步建立時尚的網站模闆。
建立工作室網站頁面
簡潔的黑色和綠色網頁設計
如何設計獨特的有破舊感的網站布局
簡潔的商業網站布局設計教程
本教程包含了一些比較新穎的技術，比如使用有趣的投影元素。
本教程将讨論如何使用PHOTOSHOP設計美妙的破舊風格網站布局，其中使用的一些技術是我在其他地方沒有看到過的。
設計簡潔且有當代風格的房地産相關類型網站。
使用Adobe Photoshop設計一個色彩鮮明的流行部落格布局。
設計一個攝影類網站。
設計一個獨特的桌面布局網站，包括一些常用的辦公工具元素。
本文轉自寒意部落格園部落格，原文連結：http://www.cnblogs.com/hnyei/archive/2011/09/20/2182542.html，如需轉載請自行聯系原作者