收藏的國內外網(wǎng)站設計資源【持續更新】作者:Hmily 日期:2006-10-24
2006-10-26 22:49:00 / 個(gè)人分類(lèi):經(jīng)典設計
CSS庫
做設計的時(shí)候總是容易沒(méi)有靈感。到CSS庫去看看別人做得設計也許會(huì )幫你找到不少靈感。如果你的設計足夠優(yōu)秀讓這些CSS庫收錄的話(huà),那么這還會(huì )為你帶來(lái)很多訪(fǎng)問(wèn)者。
cssBeautyCss help pile Links and Discussion About the Best CSS Resources Available on the Web.www.meyerweb.com 埃里克 邁爾的站點(diǎn)www.tanfa.co.uk 克萊爾 坎伯的站點(diǎn)www.designdetector.com 克里斯 Hester 的設計探測器www.cssbeauty.com CSS 設計陳列室cssvault 保羅Scrivens - CSS 地下室www.csscreator.com 最佳的CSS 論壇www.mezzoblue.com 戴維 Shea的最優(yōu)秀的站點(diǎn)www.positioniseverything.net 大約翰和Holly Bergevin的站點(diǎn)www.oswd.org 賈森?D. Collins的公開(kāi)源碼網(wǎng)頁(yè)設計StylegalaCSS Drivecss thesisStyleboostCSS intensivstationCSSEliteCSS Import CSS ManiaDesignShackCssPlay 一位60多歲的CSS專(zhuān)家的個(gè)人網(wǎng)站.頁(yè)面風(fēng)格清新,當然更關(guān)鍵的是他的代碼寫(xiě)得好.甚稱(chēng)高手的.想起國內的電腦行業(yè)大多是些年青人在做,而且不斷聽(tīng)到傳言說(shuō)這行當也就是吃青春飯的,黯然一下...通過(guò)這個(gè)網(wǎng)站,我覺(jué)得還是給了小輩們信心的...我想,這行應該是可以做一輩子的事業(yè).UnmatchedstyleWeb標準
遵守Web標準來(lái)編寫(xiě)代碼會(huì )使你的代碼干凈而且有對搜索引擎有良好的親和度。一個(gè)可以用100行代碼就搞定的代碼,為什么一定要把他搞成1001行呢?
Developing With Web Standards - 這篇文檔介紹了如何在Web標準下省時(shí)省力的構建你的站點(diǎn),同時(shí)還能帶來(lái)良好的用戶(hù)體驗。另外還介紹了一些技巧教會(huì )你如何提升網(wǎng)站的質(zhì)量以及流量。Roadmap to StandardsWeb Standards ProjectWeb Standards ChecklistImportance of Web Standards
驗證器
在你明白什么是Web標準以后,下面兩個(gè)小工具可以幫你測試你的站點(diǎn)是否符合標準。
HTML & XHTML ValidatorCSS Validator
易用性
易用性也許是網(wǎng)站設計中最關(guān)鍵的因素之一。良好的設計不但會(huì )帶來(lái)良好的用戶(hù)體驗,而且會(huì )提升你的站點(diǎn)的網(wǎng)站轉換律
What is usabilityUsability First - 敘述網(wǎng)站易用性的重要程度Weblog Usability: The Top Ten Design Mistakes - Blog往往不是很注重網(wǎng)站的易用性,這使得Blogger很難獲得新的讀者以及忠實(shí)的讀者Web Design & Usability Guidelines -這本在線(xiàn)的教程一共分成了18章,它將教你如何設計優(yōu)秀易用的網(wǎng)站Web usability - the basicsThe Culture of Usability - 如何使用最小的花銷(xiāo)卻從易用性中得到更多-測試程序.90% of All Usability Testing is UselessTen deadly sins of web design -網(wǎng)站設計中10個(gè)易犯的大錯Information architecture resourcesUsability Views
博客/資源
Blog上有大量即時(shí)更新的關(guān)于設計以及易用性的資訊。下面這個(gè)列表中的blog推薦訂閱哦。
StopdesignSignal vs. Noise Blog - 37signals的blog,關(guān)注網(wǎng)站設計以及易用性Digital Web Magazine - Digital Web Magazine 是一個(gè)面向專(zhuān)業(yè)網(wǎng)站設計人員,開(kāi)發(fā)人員以及信息構架師的在線(xiàn)雜志。A List Apart - A List Apart 基于Web標準的基礎上以特殊的視角關(guān)注以下幾個(gè)方面的最佳實(shí)踐:設計,開(kāi)發(fā),網(wǎng)站內容。456 Berea Street - Roger Johansson 的站點(diǎn),他經(jīng)常寫(xiě)一些關(guān)于web 標準,可訪(fǎng)問(wèn)性以及易用性的文章mezzoblueAdaptive PathJesse James Garrett - Adaptive Path創(chuàng )始人的blog.Jeffrey Veen Your Total Site - YourTotalSite中包含了很多內容,比如易用性, 可訪(fǎng)問(wèn)性, 視覺(jué)設計,在線(xiàn)市場(chǎng), (X)HTML & CSS, Javascrīpt, 內容構架等等IxDG Resource Library - 有很多交互設計方面的東東Apples to oranges - Ryan Nichols的blog.Demystifying Usability - Frank Spillers的blog,他是一個(gè)網(wǎng)站易用性方面的顧問(wèn)
配色
配色在設計中顯得非常的關(guān)鍵。良好的配色不但能夠將你的網(wǎng)站和競爭對手的站點(diǎn)開(kāi)來(lái),而且還能向你的訪(fǎng)問(wèn)者傳遞一些特殊的信息。如果你提供的是個(gè)人服務(wù)的話(huà),你可以選擇柔和一點(diǎn)的顏色,如果是為某個(gè)組織的網(wǎng)站的話(huà),就應該選擇厚實(shí)一些的顏色。下面的這些資源可以幫助你做出一些配色上的決定。
Color Schemer - 在線(xiàn)配色(感謝Beach提醒鏈接錯誤)Color Meaning - 一篇解釋不同顏色的象征以及意義的文章The Meaning of Color in Web Design - 在網(wǎng)絡(luò )營(yíng)銷(xiāo)中顏色如何影響訪(fǎng)問(wèn)者Symbolism of ColorColor Matters - 探索如何用顏色是去影響情緒, 食欲, 性欲, 性欲, 涉及, 以及藝術(shù).
排版
有很多痔蹇曬┭≡?,簜b淼氖褂盟腔岬玫膠芎玫男Ч?
1001 Free Fonts - 收集了Windows 以及 Macintosh下的很多True-type字體The Anatomy of Web FontsTypetester - Typetester 提供了一個(gè)在線(xiàn)的應用可以讓你比較各種字體的效果,有了它網(wǎng)頁(yè)設計者的工作輕松多了 英文原文
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請
點(diǎn)擊舉報。