50個(gè)有用的網(wǎng)站設(shè)計(jì)資源(英文)

CSS庫(kù)

做設(shè)計(jì)的時(shí)候總是容易沒(méi)有靈感。到CSS庫(kù)去看看別人做得設(shè)計(jì)也許會(huì)幫你找到不少靈感。

如果你的設(shè)計(jì)足夠優(yōu)秀讓這些CSS庫(kù)收錄的話(huà)，那么這還會(huì)為你帶來(lái)很多訪(fǎng)問(wèn)者
　　Unmatchedstyle
cssBeauty
cssvault
Stylegala (*)
CSS Drive
css thesis
Styleboost
CSSElite
CSS Import
Web Creme
CSS Mania
DesignShack

Web標(biāo)準(zhǔn)

遵守Web標(biāo)準(zhǔn)來(lái)編寫(xiě)代碼會(huì)使你的代碼干凈而且有對(duì)搜索引擎有良好的親和度。

一個(gè)可以用100行代碼就搞定的代碼，為什么一定要把他搞成1001行呢？

Developing With Web Standards

這篇文檔介紹了如何在Web標(biāo)準(zhǔn)下省時(shí)省力的構(gòu)建你的站點(diǎn)，同時(shí)還能帶來(lái)良好的用戶(hù)體驗(yàn)。另外還介紹了一些技巧教會(huì)你如何提升網(wǎng)站的質(zhì)量以及流量。
Roadmap to Standards
Web Standards Project
Web Standards Checklist
Importance of Web Standards

驗(yàn)證器

在你明白什么是Web標(biāo)準(zhǔn)以后，下面兩個(gè)小工具可以幫你測(cè)試你的站點(diǎn)是否符合標(biāo)準(zhǔn)。
　　HTML & XHTML Validator
　　CSS Validator

易用性

易用性也許是網(wǎng)站設(shè)計(jì)中最關(guān)鍵的因素之一。

良好的設(shè)計(jì)不但會(huì)帶來(lái)良好的用戶(hù)體驗(yàn)，而且會(huì)提升你的站點(diǎn)的網(wǎng)站轉(zhuǎn)換律。
　　What is usability
Usability First
敘述網(wǎng)站易用性的重要程度
Weblog Usability: The Top Ten Design Mistakes
Blog往往不是很注重網(wǎng)站的易用性，這使得Blogger很難獲得新的讀者以及忠實(shí)的讀者
Web Design & Usability Guidelines
這本在線(xiàn)的教程一共分成了18章，它將教你如何設(shè)計(jì)優(yōu)秀易用的網(wǎng)站
Web usability - the basics
The Culture of Usability
如何使用最小的花銷(xiāo)卻從易用性中得到更多-測(cè)試程序.
90% of All Usability Testing is Useless
Ten deadly sins of web design
網(wǎng)站設(shè)計(jì)中10個(gè)易犯的大錯(cuò)
Information architecture resources
Usability Views

博客/資源

Blog上有大量即時(shí)更新的關(guān)于設(shè)計(jì)以及易用性的資訊。

下面這個(gè)列表中的blog推薦訂閱哦。
　　Stopdesign
Signal vs. Noise Blog
37signals的blog，關(guān)注網(wǎng)站設(shè)計(jì)以及易用性
Digital Web Magazine
Digital Web Magazine 是一個(gè)面向?qū)�業(yè)網(wǎng)站設(shè)計(jì)人員，開(kāi)發(fā)人員以及信息構(gòu)架師的在線(xiàn)雜志。
A List Apart
A List Apart 基于Web標(biāo)準(zhǔn)的基礎(chǔ)上以特殊的視角關(guān)注以下幾個(gè)方面的最佳實(shí)踐：設(shè)計(jì)，開(kāi)發(fā)，網(wǎng)站內(nèi)容。
456 Berea Street
Roger Johansson 的站點(diǎn)，他經(jīng)常寫(xiě)一些關(guān)于web 標(biāo)準(zhǔn)，可訪(fǎng)問(wèn)性以及易用性的文章
mezzoblue
Adaptive Path
Jesse James Garrett
Adaptive Path創(chuàng)始人的blog.
Jeffrey Veen
Your Total Site
YourTotalSite中包含了很多內(nèi)容，比如易用性, 可訪(fǎng)問(wèn)性, 視覺(jué)設(shè)計(jì),在線(xiàn)市場(chǎng), (X) HTML & CSS, JavaScript, 內(nèi)容構(gòu)架等等
IxDG Resource Library
有很多交互設(shè)計(jì)方面的東東
Apples to Oranges
Ryan Nichols的blog.
Demystifying Usability
Frank Spillers的blog,他是一個(gè)網(wǎng)站易用性方面的顧問(wèn)

配色

配色在設(shè)計(jì)中顯得非常的關(guān)鍵。

良好的配色不但能夠?qū)⒛愕木W(wǎng)站和競(jìng)爭(zhēng)對(duì)手的站點(diǎn)開(kāi)來(lái)，而且還能向你的訪(fǎng)問(wèn)者傳遞一些特殊的信息。如果你提供的是個(gè)人服務(wù)的話(huà)，你可以選擇柔和一點(diǎn)的顏色，如果是為某個(gè)組織的網(wǎng)站的話(huà)，就應(yīng)該選擇厚實(shí)一些的顏色。下面的這些資源可以幫助你做出一些配色上的決定。
　　Color Schemer(*) - 在線(xiàn)配色
Color Meaning - 一篇解釋不同顏色的象征以及意義的文章
The Meaning of Color in Web Design - 在網(wǎng)絡(luò)營(yíng)銷(xiāo)中顏色如何影響訪(fǎng)問(wèn)者
Symbolism of Color
Color Matters - 探索如何用顏色是去影響情緒以及藝術(shù)

排版

有很多字體可供選擇，合理的使用它們會(huì)得到很好的效果。
　　1001 Free Fonts
收集了Windows 以及 Macintosh下的很多True-type字體
The Anatomy of Web Fonts
Typetester
Typetester 提供了一個(gè)在線(xiàn)的應(yīng)用可以讓你比較各種字體的效果，有了它網(wǎng)頁(yè)設(shè)計(jì)者的工作輕松多了。

原文地址：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