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