50个有用的网站设计资源

CSS库
做设计的时候总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话,那么这还会为你带来很多访问者

Unmatchedstyle http://www.unmatchedstyle.com
cssBeauty http://www.cssbeauty.com
cssvault http://cssvault.com/
Stylegala http://www.stylegala.com/
CSS Drive http://cssdrive.com/
css thesis http://thesis.veracon.net/
Styleboost http://styleboost.com/
CSSElite http://www.csselite.com/
CSS Import http://www.cssimport.com/
Web Creme http://www.webcreme.com/
CSS Mania http://cssmania.com/
DesignShack http://www.designshack.co.uk/

Web标准
遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就搞定的代码,为什么一定要把他搞成1001行呢?

Developing With Web Standards http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/index.php – 这篇文档介绍了如何在Web标准下省时省力的构建你的站点,同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。
Roadmap to Standards http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/index.php
Web Standards Project http://www.webstandards.org/
Web Standards Checklist http://www.maxdesign.com.au/presentation/checklist.htm
Importance of Web Standards http://www.sitepoint.com/article/importance-web-standards

验证器
在你明白什么是Web标准以后,下面两个小工具可以帮你测试你的站点是否符合标准。

HTML & XHTML Validator http://validator.w3.org/
CSS Validator http://jigsaw.w3.org/css-validator/

易用性
易用性也许是网站设计中最关键的因素之一。良好的设计不但会带来良好的用户体验,而且会提升你的站点的网站转换律

What is usability http://www.usablenet.com/accessibility_usability/usability.html
Usability First http://www.usabilityfirst.com/websites/index.txl- 叙述网站易用性的重要程度
Weblog Usability: The Top Ten Design Mistakes http://www.usability.gov/pdfs/guidelines.html – Blog往往不是很注重网站的易用性,这使得Blogger很难获得新的读者以及忠实的读者
Web Design & Usability Guidelines http://www.usability.gov/pdfs/guidelines.html -这本在线的教程一共分成了18章,它将教你如何设计优秀易用的网站
Web usability http://www.webcredible.co.uk/user-friendly-resources/web-usability/basics.shtml – the basics
The Culture of Usability http://www.ddj.com/dept/architect/184411669- 如何使用最小的花销却从易用性中得到更多-测试程序.
90% of All Usability Testing is Useless http://adaptivepath.com/publications/essays/archives/000328.php
Ten deadly sins of web design http://www.jjg.net/ia/ -网站设计中10个易犯的大错
Information architecture resources http://www.jjg.net/ia/
Usability Views http://www.usabilityviews.com/

博客/资源
http://www.exblogs.com/index.html
Blog上有大量即时更新的关于设计以及易用性的资讯。下面这个列表中的blog推荐订阅哦。

Stopdesign http://www.stopdesign.com/log/
Signal vs. Noise Blog http://www.37signals.com/svn/ – 37signals的blog,关注网站设计以及易用性
Digital Web Magazine http://www.digital-web.com/ – Digital Web Magazine 是一个面向专业网站设计人员,开发人员以及信息构架师的在线杂志。
A List Apart http://www.alistapart.com/- A List Apart 基于Web标准的基础上以特殊的视角关注以下几个方面的最佳实践:设计,开发,网站内容。
456 Berea Street http://www.456bereastreet.com/- Roger Johansson 的站点,他经常写一些关于web 标准,可访问性以及易用性的文章
mezzoblue http://www.mezzoblue.com/
Adaptive Path http://www.adaptivepath.com/blog/
Jesse James Garrett http://www.adaptivepath.com/blog/ – Adaptive Path创始人的blog.
Jeffrey Veen http://www.veen.com/jeff/index.html
Your Total Site http://yourtotalsite.com/ – YourTotalSite中包含了很多内容,比如易用性, 可访问性, 视觉设计,在线市场, (X)HTML & CSS, JavaScript, 内容构架等等
IxDG Resource Library http://resources.ixdg.org/ – 有很多交互设计方面的东东
Apples to oranges http://applestooranges.com/blog/ – Ryan Nichols的blog.
Demystifying Usability http://experiencedynamics.blogs.com/- Frank Spillers的blog,他是一个网站易用性方面的顾问

配色
配色在设计中显得非常的关键。良好的配色不但能够将你的网站和竞争对手的站点开来,而且还能向你的访问者传递一些特殊的信息。如果你提供的是个人服务的话,你可以选择柔和一点的颜色,如果是为某个组织的网站的话,就应该选择厚实一些的颜色。下面的这些资源可以帮助你做出一些配色上的决定。

Color Schemer http://www.colorschemer.com/ – 在线配色(感谢Beach提醒链接错误)
Color Meaning http://desktoppub.about.com/cs/color/a/symbolism.htm – 一篇解释不同颜色的象征以及意义的文章
The Meaning of Color in Web Design http://www.sibagraphics.com/colour.php – 在网络营销中颜色如何影响访问者
Symbolism of Color http://www.princetonol.com/groups/iad/lessons/middle/color2.htm
Color Matters http://www.colormatters.com/colortheory.html – 探索如何用颜色是去影响情绪, 食欲, 性欲, 性欲, 涉及, 以及艺术.

排版
有很多字体可供选择,合理的使用它们会得到很好的效果。

1001 Free Fonts – http://www.1001freefonts.com/ 收集了Windows 以及 Macintosh下的很多True-type字体
The Anatomy of Web Fonts http://www.sitepoint.com/article/anatomy-web-fonts
Typetester – Typetester 提供了一个在线的应用可以让你比较各种字体的效果,有了它网页设计者的工作轻松多了

整理很长时间,有点累 望支持一下

引用通告地址: http://www.80qz.com/trackback.asp?tbID=22

生成海报

1 评论