收藏网站建设、网页设计资源大全

网上发现一套很不错的设计资源，基本上包括了网页设计中需要用到的所有元素，当然大部分都是国外的，不懂英文的话大家可以暂时用google翻译一下，但是学习英语确实是很重要的，储君工作室目前也在恶补英语中。

大家没事也可以多去国外网站上吸收吸收营养，记得QQ微博里一牛人语录：以前学习英语是为了了解世界，现在学习英语是为了了解祖国。

字体

1. 60 套公司用设计字体
2. 20 套免费手写字体与资源
3. 50 套专业Web设计与印刷用字体
4. 15 套漂亮的高质量免费字体
5. 21 套来自 DeviantArt 的艺术字体
6. 设计专业人士使用的7套最佳字体
7. 45 套符合现代设计趋势的免费漂亮字体

CSS

1. 50 个强大的 CSS 实用工具 [Smashing Magazine]
2. 30 套 CSS 小炒资料 [All Web Design Resources]
3. CSS 编辑器评测 [Smashing Magazine]
4. CSS 高手的 10 个原则 [NETTUTS]
5. 2008 最佳 CSS 设计（中 文） [Web Designer Wall]
6. 40 个 CSS 生成器 [All Web Design Resources]
7. 重置你的CSS [Six Revisions]
8. 实现干净代码的12条定律（中 文） [Smashing Magazine]

Logo 设计

1. 81 个最佳 Logo 设计资源 [Logo Design Love]
2. 最佳Logo设计资源 [Just Creative Design]
3. 105 个Logo设计资源 [Elite By Design]
4. 35 个令人目眩的黑白 Logo [Siah Design]
5. 50 套能够带来启发的 Logo [Fuel Your Creativity]
6. 2008 年 33 个不俗的 Logo 重设计 [Smashing Apps]
7. 30 个精彩的矢量 Logo 设计 [VECTORTUTS]
8. 10 个成功的 Logo 设计 [Logo Design Love]

图标

1. 2008年50套最漂亮的图标 [Noupe]
2. 40 套漂亮的免费图标 [Six Revisions]
3. 22 套全新高品质免费图标 [Elite By Design]
4. 40 套超漂亮的图标 [Noupe]

设计启发

1. 50 个漂亮的博客设计 [Smashing Magazine]
2. 40 个有创意的按钮 [PSDTUTS]
3. 60 个非常 Cool 非常有创意的 404 页面 [Hongkiat]
4. 30 个漂亮的 Web 设计例子 [Six Revisions]
5. 2008年40个具有启发性的 Web 设计 [CrazyLeaf Design Blog]
6. 50 个漂亮的导航菜单 [Vandelay Website Design]
7. Web 设计中的57个矢量字符 [CSSLeak]
8. 50 个漂亮的，有创意的展示类站点设计 [Smashing Magazine]
9. 40 个漂亮的暗色系 CSS 设计 [Toxel]
10. 40 个漂亮的手画 Web 设计 [CSSBuilt]
11. 79 个精彩的专辑封面 [Inspiredology]
12. 40 套有创意的名片设计 [Toxel]
13. 纹理与图样设计展示 [Smashing Magazine]
14. 54 幅令人灵魂出窍的数字画 [PSDTUTS]
15. 50 个出色的博客页脚设计 [Hongkiat]
16. 24 个漂亮的，有创意的网站 Header 设计 [Toxel]
17. 富有灵感的 PDF 杂志设计 [Smashing Magazine]

教程

1. 41 个最好的 Photoshop 效果教程 [Hongkiat]
2. 30 个漂亮的 Photoshop 文字效果教程 [Six Revisions]
3. 70 个 Photoshop 美容教程 [Smashing Magazine]
4. 50 个很棒的 Photoshop 教程 [PSDTUTS]
5. 30 个 Fireworks 教程 [Arbent]
6. Adobe Fireworks 教程与下载 [Smashing Magazine]
7. 40 个 Wacom 数字画板教程 [DesignM.ag]
8. 50 个出色的 AJAX 教程 [Smashing Magazine]
9. 50 个富有创意的 Photoshop 文字效果教程 [PSDTUTS]
10. 23 个不可思议的 Photoshop 教程 [Elite By Design]
11. Adobe Illustrator 教程 [Smashing Magazine]

Photoshop 资源下载

1. Photoshop Custom Shapes 集 [Smashing Magazine]
2. 20 个 Photoshop 印刷作品与画笔资源 [PSDTUTS]
3. 75 个超高分辨率 Photoshop 画笔 [Elite By Design]
4. 50 个不可或缺的 Photoshop 画笔 [Smashing Magazine]
5. 200 套 Photoshop 画笔 [You the Designer]
6. 50 套免费的 Photoshop Pattern [Emma Alvarez]
7. 55 套免费的画笔与矢量图 [Web Resources Depot]
8. 40 套 Photoshop 万圣节主题画笔 [PSDFan]

WordPress

1. 100 出色的 Wordpress 免费主题 [Smashing Magazine]
2. 30 个最实用的 Wordpress 技巧 [Hongkiat]
3. 45 套免费的 Wordpress 网格布局主题 [WPZOOM]
4. 45 套必须要看到 Wordpress 主题 [Noupe]
5. 20 套 Wordpress 公司网站主题 [Blogsessive]
6. 24 套高质量免费 Wordpress 主题 [Toxel]
7. 21 套令人耳目一新的免费WordPress主题 [Smashing Apps]
8. 50 套漂亮的免费 Wordpress 主题 [Six Revisions]
9. 10 个寻找免费 Wordpress 主题的地方 [UPrinting]
10. 50 个最好的 Wordpress 主题 [CrazyLeaf Design Blog]
11. 10 个 Wordpress 实用 RSS 技巧 [Smashing Magazine]
12. 45 个出色的免费 Wordpress 主题 [DzineBlog]

以上一些网站也是储君工作室经常光顾的一些网站，记得以前学习Photoshop切图、div+css就是看的国外的一些教程（css-tricks），虽然99%都听不懂，但是别人的操作过程还是可以看懂的，多看几次也就大体上知道怎么回事了，主要是比较喜欢国外的教程风格，简单明了，自己接受起来比较快。