真・懒

订阅 Twitter GitHub 联系

Designing for the Web

来自 Digital Web MagazineDesigning for the Web, 总结了一些针对WEB设计需要注意的问题。

第一,分辨率。显示器分辩率使用情况如下:

Screen Resolution20052004
Larger11%10%
1024 × 76856%50%
800 × 60028%35%
Smaller/Unknown5%5%

我们不去追究数据的权威性,但至少可以反映个大概。依据中国国情,使用 800x600 的用户难说不会比上述数据大,所以,现在绝对不要抛弃我们的 800x600 的用户。

至于图片的分辨率,这篇文章说得太多了,我觉得 web 设计中,时刻记着 72dpi 就够。

第二,浏览器使用情况。

Browser2005 (July)2004 (December)
IE 667.90%65.50%
IE 55.90%9.90%
Firefox19.80%n/a
Opera1.20%1.80%
Mozilla2.60%17%
Netscape0.50%1.60%

如果不是特殊需求,我觉得 Designing for IE 6+ & Gecko based (etc. Firefox)就够了。

而浏览器实际能够处理的分辨率如下:

Screen sizeIE 6FirefoxOperaMozillaNetscape
800 × 600779 × 400781 × 434777 × 427779 × 420781 × 389
1024 × 7681003 × 5681005 × 6021001 × 5951003 × 5881005 × 557

不知道为什么在宽度上 Mozilla 会比 Firefox 少 2px?总之以最小值来衡量就 ok 了。文章还提到基于百分比设计(可伸缩、可扩展),但这确实是一个难题,得看实际情况,该文也没有给出什么能令人满意的答案。

第三、用色。

唯一能够跨平台的就是 web216 安全色。

第四、图片压缩

对比 gif, jpg, png。我的感觉是,png 未来比较有前途。我敢打赌,等 IE 支持 alpha 的 png 后(应该不远了),满世界都是 png。

第五、文本(字体)

这个字体常用列表比较有用:

其他相关

还需要注意易用性,可用性还有受众(Audience)的问题。

"As Web designers, everything we do is for the user. "