09/ 2/2004

Mozilla.org的网站重构

Post @ 08:33 in

标题用了“网站重构”，英文就是Redesign，而直译应该是“重新设计”，不过自从Jeffery Zeldman的书被翻译成“网站重构”之后，我更愿意用这次词，听起来更加生动。

回到主题，今天Mozilla.org改头换面，新网站令大家耳目一新，不论是从色彩，布局，样式都比之前的设计好了许多。其中主要的几个改动如下：
1> 网页内容固定宽度：之前一版是全屏显示，而现在把内容框固定在中间，网页显得更加紧凑。
2> 全新的导航条（Navigation）：上方左侧位置布置的导航条令人一目了然。
3> 大幅的产品介绍以及三栏式的布局

这次的设计使得整个网站的核心内容更加突出，目前越来越多的商业网站喜欢采用这种布局，由上至下依次是导航条－－产品介绍－－三栏式内容，这样的例子有很多：

到此我们都能有所体会了，一个好的商业站点并不需要把所有的内容一股脑儿的堆到页面上，清晰的导航，明确的结构，紧凑的内容，抓住这几点要素，就能做好一个令人耳目一新的网站。我觉得从这几个网页的设计和布局可以抽象出来一个“标准模版”，在网站架构设计时模仿着这个摸版的形式来做就行了。当然还有一点很重要，那就是需要掌握好“网页标准”的理念。