网站导航设计新趋势

导航的设计在网页设计中是比较重要的，我看一个 blog 的设计首先就看它的导航，导航在外观上可以做到千变万化，但结构大多数是不变的。常见的有 2 种导航结构，一种是 Tab 菜单式，就像 WordPress 后台那样，优点是能清晰看到目录层次，缺点是不利于构建多层结构，大多数使用这种结构的都只有 2 层；另外一种就是树型或下拉菜单式，就像 Habari 后台那样，它的优缺点正好和上面的相反。这里介绍的 Tab 式位置导航变体 结构，是不是综合了他们的优点，而且做出来的 demo 效果也是一级棒。说白了这种就是 Tab 式结构加上一个下拉菜单，目前这种结构在 Yahoo 中大量使用，如：Yahoo! Food、Yahoo! Sports、Yahoo! TV，我还在 Launchpad 上发现了这种结构。雅虎的网页设计一直是国内众门户模仿的对象，就像新版 Yahoo! 首页一样，还在测试中就被迅雷拿去了，忽然一夜间，很多国内门户网站都变得可以拖动和变色了，还有设计人材济济的 QQ ，现在都还把老雅虎的布局用得沾沾自喜。

Yahoo! TV Navigation


Yahoo! Food Navigation

MarketWatch.com Navigation

Launchpad Navigation

The Tabbed Breadcrumb Navigation Demo