CSS 收集站精选
视世界顶尖WEB设计师的标准制作,感受标准的气氛,掀起学习标准的浪潮。
CSS ZenGarden: http://www.csszengarden.com/
CSS禅意花园是最富盛名的CSS设计陈列馆,DaveShea在创办之初是为了让 网页设计师通过CSS样式表针对同一个Html文件的设计不同的样式,却没想到这个项目成为了当今网页设计顶尖高手展现无穷创意的舞台,看看禅意花园的主人自己怎么说: http://www.onestab.net/a/interview_daveshea.html
Cssvault: http://www.cssvault.com/
Cssvault是第一个以网站缩略图的方式呈现的优秀设计的网站,而CSS陈列馆(showcase)这一说法也是由这里开始,从开始至今大约一年的时间里面,收录了大量的优秀设计,是CSS设计师必去的网站之一。
Web Standards Awards: http://www.webstandardsawards.com/
Web Standards Award,顾名思义,这里也是收集符合“网页标准”设计的网站,除收集外,还对每月收集来的网站进行评选,获胜设计可以冠以当月“网页标准”设计奖的头衔,对于设计师来说,也是一种殊荣。
CSSBeauty: http://www.cssbeauty.com/
CSSBeauty属于后起之秀,今年五月成立至今,也收录了大量的优秀站点。而与前几个网站有所不同的是,他对说收录的网站进行了分类,诸如:商业,娱乐,个人等等,使得收集的内容对访问者更有针对性。
unmatched〈style〉: http://www.unmatchedstyle.com/
这个网站是最新出炉的一个CSS陈列馆,和前面介绍的几个网站大同小异,也是采用缩略图的方式呈现,当然每个网站收集者的审美特征都不同,多一个地方无疑也给钟情于CSS设计的朋友多了一个选择,而且他们的更新很勤快。
The Weekly standards: http://www.weeklystandards.com/
这里是我特别推荐的一个,前面的网站都收集了很多优秀的设计,符合“网页标准”,可为什么这些网站符合“网页标准”,到底这些网站好在哪里?除了外观之外,还有那些地方是需要设计者注意的?这里将带给你答案,每周一个案例分析,精彩纷呈。
Stylegala: http://www.stylegala.com/
还有呢,Stylegala,也是上个月才推出的一个CSS陈列馆项目,和前面介绍的如出一辙,唯一不同的地方是访问者可以对收集其中的优秀设计进行投票。而作者对色彩搭配方面颇为敏锐,所收录的网站皆有很强的视觉效果。
Postearte: http://www.marcapaginas.net/postearte/galeria.php
还有最后一个。这个网站的主人好像是欧洲人,总之他写的不是英文,看不明白。不过他自己做的Postearte这个网页本身就是一个很优秀的设计。特别是导航条,别出心裁。
CSS库
http://www.unmatchedstyle.com
http://www.cssbeauty.com
http://cssvault.com
http://www.stylegala.com
http://cssdrive.com
http://thesis.veracon.net
http://styleboost.com
http://www.csselite.com/gallery
http://www.cssimport.com
http://www.webcreme.com
http://www.cssmania.com
http://www.designshack.co.uk
Web标准
遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就搞定的代码,为什么一定要把他搞成1001行呢?
Developing With Web Standards - 这篇文档介绍了如何在Web标准下省时省力的构建你的站点,同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。
http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/index.php
http://www.webstandards.org
http://www.maxdesign.com.au/presentation/checklist.htm
http://www.sitepoint.com/article/importance-web-standards
验证器
在你明白什么是Web标准以后,下面两个小工具可以帮你测试你的站点是否符合标准。
HTML & XHTML Validator
CSS Validator
易用性
易用性也许是网站设计中最关键的因素之一。良好的设计不但会带来良好的用户体验,而且会提升你的站点的网站转换律
What is usability
Usability First - 叙述网站易用性的重要程度
Weblog Usability: The Top Ten Design Mistakes - Blog往往不是很注重网站的易用性,这使得Blogger很难获得新的读者以及忠实的读者
Web Design & Usability Guidelines -这本在线的教程一共分成了18章,它将教你如何设计优秀易用的网站
Web usability - the basics
The Culture of Usability - 如何使用最小的花销却从易用性中得到更多-测试程序.
90% of All Usability Testing is Useless
Ten deadly sins of web design -网站设计中10个易犯的大错
Information architecture resources
Usability Views
博客/资源
Blog上有大量即时更新的关于设计以及易用性的资讯。下面这个列表中的blog推荐订阅哦。
Stopdesign
Signal vs. Noise Blog - 37signals的blog,关注网站设计以及易用性
Digital Web Magazine - Digital Web Magazine 是一个面向专业网站设计人员,开发人员以及信息构架师的在线杂志。
A List Apart - A List Apart 基于Web标准的基础上以特殊的视角关注以下几个方面的最佳实践:设计,开发,网站内容。
456 Berea Street - Roger Johansson 的站点,他经常写一些关于web 标准,可访问性以及易用性的文章
mezzoblue
Adaptive Path
Jesse James Garrett - Adaptive Path创始人的blog.
Jeffrey Veen
Your Total Site - YourTotalSite中包含了很多内容,比如易用性, 可访问性, 视觉设计,在线市场, (X)HTML & CSS, JavaScript, 内容构架等等
IxDG Resource Library - 有很多交互设计方面的东东
Apples to oranges - Ryan Nichols的blog.
Demystifying Usability - Frank Spillers的blog,他是一个网站易用性方面的顾问
配色
配色在设计中显得非常的关键。良好的配色不但能够将你的网站和竞争对手的站点开来,而且还能向你的访问者传递一些特殊的信息。如果你提供的是个人服务的话,你可以选择柔和一点的颜色,如果是为某个组织的网站的话,就应该选择厚实一些的颜色。下面的这些资源可以帮助你做出一些配色上的决定。
Color Schemer - 在线配色
Color Meaning - 一篇解释不同颜色的象征以及意义的文章
The Meaning of Color in Web Design - 在网络营销中颜色如何影响访问者
Symbolism of Color
Color Matters - 探索如何用颜色是去影响情绪, 食欲, 性欲, 性欲, 涉及, 以及艺术.
排版
有很多字体可供选择,合理的使用它们会得到很好的效果。
1001 Free Fonts - 收集了Windows 以及 Macintosh下的很多True-type字体
The Anatomy of Web Fonts
Typetester - Typetester 提供了一个在线的应用可以让你比较各种字体的效果,有了它网页设计者的工作轻松多了
视世界顶尖WEB设计师的标准制作,感受标准的气氛,掀起学习标准的浪潮。
CSS ZenGarden: http://www.csszengarden.com/
![](https://i-blog.csdnimg.cn/blog_migrate/b7ae310d04f95b0a24663cb9ab5c7364.jpeg)
CSS禅意花园是最富盛名的CSS设计陈列馆,DaveShea在创办之初是为了让 网页设计师通过CSS样式表针对同一个Html文件的设计不同的样式,却没想到这个项目成为了当今网页设计顶尖高手展现无穷创意的舞台,看看禅意花园的主人自己怎么说: http://www.onestab.net/a/interview_daveshea.html
Cssvault: http://www.cssvault.com/
![](https://i-blog.csdnimg.cn/blog_migrate/038c21e236fdb2cb422a5f406ac0287d.jpeg)
Cssvault是第一个以网站缩略图的方式呈现的优秀设计的网站,而CSS陈列馆(showcase)这一说法也是由这里开始,从开始至今大约一年的时间里面,收录了大量的优秀设计,是CSS设计师必去的网站之一。
Web Standards Awards: http://www.webstandardsawards.com/
![](https://i-blog.csdnimg.cn/blog_migrate/2668a89a3e42daf2dc801887bd95d383.jpeg)
Web Standards Award,顾名思义,这里也是收集符合“网页标准”设计的网站,除收集外,还对每月收集来的网站进行评选,获胜设计可以冠以当月“网页标准”设计奖的头衔,对于设计师来说,也是一种殊荣。
CSSBeauty: http://www.cssbeauty.com/
![](https://i-blog.csdnimg.cn/blog_migrate/05545c4ed8b373b200e21e9922e5da41.jpeg)
CSSBeauty属于后起之秀,今年五月成立至今,也收录了大量的优秀站点。而与前几个网站有所不同的是,他对说收录的网站进行了分类,诸如:商业,娱乐,个人等等,使得收集的内容对访问者更有针对性。
unmatched〈style〉: http://www.unmatchedstyle.com/
![](https://i-blog.csdnimg.cn/blog_migrate/aff02c4ff6ab696dfa86fcb56bf5ca3f.jpeg)
这个网站是最新出炉的一个CSS陈列馆,和前面介绍的几个网站大同小异,也是采用缩略图的方式呈现,当然每个网站收集者的审美特征都不同,多一个地方无疑也给钟情于CSS设计的朋友多了一个选择,而且他们的更新很勤快。
The Weekly standards: http://www.weeklystandards.com/
![](https://i-blog.csdnimg.cn/blog_migrate/f805f97a50401e1d88cfd93e44456f96.jpeg)
这里是我特别推荐的一个,前面的网站都收集了很多优秀的设计,符合“网页标准”,可为什么这些网站符合“网页标准”,到底这些网站好在哪里?除了外观之外,还有那些地方是需要设计者注意的?这里将带给你答案,每周一个案例分析,精彩纷呈。
Stylegala: http://www.stylegala.com/
![](https://i-blog.csdnimg.cn/blog_migrate/c293b87d2dadf53adf3a28a9a5cad529.jpeg)
还有呢,Stylegala,也是上个月才推出的一个CSS陈列馆项目,和前面介绍的如出一辙,唯一不同的地方是访问者可以对收集其中的优秀设计进行投票。而作者对色彩搭配方面颇为敏锐,所收录的网站皆有很强的视觉效果。
Postearte: http://www.marcapaginas.net/postearte/galeria.php
![](https://i-blog.csdnimg.cn/blog_migrate/f2a4edca437e6df0bc99842e88117055.jpeg)
还有最后一个。这个网站的主人好像是欧洲人,总之他写的不是英文,看不明白。不过他自己做的Postearte这个网页本身就是一个很优秀的设计。特别是导航条,别出心裁。
CSS库
http://www.unmatchedstyle.com
http://www.cssbeauty.com
http://cssvault.com
http://www.stylegala.com
http://cssdrive.com
http://thesis.veracon.net
http://styleboost.com
http://www.csselite.com/gallery
http://www.cssimport.com
http://www.webcreme.com
http://www.cssmania.com
http://www.designshack.co.uk
Web标准
遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就搞定的代码,为什么一定要把他搞成1001行呢?
Developing With Web Standards - 这篇文档介绍了如何在Web标准下省时省力的构建你的站点,同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。
http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/index.php
http://www.webstandards.org
http://www.maxdesign.com.au/presentation/checklist.htm
http://www.sitepoint.com/article/importance-web-standards
验证器
在你明白什么是Web标准以后,下面两个小工具可以帮你测试你的站点是否符合标准。
HTML & XHTML Validator
CSS Validator
易用性
易用性也许是网站设计中最关键的因素之一。良好的设计不但会带来良好的用户体验,而且会提升你的站点的网站转换律
What is usability
Usability First - 叙述网站易用性的重要程度
Weblog Usability: The Top Ten Design Mistakes - Blog往往不是很注重网站的易用性,这使得Blogger很难获得新的读者以及忠实的读者
Web Design & Usability Guidelines -这本在线的教程一共分成了18章,它将教你如何设计优秀易用的网站
Web usability - the basics
The Culture of Usability - 如何使用最小的花销却从易用性中得到更多-测试程序.
90% of All Usability Testing is Useless
Ten deadly sins of web design -网站设计中10个易犯的大错
Information architecture resources
Usability Views
博客/资源
Blog上有大量即时更新的关于设计以及易用性的资讯。下面这个列表中的blog推荐订阅哦。
Stopdesign
Signal vs. Noise Blog - 37signals的blog,关注网站设计以及易用性
Digital Web Magazine - Digital Web Magazine 是一个面向专业网站设计人员,开发人员以及信息构架师的在线杂志。
A List Apart - A List Apart 基于Web标准的基础上以特殊的视角关注以下几个方面的最佳实践:设计,开发,网站内容。
456 Berea Street - Roger Johansson 的站点,他经常写一些关于web 标准,可访问性以及易用性的文章
mezzoblue
Adaptive Path
Jesse James Garrett - Adaptive Path创始人的blog.
Jeffrey Veen
Your Total Site - YourTotalSite中包含了很多内容,比如易用性, 可访问性, 视觉设计,在线市场, (X)HTML & CSS, JavaScript, 内容构架等等
IxDG Resource Library - 有很多交互设计方面的东东
Apples to oranges - Ryan Nichols的blog.
Demystifying Usability - Frank Spillers的blog,他是一个网站易用性方面的顾问
配色
配色在设计中显得非常的关键。良好的配色不但能够将你的网站和竞争对手的站点开来,而且还能向你的访问者传递一些特殊的信息。如果你提供的是个人服务的话,你可以选择柔和一点的颜色,如果是为某个组织的网站的话,就应该选择厚实一些的颜色。下面的这些资源可以帮助你做出一些配色上的决定。
Color Schemer - 在线配色
Color Meaning - 一篇解释不同颜色的象征以及意义的文章
The Meaning of Color in Web Design - 在网络营销中颜色如何影响访问者
Symbolism of Color
Color Matters - 探索如何用颜色是去影响情绪, 食欲, 性欲, 性欲, 涉及, 以及艺术.
排版
有很多字体可供选择,合理的使用它们会得到很好的效果。
1001 Free Fonts - 收集了Windows 以及 Macintosh下的很多True-type字体
The Anatomy of Web Fonts
Typetester - Typetester 提供了一个在线的应用可以让你比较各种字体的效果,有了它网页设计者的工作轻松多了