日期：2011/12/27  來源：GBin1.com

導航在網站設計中起著舉足輕重的作用。一個設計簡易的導航相對于復雜的導航將能夠很好的幫助用戶探索網站內容。無論從網站設計功能的任何角度來看，導航都是首先我們需要設計和實現的。

實現一個無與倫比并且能成功滿足導航需要的導航設計就好像是登上珠穆朗瑪峰。設計一個具體有特別的功能的導航會使得網站導航對于用戶非常有趣，并且能夠提高用戶的使用體驗。

這次我們選擇了一些使用超棒并且不尋常的導航元素實現的網站，希望大家喜歡！

1. Tvrdek

初上這個網站，你可以感覺這個網站沒有任何內容，但是一旦你使用導航欄后，你會發現瀏覽這個網站是一件多少有趣的事情。

2. Racket

這里你將看到導航懸浮于空中。導航菜單看起來有點即興，但是的確看起來非?？?。

3. Iamyuna

這里導航可能看起來并不起眼兒，但是一旦你的鼠標放上后，將會展示完整的選擇。這個鼠標懸浮效果簡單但是很讓人驚訝

4. Kutztown

創建了一個很具有藝術氣質的設計和字體，給導航添加了更多的美化元素

5. Samsung Mobile

使用獨具一格并且極其喜迎人的導航實現的具有動態并且動畫效果的網站

6. Case Studies

上方設計有鏈接的居中導航絕對是非常棒的導航設計。點擊任何居中的選項將顯示更多細節頁面

7. Acko

藝術化的導航展示方式，并且使用非常明亮的顏色更加突出頁面導航效果

8. Helmy Bern

無序的頂端導航，但是側欄導航和頁腳導航簡單并且令人驚嘆。正確的顏色使用創造了正常的視覺沖擊效果

9. Cathy Beck

使用了一個獨特的方式來組織導航。這個導航被設計在頁底而非頁面頂端，鼠標的懸浮效果非常不一般

10. TinyTeam

使用了非常有條理并且實用的導航菜單設計。幫助新的訪問者簡單的瀏覽網站，并且找到關系的內容及其信息

11. Alexbuga

鼠標懸浮后的滑動效果是導航菜單得關鍵點，這個設計使得導航非常別致并且優雅。主要的導航將會在你鼠標挪動到logo上的時候顯示。

12. Thibaud

瀏覽這個網站非常的有趣。你可以在首頁通過鼠標拖拽來組織和旋轉卡片到你需要的地方，并且通過點擊卡片看到作品集

13. Small Stone

一個不尋常的導航配合這個網站的名字。設計者成功的通過模仿錄音設備來設計一個導航菜單

14. Gleis3

這個導航的使用使得Gleis3網站看起來就像一個路徑指示圖，幫助你簡單的找到你需要到達的地方，點擊選項你可以看到相關信息

15. Amore

通過使用一個水平和垂直的導航，這個網站展示了它獨特的氣質。主要得導航處于頁面底端使用鼠標懸浮的超酷特效

16. Yodabaz

這個使用動畫背景圖片的導航幫助它來吸引訪問者的注意。點擊“作品集”將會顯示非常棒的作品

17. Sensi Soft

整個的導航將被設計居中使得整個網站也頁面非常的有序并且便于瀏覽。這個網站的特效使用絕對超越一般鼠標效果

18. Nickad

這個網站將flash設計帶入用戶玩耍體驗使得導航及其整個網站非常震撼。這個設計絕對在別的網站導航上看不到。

19. Not Forgotten Movie

這個網站的導航選項使用橋牌展示形式，當你將鼠標挪到上方，會生成非常炫酷的特效，非常匹配網站的設計主題

20. 75b

75b同樣也使用一個水平和垂直的導航方式。主要得導航選項被放置到垂直導航中，子菜單則顯示在水平導航中

21. Dave

這個網站不但帶來了菜單使用的樂趣同樣使用獨特的字體來區別于其它類似的網站

22. Vernon Clarke

