神马文学网Think & Design in CSS, 再谈web 2.0时代的网页设计 -
来源：百度文库 编辑：神马文学网 时间：2024/04/28 03:39:31
Think & Design in CSS, 再谈web 2.0时代的网页设计
前些时候写了篇文章web 2.0时代的网页设计风格（http://www.uuzone.com/blog/mao/96927.htm）引发了不少争议，不少朋友在我的blog上留言表达了不同的看法，这里继续展开谈谈。
的确这些设计本身和web 2.0没有关系，只不过原文作者是总结了当今流行的web 2.0的设计而得出的一些普遍性的设计。 其实，什么是web 2.0? 没有一个准确的定义，但有没有web 2.0?显然有， 这些web 2.0的站点表现出来一系列和过去的公司不同的地方，从经营模式到服务理念，从开发方式到实现手段...所以那篇文章不是一个指南，而是一个流行手册。 就如同时装界今天流行短裙，明年流行披风一样。
回到网页设计本身上来，我觉得在今天的网页设计中，以CSS的方式思考，用CSS的方式设计（Think in CSS, Design in CSS）是非常重要的。 是否是用notepad来写网页并不重要， 重要的是那些只会用Dream waver, frontpage来生成页面的家伙们该换换头脑了。
而一个优秀的网页设计师不是一个“美工”， 应该充分地理解CSS带来的优势，理解CSS的box model的构成和原理，才能设计出最佳的为CSS优化的页面。只是把CSS作为和过去没有任何区别的一种技术方法去做页面，没有更换思维就去做事，不但没有改进，反而更加糟糕。
我说这些并不是因为我是专家，而是因为我们在这方面有过切肤之痛。 目前的uuzone的页面可以认为就是一个没有用充分css思考，没有用css充分设计，而只是用css写代码的反面例子（抓紧时间看, 下月我们升级后就没了）。
从2003年10月开始，我们把基于table layout方式的站点转成css layout的设计，后来去年uuzone 2.0的时候改进了一次， 这个过程中犯下的错误包括：
1、 试图用css编码， 而不是用css设计
设计人员仍然是photoshop画页面，然后切割，然后用css去实现。 这个往往导致的结果就是产生大量不必要的垃圾代码， xhtml的代码结构为了实现美工设计的某些其实微不足道的效果而变得复杂不堪。
2、不能正确理解和使用selector
只注重页面表现结果，而不在意（或者不理解，也没打算要理解）代码，结果大量定义没有价值的class和id, 或者不知道何时采用class, 何时采用id. 的确，一般情况下程序员更加容易理解这些概念，网页设计师必须think in css, 才能写出精简、高质量的代码。
3. Table恐惧症
从接触css就不断有人说tabless, 结果table恐惧症屡屡发生. 从钟爱table, 到处用table, 到看见table就要用div给替代掉. 这是从一个极端跑到另外一个极端.
Table用在页面layout上应该被杜绝, 但是table用在表格状数据应当提倡! 其实仔细看看那些tableless文章, 都可以看到tabless是针对layout的.
4. 不够精练, 不够精确
如果每个页面,每个元素都去写一个专门的css定义, 那么这种样式表有什么意义? 当然要提高重用性才行.
我觉得在web 2.0时代,要设计出好(暂时只说结构和风格吧)的网页, 就必须think in css, design in css, 而不是老一套的设计方法. 否则就会重复我们曾经走过的弯路. 而在现阶段我认为对于一个小团队(<50), 最佳的方法是在培训美工的同时, 让更多的程序员参与到设计之中,让整个项目的人都think in css, 不是把网页设计只交给美工去完成.
对UUZone的新版本页面设计,我给出的指导原则是:
- 可用性,合理性 第一位考虑
- 简单, 统一, 可重用, 第二位考虑
- 美观, 第三位考虑
前些时候写了篇文章web 2.0时代的网页设计风格（http://www.uuzone.com/blog/mao/96927.htm）引发了不少争议，不少朋友在我的blog上留言表达了不同的看法，这里继续展开谈谈。
的确这些设计本身和web 2.0没有关系，只不过原文作者是总结了当今流行的web 2.0的设计而得出的一些普遍性的设计。 其实，什么是web 2.0? 没有一个准确的定义，但有没有web 2.0?显然有， 这些web 2.0的站点表现出来一系列和过去的公司不同的地方，从经营模式到服务理念，从开发方式到实现手段...所以那篇文章不是一个指南，而是一个流行手册。 就如同时装界今天流行短裙，明年流行披风一样。
回到网页设计本身上来，我觉得在今天的网页设计中，以CSS的方式思考，用CSS的方式设计（Think in CSS, Design in CSS）是非常重要的。 是否是用notepad来写网页并不重要， 重要的是那些只会用Dream waver, frontpage来生成页面的家伙们该换换头脑了。
而一个优秀的网页设计师不是一个“美工”， 应该充分地理解CSS带来的优势，理解CSS的box model的构成和原理，才能设计出最佳的为CSS优化的页面。只是把CSS作为和过去没有任何区别的一种技术方法去做页面，没有更换思维就去做事，不但没有改进，反而更加糟糕。
我说这些并不是因为我是专家，而是因为我们在这方面有过切肤之痛。 目前的uuzone的页面可以认为就是一个没有用充分css思考，没有用css充分设计，而只是用css写代码的反面例子（抓紧时间看, 下月我们升级后就没了）。
从2003年10月开始，我们把基于table layout方式的站点转成css layout的设计，后来去年uuzone 2.0的时候改进了一次， 这个过程中犯下的错误包括：
1、 试图用css编码， 而不是用css设计
设计人员仍然是photoshop画页面，然后切割，然后用css去实现。 这个往往导致的结果就是产生大量不必要的垃圾代码， xhtml的代码结构为了实现美工设计的某些其实微不足道的效果而变得复杂不堪。
2、不能正确理解和使用selector
只注重页面表现结果，而不在意（或者不理解，也没打算要理解）代码，结果大量定义没有价值的class和id, 或者不知道何时采用class, 何时采用id. 的确，一般情况下程序员更加容易理解这些概念，网页设计师必须think in css, 才能写出精简、高质量的代码。
3. Table恐惧症
从接触css就不断有人说tabless, 结果table恐惧症屡屡发生. 从钟爱table, 到处用table, 到看见table就要用div给替代掉. 这是从一个极端跑到另外一个极端.
Table用在页面layout上应该被杜绝, 但是table用在表格状数据应当提倡! 其实仔细看看那些tableless文章, 都可以看到tabless是针对layout的.
4. 不够精练, 不够精确
如果每个页面,每个元素都去写一个专门的css定义, 那么这种样式表有什么意义? 当然要提高重用性才行.
我觉得在web 2.0时代,要设计出好(暂时只说结构和风格吧)的网页, 就必须think in css, design in css, 而不是老一套的设计方法. 否则就会重复我们曾经走过的弯路. 而在现阶段我认为对于一个小团队(<50), 最佳的方法是在培训美工的同时, 让更多的程序员参与到设计之中,让整个项目的人都think in css, 不是把网页设计只交给美工去完成.
对UUZone的新版本页面设计,我给出的指导原则是:
- 可用性,合理性 第一位考虑
- 简单, 统一, 可重用, 第二位考虑
- 美观, 第三位考虑
Think & Design in CSS, 再谈web 2.0时代的网页设计 -
“web 2.0时代的网页设计风格” 读后感
CSS精粹--您需要掌握的八个CSS布局技巧 - CSS Web Design 我爱CSS
CSS精粹--您需要掌握的八个CSS布局技巧 - CSS Web Design 我爱CSS
Current style in web design
Web 2.0与网页设计
Web 2.0与网页设计
css网页设计的一些技巧
css网页设计的一些技巧
CSS,Javascript,jQuery,视频教程 - Web网页设计开发制作技巧，前沿...
CSS设计制作长度高度不一样的网页区块-div css-网页制作大宝库
CSS:font-size-网页设计
基于CSS的DIV网页设计 - 使用固定层方法设计网页 - 两栏
Web2.0时代的网页视觉设计
Web 2.0 Expo - Hybrid Design
Slideshows In Web Design: When And How To Use Them
Five Types of Effective Headers in Web Design
基于CSS的DIV网页设计 - 通过浮动容器来完整填充网页 - 三栏
基于CSS的DIV网页设计 - 通过浮动容器来完整填充网页
[感悟]坚守网页设计师的贞操-Web设计-DoNews.COM
微软Adobe竞逐Web 2.0开发 网页设计新方式
Web 2.0与网页设计 - 译言翻译
WEB设计经验 - 网页设计美化
基于CSS的DIV网页设计 - 使用固定层方法设计网页 - 三栏_爱上你的微笑