1 布局、外观错误

　　1.1 页面宽度

　　1.1.1 页面内容宽度选择不当

　　问题

　　设计页面宽度时不考虑使用800*600分辨率的用户

　　分析

　　根据W3Counter在2006年7月9日发布的全球Web调查显示，使用800*600分辨率的用户仍占11%，所以在设计页面宽度时，要照顾这部分用户。

　　游戏站的用户大多是游戏玩家，他们中间绝大多数人的浏览器分辨率是1024*768或更高的分辨率，所以游戏专题为了获得更好的效果，可以在1024*768分辨率下设计页面宽度，一般为900~1000像素宽。但不排除其中也有一部分800*600分辨率的用户，为了保证这些用户能在第一屏获得更好的效果，要把主要内容放在页面左侧。

　　公司首页、毒霸、WPS、词霸等站，应尽量保证800*600分辨率下不出现横向滚动条，即页面宽度为公司常用的760像素宽。

　　除了固定页面的宽度，设置页面宽度的像素值外，还可以将页面宽度设为100%，以保证各个分辨率下的用户都不出现横向滚动条。对于信息量比较大的页面建议使用100%宽度。但100%宽度的页面会增加宽屏用户浏览网页时视线移动的距离，可以用Javascript控制这类页面的宽度，给它限定一个最大绝对值。

　　案例

　　神州学习网，面向的用户中有很多是大学生用户，目前大学里800*600的显示器还是占不小的比例的。而这个网站采用1024下的页面宽度，显然会失去一部分用户。毕竟类似的学习网站还有很多。

　　我们政府的网站，面向的用户是全国人民，不应该采用1024分辨率下的设计宽度。

　　1.1.2 页面内容宽度不一致

　　问题

　　页面中的一部分内容宽度超出主体内容的宽度

　　分析

　　设计师常常有这样的设计稿：页面主体宽760像素，照顾分辨率800*600的用户。同时为了使1024*768分辨率下的用户浏览起来不至于感觉两侧太空，会把页面中的某一部分，如头部，设计成1000的宽度。制作这种页面时，要注意把两侧多出来的部分做成自动延展的，如果有图片，做成背景图。

　　设计师使用这种方法设计页面的时候要注意两侧多出来的部分，不要放置内容，只能放一些纯修饰性的东西。

　　案例

　　页面在800*600分辨率下出现了横向滚动条。

　　这个页面的原设计稿是这样的：

　　两侧的焰火超过了页面的主体，页面应该这样来做：

出处：蓝色理想
责任编辑：moby

上一页 下一页 字体