目前为止,我们讨论的都是设计的理论,理论是好的,但它只能帮助我们理解在网站设计中为什么一些方法可行而另一些方法不可行。在我看来,例子和实践更为有用,大多是学院式的图形设计课程都有着丰富的艺术史和优秀的艺术品,这些课程从美术透视的角度提供了理解图形设计的基础,但它对于将要开始的网页设计或种种具体的挑战却帮助甚少。
巴伯罗.毕加索曾经说过,“我一直尝试做我一直不会做的事情,这样我就可以学会如何去做。”当选择一个方法去设计新的网站的时候,必须先知道能做什么,当在英特网放眼望去,版面布局的方式有无限种可能,但是正如之前所说的,只有其中一部分可以做出好的设计来,这就是我们总能看到相同的标识、导航条和内容布局一次次重复出现的原因。
下面我们会讨论三种导航布局,以及它们的优缺点。
左栏导航
先不用考虑布局设计是定宽度还是不定宽度的,左栏导航格式是事实上的标准,ThinkGeek网站是一个典型的设计(thinkGeek.COM)。许多套用这种模板的站点实际上不使用左栏作为导航栏——有时候你会发现导航栏在网页的上方,但是它仍然保留了这种划分方法,即在标题下方左边三分之一处使用窄栏,右边使用宽栏。这就是现状,就好像一份保险,或者一件你每周穿一次,腋下有有个小洞的,但是穿起来很舒坦的衬衫一样,尽管这会使你的女朋友抓狂,这种左栏导航的布局格式对任何人来说是一种安全选择。
左栏导航的缺点是缺乏创造力,它被使用了无数次,并且看起来很相似,这并不是说不应该使用左栏导航的布局。我估计75%的网站的设计都是基于左栏导航模式的,但是有机会我会尝试其他方法。
说到其他方法,把左栏移到右栏如何?这样,我们就有了右栏导航的布局。
右栏导航
尽管很难找到像奥迪网站一样将主导航栏移到右边的布局设计,但是却可以找到很多将子导航栏、广告栏或者子内容栏置于右边的网站,因为现在,阅读的习惯是从左往右,这样的设计可以使网页的主要内容更容易阅读。
我不知道为什么没有更多网站使用右栏导航的设计方法,我曾经通过变换左右栏来研究目录的可用性和实用性,以我的经验来说,鼠标更容易停留在浏览器的右边,这样就离滚动条更近。
不过最后这些还是要取决于你的客户,取决于他们愿意让别人看到什么样的网页,左栏导航更通用、更标准,但是在网页设计中,它并不是优先级最高的,可以肯定的是,如果你希望自己设计的网站和比人的看起来不一样,可以尝试一下右栏导航。
三栏导航
典型的三栏导航布局是一个宽大的中间栏连接着左右两边的细窄栏,apple store网站就是一个这种布局的例子(store.apple.com)。尽管三栏可能适用于那些有大量导航、简短内容或者大量广告的网页,但是如果不想让网页看起来很混乱,要留足够的空白空间出来。还好在Apple store网站三栏布局仅仅出现在主页,并且主栏也有足够的留白来吸引客户的眼光。

