Monday, January 8, 2007

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 - 在线配色(感谢Beach提醒链接错误)

  • 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 提供了一个在线的应用可以让你比较各种字体的效果，有了它网页设计者的工作轻松多了 

    英文原文



    • Posted by at
    Labels:

    No comments:

    Post a Comment

    Subscribe to: Post Comments (Atom)