作為編碼者，美工基礎是偏弱的。我們可以參考一些成熟的網頁PS教程，提高自身的設計能力。套用一句話，“熟讀唐詩三百首，不會作詩也會吟”。
下面是本系列的30個優秀PS網頁設計教程的翻譯教程，本人曆時一年有餘，翻譯了這些教程。在翻譯的過程中，重新截了中文版的圖，也修正了一些參數，并給出了一些更好的技法的建議，更加适合新手上手練習，适合初學者臨摹學習，也可以給有一定基礎的設計者做個參考。
在這兒和廣大網友交流，大家互相學習，互相提高。
PS網頁設計教程I——在Photoshop中建立時尚多彩的wordpress布局
難度：
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1020px*1710px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程II——在Photoshop中建立健康及營養或健身的網站
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1020px*1550px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程III——在Photoshop中設計優雅的網站布局設計
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1020px*1100px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程IV——如何在Photoshop中建立一個專業部落格網站布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1200px*1500px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程V——如何在Photoshop中建立一個商業網站布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1020px*1120px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程VI——在Photoshop中建立一個食物部落格布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1200px*1400px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程VII——在Photoshop中設計卡通店面布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1200px*1480px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程VIII——在Photoshop中設計不同尋常布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：960px*900px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程IX——巧用大括号設計驚豔的咨詢頁面
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程X——在PS中設計摩登的部落格布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XI——在PS中建立柔和的綠色環保的網頁布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1020px*1150px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XII——在PS中建立專業的web2.0的網頁布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1020px*1800px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XIII——在PS中設計有創意的化妝品布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XIV——如何建立一個複古風格的PS布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1020px*1460px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XV——如何在Photoshop中建立一個充滿活力的作品集的網頁設計
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1020px*1920px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XVI——在PS中建立一個摩登實驗室風格的網頁設計
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XVII——在Photoshop中設計創意組合網頁
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1200px*1640px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XVIII——在Photoshop中設計優雅的鄉村酒店或餐廳的網頁布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1000px*1100px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XIX——在Photoshop中建立一個優雅的作品集的網頁布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1000px*1000px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XX——在Photoshop中建立一個七彩糖果店網站布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1200px*1000px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXI——在Photoshop中建立一個光質感網頁設計
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1200px*1900px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXII——在PS中建立單頁複古網頁布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1200px*1700px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXIII——建立一個售賣iPhone 5應用程式的網站
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1100px*720px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXIV——從頭設計一個漂亮的網站
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXV——使用Photoshop設計的老式組合布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1000px*905px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXVI——如何在PS中建立一個專業的網頁布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXVII——設計一個大膽和充滿活力的作品集
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：900px*900px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXVIII——如何在PS中建立一個幹淨的網頁布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1000px*1170px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXIX——如何在PS中設計一個畫廊布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1200px*1850px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程XXX——在PS中建立一個漫畫書主題網頁布局
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 尺寸：1420px*1365px
PS網頁設計教程——30個優秀的PS網頁設計教程的中文翻譯教程 作者：萬倉一黍
出處：http://grenet.cnblogs.com/
本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。
