當前位置:首頁 > 新聞中心 > 互聯網動態
想設計極具風格的網站導航菜單,你必須知道這些原則責任編輯 :李飛    文章來源 :星翼創想(www.vividpop.net)    發布時間 :2017-06-29    閱讀次數:3170     專題 :網站設計

設計一個優秀的導航菜單并不是那么困難,但仍然需要把握以下這些關建點:

1. 容易找到

視覺上要容易區分并且能讓用戶一眼就能找到,導航文本與你的正文文本不要使用相同的顏色,字體和大小。導航文本應該突出和顯眼。對于菜單按鈕,使用高對比度顏色和清晰的文字。導航區域要保持一定的大小,用戶容易發現。導航的位置要使用慣用的位置,例如頁面頂部,左側等。

2. 簡單

一定要簡單易操作,能夠幫助你的用戶快速查看哪些信息可用,以及在哪里可以找到所要查找的內容。用戶需要能夠預測你的網站的工作原理,而無需學習怎么做!如果他們需要考慮如何做,那么你已經失去了他們!避免讓用戶點擊一個很小的倒三角然后展開二級菜單的方式,他們可能根本找不到它。

3. 可點擊

確保所有導航中元素可點擊。在導航中使用多個分類目錄時,所有標題元素都應該是可點擊的鏈接。即使使用下拉菜單,點擊子類別鏈接也可能是訪問者的自然傾向。不要覺得這一條可笑,我經常發現有些網站的導航點擊后無法跳轉。

4. 一致性

盡量在所有頁面中使用相同的導航模式,這是非常重要的,因為沒有一致的設計,用戶可能會認為他在另一個網站。確保使用相同的導航模式,以便用戶可以輕松地訪問你的網站而不會丟失。

5. 清楚

你的菜單文本必須描述清楚,使用簡單明了的術語,不要讓用戶思考這里的文本意思是什么,保持你的文字簡短,具有描述性并且重點突出。如果需要五秒以上的時間來思考文本含義再去點擊鏈接,那么這將會造成糟糕的用戶體驗。


6. 保持簡潔

可以在垂直導航中添加更多的項目,但是主菜單中的項目不必過多,會分散用戶的注意力。一般最好不要超過8項。

7. 互動

反饋對于任何交互都是至關重要的。當人們點擊或鼠標懸停在菜單項時,請確保提供下一步操作的指示。及時給予用戶任何操作的反饋能讓用戶更愿意去點擊導航。你可以通過更改鏈接的文字顏色,背景顏色,或對其加粗,使其與其它內容不同。

8. 排序

需要確定網站提供的主要功能,最重要的是什么,將最重要的項目按照重要度放在主導航中,次要的項目可以放在二級導航中。

9. 風格

極簡主義仍然是網頁設計的趨勢,獨特視覺風格會使你的菜單看起來很酷,但要確保它與整個網站的整體設計相匹配。


10. 無障礙

網站可訪問性永遠是衡量一個網站質量的重要標準,請確保對障礙人士友好,如果你希望使用大量酷炫的 CSS 技術,請同時考慮對屏幕閱讀技術等的兼容。

下面是一個導航設計的檢查表,你可以按照下表對你的導航菜單進行檢查:

1. 導航位置在頁面上容易找到

2. 只需要使用鼠標滑過,鼠標點擊就可以操作整個導航菜單

3. 每一個菜單項都是可以點擊并正常跳轉的

4. 導航文字簡短清晰

5. 整個網站只使用一種導航菜單

6. 鼠標移到對應的菜單項上時能凸顯對應項

7. 導航的菜單項不超過8個

8. 導航的菜單項已按照重要度排序

9. 導航的風格和網站整體風格一致

10. 導航菜單項可以被屏幕閱讀器正確識別

我們將展示6個不同的精美導航菜單的網站,他們的風格和設計方法各不相同,希望大家可以從中獲得一些啟發,從而設計出有自己特點的導航菜單。小貼士:大家可以挨個點擊以下導航菜單,看看他們是如何在瀏覽器上運作的。


以上文章內容轉載自網絡,版權歸原作者所有


文章轉載請保留網址:http://www.vividpop.net/news/industry/1809.html

日本一本二卡三卡四卡_欧美开放黄色网址_亚洲国产精品无码久久九九_97久久超碰极品视觉盛宴