CSS庫
做設(shè)計(jì)的時(shí)候總是容易沒有靈感。到CSS庫去看看別人做得設(shè)計(jì)也許會(huì)幫你找到不少靈感。如果你的設(shè)計(jì)足夠優(yōu)秀讓這些CSS庫收錄的話,那么這還會(huì)為你帶來很多訪問者
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)來編寫代碼會(huì)使你的代碼干凈而且有對(duì)搜索引擎有良好的親和度。一個(gè)可以用100行代碼就搞定的代碼,為什么一定要把他搞成1001行呢?
Developing With Web Standards - 這篇文檔介紹了如何在Web標(biāo)準(zhǔn)下省時(shí)省力的構(gòu)建你的站點(diǎn),同時(shí)還能帶來良好的用戶體驗(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ì)帶來良好的用戶體驗(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 -這本在線的教程一共分成了18章,它將教你如何設(shè)計(jì)優(yōu)秀易用的網(wǎng)站
Web usability - the basics
The Culture of Usability - 如何使用最小的花銷卻從易用性中得到更多-測(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ū)I(yè)網(wǎng)站設(shè)計(jì)人員,開發(fā)人員以及信息構(gòu)架師的在線雜志。
A List Apart - A List Apart 基于Web標(biāo)準(zhǔn)的基礎(chǔ)上以特殊的視角關(guān)注以下幾個(gè)方面的最佳實(shí)踐:設(shè)計(jì),開發(fā),網(wǎng)站內(nèi)容。
456 Berea Street - Roger Johansson 的站點(diǎn),他經(jīng)常寫一些關(guān)于web 標(biāo)準(zhǔn),可訪問性以及易用性的文章
mezzoblue
Adaptive Path
Jesse James Garrett - Adaptive Path創(chuàng)始人的blog.
Jeffrey Veen
Your Total Site - YourTotalSite中包含了很多內(nèi)容,比如易用性, 可訪問性, 視覺設(shè)計(jì),在線市場(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)站易用性方面的顧問
配色
配色在設(shè)計(jì)中顯得非常的關(guān)鍵。良好的配色不但能夠?qū)⒛愕木W(wǎng)站和競(jìng)爭(zhēng)對(duì)手的站點(diǎn)開來,而且還能向你的訪問者傳遞一些特殊的信息。如果你提供的是個(gè)人服務(wù)的話,你可以選擇柔和一點(diǎn)的顏色,如果是為某個(gè)組織的網(wǎng)站的話,就應(yīng)該選擇厚實(shí)一些的顏色。下面的這些資源可以幫助你做出一些配色上的決定。
Color Schemer - 在線配色
Color Meaning - 一篇解釋不同顏色的象征以及意義的文章
The Meaning of Color in Web Design - 在網(wǎng)絡(luò)營銷中顏色如何影響訪問者
Symbolism of Color
Color Matters - 探索如何用顏色是去影響情緒, 食欲, 性欲, 性欲, 涉及, 以及藝術(shù).
排版
有很多字體可供選擇,合理的使用它們會(huì)得到很好的效果。
1001 Free Fonts - 收集了Windows 以及 Macintosh下的很多True-type字體
The Anatomy of Web Fonts
Typetester - Typetester 提供了一個(gè)在線的應(yīng)用可以讓你比較各種字體的效果,有了它網(wǎng)頁設(shè)計(jì)者的工作輕松多了
英文原文