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 提供了一個線上的應用可以讓你比較各種字型的效果，有了它網頁設計者的工作輕鬆多了