具有亲和力的表格样式 - Nicky's blog

February 22nd, 2006

具有亲和力的表格样式

Category: CSS, Author: Nicky, Popularity: 20%

nice table

在蓝色理想发现的这个,要说这个表格具有亲和力,主要体现在颜色选取和小修饰符的搭配,让人看了感觉很舒服。现在流行的简洁设计风格的web2.0网站正是需要这样,我最近看了一些国内web2.0网站的设计,唯一能让我感觉舒服的是douban网,感觉不好的是365kit,随意地把现在流行的草绿、玫瑰红、蓝这几种色彩揉杂在一起,页面也没有通过w3.org验证,代码还很乱,随处滥用style标签,可以说是很失败的,国内还有很多2.0网站在色彩的选取和搭配都是不过关的,看来在这方面还需努力。

附:一个在线调色工具
Web2.0特征列表
2005经典LOGO设计欣赏(上)

Tags:, .
评论数量(10) | Add Comments
本文网址:http://www.osxcn.com/css/nice-table.html



10 Comments so far

» You can leave a response or Trackback .

  1. Gravatar Icon icebin Says:

    不错啊,呵呵~~

  2. Gravatar Icon Nicky Says:

    呵呵,被keso一引用效果确实不同哦,希望你的格子能大卖。

  3. Gravatar Icon LEMONed Says:

    我开始玩wordpress了… (泪流满面) 现在正收集插件, 你的recent post,comments的用的是哪个呀?

  4. Gravatar Icon gogosina Says:

    我一直在用的一个BSP就很不错,看代码全部用CSS XHTML构架,颜色搭配也很前卫,我觉得肯定比豆瓣要好,值得一看:ucblog — http://www.ucblog.com

  5. Gravatar Icon Nicky Says:

    本来他们是不能放在一起比较的,如果真的要拿豆瓣和UCblog在页面设计来比较的话,我认为他们不是在一个档次,对此我有几点看法。

    1.在色彩上,豆瓣给人的第一感觉是清晰明了,淡雅色调配上海报之类图片使得页面生动而大气。ucblog在页面的色彩上看得出是花过一些功夫,但还是感觉略显死板而缺乏气势,对于一个BSP来说色彩也太过于浓重。

    2、网页代码的处理上,表面感觉是使用了XHTML+CSS来布局,但是仔细研究一下它的源代码就会发现很多问题,首先页面的代码的层次不是很明了,都是采取全部顶格样式,没有明显的嵌套结构,这个在代码的修改和阅读上都是很不便的。在HTML结构化上也很混乱,而且里面还充斥着大量的FONT标签,这个也是不允许的。简单的说,你不看CSS,你不能读懂它的html里面每一句是什么意思?

    3、在网页的编码上,采取GB2312,提交W3C的校验提示Failed validation,我把首页保存改成UTF-8编码后,校验结果惨不忍睹。而且对非IE浏览器的支持也不太好,页面有点移位了。

    这只是我的一点看法,如果作者看到不要骂我,我也是就事论事,希望我们大家能一起进步。说实话阿捷的“网页设计师”是我在这方面的启蒙老师。

    差点忘了柠檬了,我的评论显示用的Get Recent Comments,记得上次也有人问我?

  6. Gravatar Icon 子鼠 Says:

    我当时也看到这个比赛了, 他的布局太那个了; 所以光用CSS来作真的比较难; 我当时作了一个;

    http://hi.baidu.com/zishu

  7. Gravatar Icon wawa Says:

    这个评论的头像是如何定义出来的?

  8. Gravatar Icon Nicky Says:

    头像是 gravata 这个东西。

  9. Gravatar Icon linchenrr Says:

    请问一下这个每个评论的背景图是如何做到根据评论多少自动调整高度的?

  10. Gravatar Icon Nicky Says:

    3张图片合在一起的。

1 Trackbacks/Pingbacks

leave a reply