如果你正在寻找如何绘制网站效果图的教程，这一篇帖子你一定不能错过。这里我们收集了20个高质量的网页设计在线教程，学习快速而又简便的一些小技巧，绘制细节丰富的效果图。这些教程包含各种类型的站点，移动设备网站，公司站点，个人站点，创意类站点等等。希望会对你有所帮助！

在photoshop中绘制一个Mobile App类的站点
http://www.hv-designs.co.uk/2010/05/10/learn-how-to-create-a-mobile-app-layout-for-your-mobile-apps/

绘制一个产品/商务类的页面布局
http://www.hv-designs.co.uk/2010/06/29/productbusiness-style-layout/

在photoshop中绘制一个带有纹理的页面
http://line25.com/tutorials/design-a-textured-outdoors-website-in-photoshop

在photoshop中绘制一个时髦的网页
http://line25.com/tutorials/create-a-stylish-portfolio-site-design-in-photoshop

如何绘制一个彩色的简洁风格的网页
http://www.tutorial9.net/tutorials/photoshop-tutorials/create-a-clean-and-colorful-web-layout-in-photoshop/

在photoshop中绘制带有3D元素的网页
http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-web-layout-with-3d-elements-using-photoshop/

在photoshop中绘制一个专业的iPhone App
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-promotional-iphone-app-site-in-photoshop/

在photoshop中绘制一个音乐主题的网页
http://devisefunction.com/2010/02/16/beautiful-music-streaming-website-design-in-photoshop/

带有滚动图片展示的蓝色调个人作品界面
http://psdfan.com/tutorials/designing/design-a-sleek-textured-blue-portfolio/

如何绘制一个web2.0风格的页面
http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-professional-web-2-0-layout/

在photoshop中绘制一个带有iPhone App风格的页面
http://www.hv-designs.co.uk/2010/06/08/mobile-apps-layout-2/

在photoshop绘制优雅风格的个人作品页面
http://designinstruct.com/web-design/create-an-elegant-portfolio-web-design-in-photoshop/

在photoshop中绘制一个带有纸张纹理背景的页面
http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-paper-texture-from-scratch-then-create-a-grungy-web-design-with-it/

在photoshop中绘制一个极简主义界面
http://designinstruct.com/web-design/clean-classy-web-design-photoshop/

在photoshop中绘制一个简洁风格的页面
http://line25.com/tutorials/creating-a-stylish-blog-design-layout-in-photoshop

从草图到完成稿
http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-web-design-sleek/

在photoshop中绘制一个魔法夜晚主题的页面
http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-web-design-night-theme/

在photoshop中绘制一个时髦的页面
http://psdfan.com/tutorials/designing/design-a-trendy-yet-professional-website-layout/

从photoshop到html/css，绘制创作具有诙谐风格的页面
http://wegraphics.net/blog/tutorials/photoshop/create-a-lovely-textured-web-design-from-photoshop-to-html-css/

文章来源：苏打苏塔