作者authorSawser
来源http://sawse.com/2007/11/21/top-12-sites-and-tools-for-web-design-and-inspiration/
不管你是专业还是业余的网页设计者，或者仅仅想了解一下网页设计是何物的，这里有些好棒的资源值得去浏览并收藏。这些收藏涵盖了各种设计类型：入门教程、工具、免费字体、照片素材、矢量图片。这些站点已经被分成三类：启发灵感类、教程类、资源类。

翻译：sinker

启发灵感类：

CSS Zen Garden

一个演示网站，用来展示基于css+div定义的页面到底能精巧呈现出什么东东，并且提供模板下载。从右侧或左侧列表里选择一个样式，点击后，网站首页将变成相应的css定义的风格。zen garden目标是鼓励、激励提倡分享。你可以提交你的css文件，来定义这个网站的页面样式。

Web Design Inspiration fllickr网络相册上一个图片集，收集各种优秀的网页设计，总共400多个。（可惜flickr已经被和谐了，大陆用户无法正常方位)

Web Creme 提供优美简洁样式网站的截图 为网页设计师去浏览的网站且更新频繁。这些截图能够让设计师很简便的回访，如果他们有寻找简洁设计灵感跟新鲜的内容的需求。

Unmatched Style 一个正在不断成长壮大的社区，致力于承认认可那些使用css层样式跟网页标准的优秀网站。通过认可这些优秀的设计，其他设计师跟商业机构能够得到鼓励并发现他们期望自己网站能够实现的方向。

CSS Beauty

与上面网站相似，为网友收集提供基于css的网站。它的目的是展示网站设计师的作品并充当一个进入css设计领域的入口。如果你有寻求鼓励学习的需求就该访问这里。

教程类


Web Design from Scratch

那些对设计网站痴迷或感兴趣的人，不管你是菜鸟还是专家。它可以帮助你理解什么能够导致网站成功或失败，什么能够去做的去增加成功的机会。你不需要成为网页设计就能够从这个网站受益。

Web 2.0 How-To Design Style Guide:

作者介绍有关web2.0设计类型中的各种图形设计元素，并说明为什么这种设计元素会被广泛运用，以及在你的设计中哪些地方可以尝试运用这些元素。

Top 50 Logo Design Tutorials 标志设计教程网站，点击缩略图进去查看所选logo标志的设计步骤。

51 Photoshop Text Effect Tutorials. photoshop字体特效教程网，都是些非常精彩的特效效果。

Web Design Resources:资源类


Open Source Web Design 免费网页模板下载站

Blue Vertigo 综合素材资源下载站，包括图片素材、笔刷、矢量图片素材、免费字体等。

Browser Shots 在线测试你的网站在不同操作系统不同浏览器里的预览情况，很实用的一个工具，特别是现在都流行用div+css 做页面，浏览器的兼用性是个大问题。

原文original：Whether you are a professional or amateur web designer, or simply want to learn more about how web design works, these are great resources to browse and bookmark. This collection covers various design styles, guides and tools as well as free fonts, stock photographs and vector images. These have been organized into three complimentary categories: inspiration, guides and resources. Enjoy!