收藏的过内外网站设计资源

CSS库

做设计的时候

总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话,那么这还会为你带来很多访问者。

  • cssremix 发现的一个国外CSS标准网站收集站点.
  • cssBeauty CSS design showcase.
  • csselite 是一个CSS优秀团队,在这里你能欣赏到精彩的CSS作品。
  • www.sanyajl.com 一个收集符合Web标准布局的网站
  • http://www.cssheaven.com/ 我发给大家一个好的CSS网站(很多)
  • http://www.yanuoda.com
  • http://www.csscool.cn 国内的一个专门收集和整理符合Web标准的网站,含技术教程
  • 40 CSS Layouts 40个CSS布局实例及源码下载
  • Background Image Maker Create slash, strip, dot, gradation type background with few button clicks.
  • CSS Creator Layout generator.
  • CSS Optimiser Optimize your style sheet online.
  • CSS Photo Gallery  Cross browser multi-page photo gallery.
  • CSS Table Gallery Showcase of CSS design for tabular data.
  • CSS Tweak  Web based CSS tweaker.
  • Nifty Corners Cube Creates rounded corners without images.
  • Printing CSS background images Solution for printing CSS background images.
  •  
  • Css help pile   Links and Discussion About the Best CSS Resources Available on the Web.
  • www.meyerweb.com 埃里克 迈尔的站点
  • www.tanfa.co.uk 克莱尔 坎伯的站点
  • www.designdetector.com 克里斯 Hester 的设计探测器
  • www.cssbeauty.com CSS 设计陈列室
  • cssvault 保罗Scrivens - CSS 地下室
  • www.csscreator.com 最佳的CSS 论坛
  • www.mezzoblue.com 戴维 Shea的最优秀的站点
  • www.positioniseverything.net 大约翰和Holly Bergevin的站点
  • www.oswd.org 贾森・D. Collins的公开源码网页设计
  • Stylegala
  • Web Creme Web design inspiration.
  • Unmatched Style CSS gallery and website design inspiration.
  • Stylegala Another nice CSS gallery.
  • CSS Zengarden Good place to get inspired and learn other people's skills.
  • CSS Thesis Showcase websites created with CSS.
  • CSS Remix CSS gallery.
  • CSS Nightingale CSS gallery.
  • CSS Mania  Screen shots of beautifully done websites.
  • CSS Drive
  • css thesis
  • Styleboost
  • CSS intensivstation
  • CSSElite  Simple and straigh to the point gallery.
  • CSS Import The CSS Gallery.
  • CSS Mania
  • DesignShack
  • CssPlay   一位60多岁的CSS专家的个人网站.页面风格清新,当然更关键的是他的代码写得好.甚称高手的.想起国内的电脑行业大多是些年青人在做,而且不断听到传言说这行当也就是吃青春饭的,黯然一下...通过这个网站,我觉得还是给了小辈们信心的...我想,这行应该是可以做一辈子的事业.
  • CSS Mastery Latest CSS tips, tricks, techniques.
  • Unmatchedstyle

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

    英文原文




  • [本日志由 ilank 于 2007-11-06 03:04 AM 编辑]
    文章来自: 收藏
    引用通告: 查看所有引用 | 我要引用此文章
    Tags: css design 学习
    相关文章:

    评论: 2 | 引用: 0 | 查看次数: 29777
    • 1
    hjj [2010-08-23 01:57 PM]
    挺好的啊,
    Claymore [2009-04-07 04:52 PM]
    呵呵,好文章,我收藏了..
    • 1
    发表评论
    昵 称:
    密 码: 游客发言不需要密码.
    验证码: 验证码
    内 容:
    选 项:
    虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
    字数限制 1000 字 | UBB代码 关闭 | [img]标签 关闭