《Web设计创新思维》这本书大力倡导网站设计奉行Web标准，用修改CSS规则和DOM脚本的方法设计出可维护、可交互、无障碍、版式漂亮的网站。这本书收录了10位资深Web设计师的精彩文章，提供了一些打破CMS对内容呈现方式限制的实战方法。
在设计一个网站前，必须考虑的是网页布局。书中强调要使文档（XHTML和内容）独立于外观（CSS和装饰图片），以确保需要修改样式时，只需修改一个CSS文件，而不是每一个页面。目前更前沿的做法是结构化组织CSS语言，使层叠样式表CSS更模块化，更便于修改页面设计。当我们访问一个新闻网站时，由于网速等各种原因使浏览器无法读取样式表时，网页的外观部分都不显示了，但更糟糕的是页面的内容也是混乱的。这种情况非常普遍，这也是文档没有完全独立于外观而造成的。
网页的外观中大量使用了图片，包括主背景图片、背景图片、页头背景图片等。但外观终究只是一些装饰，而内容才是网页的主角。书中不赞成使用图片作为网站标题、导航栏信息，以确保图片无法显示时内容的缺失。而网站设计者也应该对图片的大小、格式进行选择性使用。幻灯片弹出框在新闻网站上的使用越来越普遍，过大的图片显示速度慢，可能会让失去耐性的用户直接关掉这个页面，这些问题需要进一步改进。关于图片的格式，书中重点介绍了GIF、PNG和JPG。GIF适用于色彩单一，有色块和文字组成的图案，JPG适用于色彩丰富、图片阶度大的图案。相同尺寸下，GIF（非动画）比JPG占用空间小，因此很适合作为LOGO的存储格式。PNG的透明色在网页设计中有很多优点：更高的压缩率；更高的颜色深度；基于Alpha通道的透明色；实现淡入、水印、遮挡、改变图表颜色等效果。但由于部分浏览器（尤其是广泛使用的IE6）不支持PNG的透明色，因此PNG格式图片在网页设计中的使用仍不普遍。
结构和外观都大致确定之后，就到网页的排版设计了。书中提到针对网页的网格设计、文字排版和“可伸缩”窗口布局。常用的比率有1:
2、2:
3、1:1.618（黄金分割比率）等，而FT中文网排版组合使用的就是典型的三分规则。在文字排版方面，对于单个纵栏，适合阅读的文本行宽度在45到75个字符之间（包括空白，常规大约66个字符）。文字排版技巧广泛应用与报纸的排版，也是不少报纸开始“瘦身”的重要原因之一。而“可伸缩”布局的产生是由于互联网用户使用的显示器的分辨率不尽相同。以往的网页设计一般是基于800*600这个标准的，但现在大部分用户使用1024*768或以上分辨率的显示器。“可伸缩”布局是指在指定宽度范围内，页面可以随着浏览器扩展（或收缩）而扩展（或收缩），自动调整纵栏的宽度，也避免水平滚动条的出现。通过使用样式表“切换器”，自动激活相匹配的样式表，是页面宽度符合用户的显示器的分辨率。目前越来越多的用户通过移动设备访问网站，可以预见“可伸缩”布局将有更广泛的应用。
书中还提到了用户可控模块和无障碍滚动导航栏。用户可控模块是允许用户展开和收起模块、重新组织模块和重现定位模块。我认为QQ空间可以算是国内的典型例子了，可以允许用户自定义模块的排版。在无障碍阅读方面，包括了可更换的字体大小和背景颜色，滚动的导航栏等。现在很多新闻网站都有提供更换字体大小和背景颜色的功能了，比较典型的是FT。滚动导航栏反而比较少见，一般滚动的是分享到新浪微博、人人网、优酷网等的快捷按钮和让人厌烦的小广告。
阅读了这本《Web设计创新思维》之后，我学到的更多的是设计观念上的东西，因为坦白地说，我会不自觉地跳过代码的部分，因此在技术方面的收获并不明显。但我明白到网页设计需要考虑很多细节的东西，比如说文档要独立于外观、结构化组织CSS语言、图片的选择性使用、网格系统、文字排版、“可伸缩”布局、用户可控模块和无障碍滚动导航栏等。