整個導航都被展現為一個帶有電影膠卷標簽風格的形式。除此之外這個網站同時也具有幾個非常另類的特性

23. Booma Webdesign

沒有過多元素的簡單并且高效的導航。幫助你簡單理解。

24. Revolution Driving Tuition

簡單并且漂亮的導航方式，沒有過多的優雅特效。不過即使是一個新手也知道該如何使用這個網站

25. Jeremy Levine

一個非常具有想象力的網站導航設計使得瀏覽這個網站非常的有趣味。利用了眩暈的顏色搭配使得導航更加吸引眼球

26. Wards Exchange

整個導航都被設計在頁面邊緣使得這個網站組織非常有序并且方便瀏覽。這個網站同時也使用不同尋常的鼠標懸浮特效

27. Sideshow Press

導航被設計使用非?？岬奶匦?，使得網站非常具有親和力。點擊菜單選項將會顯示水平的內容

28. Bountybev

使用最耀眼的顏色組合來凸顯導航。使用粗體字體是使得網站更難于忘記

29. Noonstyle

同樣使用側欄的導航使得網站組織有序并且非常高效。點擊導航會顯示在邊欄相關信息

30. Vanity Claire

簡單并且藝術化的設計手段不但迎合了網站的主題并且幫助網站更加富有規律

31. EwingCole

這里導航選項被拆分為倆個部分。頂端的導航顯示了自定義樣式內容而第二個導航展示了流行樣式

32. Custom Tshirts

這里主要得鏈接處于頂端，然而作品集和T恤圖片都是用鼠標懸浮特效來放大圖片尺寸

33. Hello Goodlooking

開始瀏覽這個網站的時候，你會覺得這個網站沒有任何內容，但是一旦你瀏覽導航，你就會非常喜歡這個網站的

34. Christian Sparrow

使用了簡單但是非常有吸引力的導航方式，不但能吸引你的注意力同時也創建了非常好的第一印象

35. Enila

使用了一個非常混亂的導航菜單但是頂端的邊欄使得導航變得非常簡單，同時也添加了非常有趣的設計元素

36. Salt Films

在這個導航中，突出的手使得整個導航富有樂趣并且非常獨特

37. Blue Bug Digital

使用360度旋轉的動畫背景圖片來完整的預覽展示導航菜單

38. Section Seven

同樣也創新的使用藝術手段展示導航菜單，是的整個網站看起來非常的具有吸引力

39. Sq Circle

當網站加載完畢后，會有信息出現，說我們具有創新和實用特性。 這個在你瀏覽網站的時候能非常好的感受到。導航非常的驚人

40. EyeDraw

展示了一個非常干凈并且漂亮的網站布局，使得瀏覽者非常容易理解網站。鼠標懸浮菜單后導航將會給你非常詳細的內容

41. Light Motion design

提供給了不熟悉internet的人一個導航計劃和使用手冊。整體來說，非常特別并且非常的成體系

42. Studio Stemmler

整合了特效導航，出色的設計和漂亮的顏色搭配，幫助提高視覺沖擊和網站的吸引力

43. Eric johansson

一個有趣的網站，讓你使用傳統的方式來瀏覽網站

44. Iipvapi

非常有創新的設計來形容這個網站導航，同時也使用了非常炫酷的特效

45. Narrow Design

一個垂直的導航，當點擊導航選項后會移動到頁面左邊，這樣使得詳細內容有更大的空間來顯示

46. Organic Grid

使用了一個網格的視覺沖擊導航菜單，占用了90%的頁面內容

47. Smriyaz

一個非常漂亮的網站設計使用干凈并且高效的導航菜單幫助用戶了解如何使用網站

48. Unfold

簡單但是創新的方式來設計導航，不但符合網站的設計理念，并且提供了一個完整的體系化設計。點擊頂端導航將看到細節

49. Yugop

導航被放置到底端使用非常另類的動畫特效

50. Vanalen

使用了一個另類的獨特網站導航菜單。整個導航的計劃非常罕見并且非常具有創意

來源：分享50個使用非比尋常導航菜單設計的創意網站