50个有用的网站设计资源
本博客所有文字均为原创
转摘请注明出处并给出原文链接
联系方式：ibolow@gmail.com|饭否|豆瓣|Twitter:@JoyLoft


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

    英文原文

    • Post a comment 我有话说 — Trackback URI 引用路径（Trackback URI）

    XML 订阅本站

    本文 (链接) 由 Zenzen发表于 星期二, 九月 12th, 2006 4:12 PM，属于以下分类 编程开发.

    

    Comments (21) left to “50个有用的网站设计资源”

    1. canco wrote:

      每日网摘

      每日网摘

      Posted on 12-九月-06 at 8:19 pm | Permalink

    2. 电子展览网 wrote:

      恩 不错

      Posted on 13-九月-06 at 9:05 am | Permalink

    3. babyme wrote:

      ＣＳＳ让你想到什么没？

      Posted on 13-九月-06 at 10:08 am | Permalink

    4. interjc wrote:

      老兄您的页面就很乱

      Posted on 13-九月-06 at 7:50 pm | Permalink

    5. Gavin wrote:

      怎么没有中文的咯?

      Posted on 14-九月-06 at 9:22 am | Permalink

    6. 云 wrote:

      有收获，可以收藏吗？

      Posted on 14-九月-06 at 1:38 pm | Permalink

    7. 云 wrote:

      谢谢你，我把这篇文章转到个人空间里了。

      不客气，在非商业用途上，你可以随意使用本站的文章，只要注明出处即可

      Posted on 16-九月-06 at 2:27 pm | Permalink

    8. weili wrote:

      一点用也没有,都是英文

      Posted on 17-九月-06 at 10:31 am | Permalink

    9. 7thpark wrote:

      怎么不能传送引用呢

      Posted on 17-九月-06 at 12:46 pm | Permalink

    10. eking2.0 wrote:

      很好，收了，谢谢

      Posted on 17-九月-06 at 5:35 pm | Permalink

    11. I WebloG » Blog Archive : 16日BlogGer拜读 » 16日BlogGer拜读 wrote:

      […] 50个有用的网站设计资源 […]

      Posted on 17-九月-06 at 7:17 pm | Permalink

    12. Beach wrote:

      真的不错的资源！
      谢啦！

      一个小错：
      Color Schemer - 在线配色
      的链接做成了：
      http://http://www.colorschemer.com
      有点错！

      有时间看看我的Blog：
      http://beach.blogbus.com
      最近学Flash，Dreamwaver弄的。评价评价！

      Posted on 18-九月-06 at 4:41 pm | Permalink

    13. Beach wrote:

      呵呵，又来一看。
      ^_^，那个链接修好啦！

      我的有一个在线HTML代码编写器，大家不妨看看：
      http://beach.blogbus.com/logs/2006/09/3274547.html

      Posted on 24-九月-06 at 6:57 pm | Permalink

    14. ourr » links for 2006-09-24 wrote:

      […] 50个有用的网站设计资源 (tags: 50 网站 设计 资源) […]

      Posted on 25-九月-06 at 7:26 am | Permalink

    15. 匿名 wrote:

      j

      Posted on 17-十月-06 at 11:27 pm | Permalink

    16. 望 wrote:

      老朋友你们有家庭了吗？多年来班长和将军在哪里。

      Posted on 17-十月-06 at 11:41 pm | Permalink

    17. 匿名 wrote:

      50个有用的网站设计资源

      Zenzen的酒楼总结的50个有用的网站设计资源，包括CSS库，Web标准，验证器，易用性，博客/资源，配色，排版方面的内容。

      Posted on 28-Jan-07 at 10:19 am | Permalink

    18. 中华过滤网 wrote:

      怎么没有相关的下载资源呢?

      Posted on 16-Jan-08 at 4:51 pm | Permalink

    19. ※潇洒※ wrote:

      Css 真的很强大…… 谢谢！

      Posted on 22-May-08 at 10:39 am | Permalink

    20. My Diglog(06.9.11-06.9.13) | 天涯海阁 | Web2.0Share wrote:

      […] 50个有用的网站设计资源 Zenzen的酒楼总结的50个有用的网站设计资源，包括CSS库，Web标准，验证器，易用性，博客/资源，配色，排版方面的内容。 […]

      Posted on 16-Jul-09 at 6:19 pm | Permalink

    21. Bruce» 50个有用的网站设计资源 wrote:

      […] (0)TrackBack (0)MAC 地址 (0)CSS Sprites (2)关于外链群发软件的思考 (6) Comments (0) Trackbacks (0) Leave a commentTrackback […]

      Posted on 10-十一月-09 at 10:25 am | Permalink

    添加评论

    (Never published)
     
    « 正面报道
    网民不是人民 »
    首页