8. 超大下拉菜單

導(dǎo)航不一定非得是幾個(gè)簡單的超鏈接組合。最近，導(dǎo)航設(shè)計(jì)有一個(gè)流行趨勢(shì)：不僅僅提供“航向”選擇，也提供網(wǎng)站內(nèi)各“終點(diǎn)站”位置以及“終點(diǎn)站”之間 的從屬關(guān)系。所謂“超大”下拉菜單常見于電子常務(wù)網(wǎng)站，用于展示他們龐雜的商品分類。這種樣式正成為設(shè)計(jì)趨勢(shì)，因?yàn)樗芡ㄟ^普通的翻轉(zhuǎn)就提供大量分類信 息，而不需要用戶額外的點(diǎn)擊。

超大下拉菜單的實(shí)例超大下拉菜單的一個(gè)經(jīng)典例子是 Ruby On Rails Guide 的Guide Index。這個(gè)菜單提供了一個(gè)組織良好、樣式精美的二級(jí)導(dǎo)航。注意，與一般的做法不同，激活二級(jí)菜單需要用戶點(diǎn)擊，Guide Index右邊有“切換” 圖標(biāo)，并且有著與將要彈出的二級(jí)菜單相融合的背景色。彈出的二級(jí)菜單也有細(xì)微的投影。

譯注：這站點(diǎn)在IE的Quirks模式下有顯示異常……（話說顯示不異常的頁面還基本上沒有……）

下面的截圖里的投影，我也看不到……

帶更多信息的多級(jí)菜單

Porsche 對(duì)于上面說到的技巧來說，簡直是一個(gè)完美的例子。Porsche 的主頁提供一個(gè)多級(jí)菜單，讓用戶不用一次點(diǎn)擊就能快速了解他們生產(chǎn)的所有汽車。第三級(jí)菜單中，所選汽車的信息被直接提供：包括圖片、許多鏈接、以及其他關(guān) 于本車的快讀信息。當(dāng)然，這個(gè)更大的區(qū)塊就是一個(gè)巨大的可點(diǎn)擊區(qū)域。所有細(xì)節(jié)和特別介紹都直接鏈到相應(yīng)頁面。要了解究竟是怎么回事，就點(diǎn)擊下面的圖片自己 去看看吧！