无懈可击的设计思路
[b]是什么让我们的设计总有瑕疵？[/b]使用CSS布局这个最大的问题解决之后，我们的web设计还是不够无懈可击，是什么因素让我们的设计总存在瑕疵的，“[url=http://www.simplebits.com/publications/bulletproof/]Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS[/url]”,[url=http://www.simplebits.com/]Dan Cederholm[/url]的这本Bulletproof Web Design为我们指明的道路。这本书的[url=http://www.sinzy.net/BPWD/]中文翻译[/url]已经出版了有段时间了，本来打算买本来看看，可是看完英文版之后就觉得不是很有必要了，书中以实例为主，为我们传达了无懈可击的设计思，这个思路也是我认为本书最有价值的地方。
[url=http://www.douban.com/mpic/s1442015.jpg][img]http://www.douban.com/mpic/s1442015.jpg[/img][/url]
[url=http://book.csdn.net/bookfiles/193]CSDN免费试读[/url]
[b]破坏我们完美设计的因素：[/b][list][*]浏览器种类[*]浏览器版本[*]分辨率[*]窗口大小[*]盒子内容的变化[*]图片被禁用[*]CSS被禁用[*]当然还有JS（但是书中没有提到）[*]......[/list][b]出现的问题？[/b]
1.文字大小的可伸缩性
IE6.0是市场占有率最高的浏览器，也是现在流行的浏览器中最糟糕的一个，字体大小不可随意伸缩可算是排版中一个最大的瑕疵，字体的可伸缩性，是你的排版最人性化的一面，让视力不够好的人们可以选择去调整到自己的理想大小。而我们习惯了以px,pt定义字体大小，因为他们易于掌握，使用方便。可是IE6.0下这样定义的文字是无法缩放的。
2.背景的延伸
web标准下视觉效果全部交给CSS来处理，修饰性的图片也全部采用背景的方式显示，而当背景内的文字缩放的时候，或者容器内容增多的时候，背景得不到延伸，完美的视觉效果被破坏。
3.不同环境下浮动布局被破坏
浮动布局是CSS布局中最常用，也是最理想的布局方式，在这种理想的布局下，浮动的及时闭合，在分辨率的变化，窗口的大小变化，浮动容器内元素的大小过大时，布局的效果就会遭到破坏。
4.图片CSS禁用之后的可读性
当图片和CSS被某些比较节省网费的访问者禁止的时候，我们的网页的可读性降低了吗？访问者可不可很顺畅的获取的需要的信息。
5.JS被禁止的时候交互的中断
采用JS进行一些交互的设计，如弹出菜单导航，表单提交、校检等等，当JS被禁用之后，访问者会不会遇到无法导航，无法实现基本的交互操作和目的。 顶一下 值得学习研究，谢谢。
页:
[1]