50个有用的网站设计资源(英文)

南方网景

核心提示：50个有用的网站设计资源(英文)

50个有用的网站设计资源(英文)

CSS库

做设计的时候总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。

如果你的设计足够优秀让这些CSS库收录的话，那么这还会为你带来很多访问者
　　Unmatchedstyle
    cssBeauty
    cssvault
    Stylegala (*)
    CSS Drive
    css thesis
    Styleboost
    CSSElite
    CSS Import
    Web Creme
    CSS Mania
    DesignShack

Web标准

遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。

一个可以用100行代码就搞定的代码，为什么一定要把他搞成1001行呢？

Developing With Web Standards

这篇文档介绍了如何在Web标准下省时省力的构建你的站点，同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。
    Roadmap to Standards
    Web Standards Project
    Web Standards Checklist
    Importance of 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 提供了一个在线的应用可以让你比较各种字体的效果，有了它网页设计者的工作轻松多了。 

原文地址：http://www.pronetadvertising.com/articles/my-50-favorite-design-resources.html

My 50 favorite design resources
There are thousands of design resources on the web which can lead to an overwhelming experience when looking for inspiration or ideas, so I created a list of resources that I use on a regular basis. Here is a list of 50 design resources that can be helpful to any designer or marketer.

CSS Galleries
Sometimes it can be hard to come up with design inspiration. CSS galleries are a great place to get design inspiration and they can also be leveraged as a great source of traffic. If you can get your design on these galleries it can drive thousands of visitors to your website.

Unmatchedstyle
cssBeauty
cssvault
Stylegala
CSS Drive
css thesis
Styleboost
CSSElite
CSS Import
Web Creme
CSS Mania
DesignShack

Web Standards
Designing with web standards is a great way to keep your code clean and search engine friendly. Why design a site with a 1000 lines of code when it can be done in 100 lines of code.

Developing With Web Standards - This document explains how and why using web standards will let you build websites in a way that saves time and money for the developer and provides a better experience for the visitor. Also discussed are other methods, guidelines and best practices that will help produce high-quality websites that are accessible to as many as possible.
Roadmap to Standards
Web Standards Project - The Web Standards Project is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.
Web Standards Checklist
Importance of Web Standards

Validators
Now that you know all about web standards, here are some tools that can help check if your site is compliant. These tools will also help you find errors in your code.

HTML & XHTML Validator
CSS Validator

Usability
Usability is probably the most important factor in a website design. Making your website usable can help improve the experience for your visitors as well as help improve your conversion rate.

What is usability
Usability First - An approach to web design which emphasizes usability.
Weblog Usability: The Top Ten Design Mistakes - Blogs are often too internally focused and ignore key usability issues, making it hard for new readers to understand the site and trust the author.
Web Design & Usability Guidelines - An 18 part online book that goes over usability and design guidelines.
Web usability - the basics
The Culture of Usability - How to spend less and get more from your usability-testing program.
90% of All Usability Testing is Useless
Ten deadly sins of web design - A list of ten huge mistakes no web designer or developer should be caught making.
Information architecture resources
Usability Views - Usability with a twist.

Blogs/Resources
Blogs are a great resource for up-to-date information on design and usability. Here is a list of blogs that you may want to subscribe to or read on a regular basis.

Stopdesign
Signal vs. Noise Blog - A design and usability blog by 37signals.
Digital Web Magazine - Digital Web Magazine is an online magazine intended for professional web designers, web developers and information architects. The magazine consists primarily of work contributed by web authors, as well as by others who occasionally delve into the web realm. We put emphasis on and provide recognition for contributed work. The Magazine is recognized by nearly all of the major web design agencies in the industry.
A List Apart - A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
456 Berea Street - This is a site by Roger Johansson who writes articles on web standards, accessibility, or usability in one way or another.
mezzoblue - A semi-daily expository and exploratory on all things web, design, and typographic. It is also a personal portfolio site with works in any creative discipline the owner feels fit to publicize.
Adaptive Path
Jesse James Garrett - The blog of the founder of Adaptive Path.
Jeffrey Veen
Your Total Site - YourTotalSite touchs on a wide range of subjects that include usability, accessibility, visual design, online marketing, (X)HTML & CSS, JavaScript, Information Architecture, and more.
IxDG Resource Library - A repository of information about interaction design.
Apples to Oranges - A blog by Ryan Nichols.
Demystifying Usability - A blog by Frank Spillers, a usability consultant.

Color Resources
Color is an important factor in design. Color can separate your site from your competition and it can also convey a specific message to your visitors. If you provide a personalized service you may want to choose colors that are soft and personal or if you want a corporate look and feel you may want to pick hard colors. Here are several resources that I use to help me make color decisions.

Color Schemer - Online color scheme generator.
Color Meaning - An article that explains the symbolism and meaning of different color types.
The Meaning of Color in Web Design - How colors influence audiences when marketing products through the Internet.
Symbolism of Color
Color Matters - Explore how color affects emotions, appetite, vision, sexuality, design, and art.

Typography
There are many different types of fonts and they can greatly affect how readable your site is, so choose wisely.

1001 Free Fonts - A large selection of true type fonts for Windows and Macintosh.
The Anatomy of Web Fonts
Typetester - Typetester is an online application for comparison of the fonts for the screen. Its' primary role is to make web designer's life easier.

Enjoy the post? Here are some more that may interest you.

Technorati Updates User Interface, Adds Authority
BlogSigs - Increase Traffic With Your Email Signature
Bloggers Often Have Real Lives Too