作为编码者，美工基础是偏弱的。我们可以参考一些成熟的网页PS教程，提高自身的设计能力。套用一句话，“熟读唐诗三百首，不会作诗也会吟”。

下面是本系列的30个优秀PS网页设计教程的翻译教程，本人历时一年有余，翻译了这些教程。在翻译的过程中，重新截了中文版的图，也修正了一些参数，并给出了一些更好的技法的建议，更加适合新手上手练习，适合初学者临摹学习，也可以给有一定基础的设计者做个参考。

在这儿和广大网友交流，大家互相学习，互相提高。

PS网页设计教程I——在Photoshop中创建时尚多彩的wordpress布局

难度：

尺寸：1020px*1710px

PS网页设计教程II——在Photoshop中创建健康及营养或健身的网站

难度：

尺寸：1020px*1550px

PS网页设计教程III——在Photoshop中设计优雅的网站布局设计

难度：

尺寸：1020px*1100px

PS网页设计教程IV——如何在Photoshop中创建一个专业博客网站布局

难度：

尺寸：1200px*1500px

PS网页设计教程V——如何在Photoshop中创建一个商业网站布局

难度：

尺寸：1020px*1120px

PS网页设计教程VI——在Photoshop中创建一个食物博客布局

难度：

尺寸：1200px*1400px

PS网页设计教程VII——在Photoshop中设计卡通店面布局

难度：

尺寸：1200px*1480px

PS网页设计教程VIII——在Photoshop中设计不同寻常布局

难度：

尺寸：960px*900px

PS网页设计教程IX——巧用大括号设计惊艳的咨询页面

难度：

尺寸：960px*900px

PS网页设计教程X——在PS中设计摩登的博客布局

难度：

尺寸：1200px*1400px

PS网页设计教程XI——在PS中创建柔和的绿色环保的网页布局

难度：

尺寸：1020px*1150px

PS网页设计教程XII——在PS中创建专业的web2.0的网页布局

难度：

尺寸：1020px*1800px

PS网页设计教程XIII——在PS中设计有创意的化妆品布局

难度：

尺寸：960px*900px

PS网页设计教程XIV——如何创建一个复古风格的PS布局

难度：

尺寸：1020px*1460px

PS网页设计教程XV——如何在Photoshop中创建一个充满活力的作品集的网页设计

难度：

尺寸：1020px*1920px

PS网页设计教程XVI——在PS中创建一个摩登实验室风格的网页设计

难度：

尺寸：1200px*1480px

PS网页设计教程XVII——在Photoshop中设计创意组合网页

难度：

尺寸：1200px*1640px

PS网页设计教程XVIII——在Photoshop中设计优雅的乡村酒店或餐厅的网页布局

难度：

尺寸：1000px*1100px

PS网页设计教程XIX——在Photoshop中创建一个优雅的作品集的网页布局

难度：

尺寸：1000px*1000px

PS网页设计教程XX——在Photoshop中创建一个七彩糖果店网站布局

难度：

尺寸：1200px*1000px

PS网页设计教程XXI——在Photoshop中创建一个光质感网页设计

难度：

尺寸：1200px*1900px

PS网页设计教程XXII——在PS中创建单页复古网页布局

难度：

尺寸：1200px*1700px

PS网页设计教程XXIII——创建一个售卖iPhone 5应用程序的网站

难度：

尺寸：1100px*720px

PS网页设计教程XXIV——从头设计一个漂亮的网站

难度：

尺寸：1200px*1700px

PS网页设计教程XXV——使用Photoshop设计的老式组合布局

难度：

尺寸：1000px*905px

PS网页设计教程XXVI——如何在PS中创建一个专业的网页布局

难度：

尺寸：1200px*1500px

PS网页设计教程XXVII——设计一个大胆和充满活力的作品集

难度：

尺寸：900px*900px

PS网页设计教程XXVIII——如何在PS中创建一个干净的网页布局

难度：

尺寸：1000px*1170px

PS网页设计教程XXIX——如何在PS中设计一个画廊布局

难度：

尺寸：1200px*1850px

PS网页设计教程XXX——在PS中创建一个漫画书主题网页布局

难度：

尺寸：1420px*1365px