<listing id="xdh1b"><var id="xdh1b"><i id="xdh1b"></i></var></listing><menuitem id="xdh1b"></menuitem><var id="xdh1b"></var>
<menuitem id="xdh1b"><dl id="xdh1b"><listing id="xdh1b"></listing></dl></menuitem>
<var id="xdh1b"></var><listing id="xdh1b"></listing>
<cite id="xdh1b"></cite>
<var id="xdh1b"><strike id="xdh1b"><thead id="xdh1b"></thead></strike></var>
<var id="xdh1b"></var>
<var id="xdh1b"></var>
<menuitem id="xdh1b"></menuitem>
<var id="xdh1b"></var><cite id="xdh1b"><strike id="xdh1b"></strike></cite>
<menuitem id="xdh1b"><strike id="xdh1b"><listing id="xdh1b"></listing></strike></menuitem><del id="xdh1b"><span id="xdh1b"></span></del><var id="xdh1b"></var><var id="xdh1b"><strike id="xdh1b"><listing id="xdh1b"></listing></strike></var>
<cite id="xdh1b"></cite>

導航欄設計須知

meng發表于 2014/08/10

作為網頁中最重要的一部分,導航菜單是舉輕若重的。每一個用戶在瀏覽網站時候需要借助菜單來尋找想要的信息,他就像是一個帶領你的導游,告訴你這里有什么,是干什么的,在哪里能找到你想要的。

總結一下,導航欄的重要性。

1. 瀏覽完Logo后,導航欄是用戶第一個看到的組件。
2. 導航欄的作用是引導用戶。
3. 導航欄的作用也類似于索引,快速幫助用戶找到所需信息。
下面是幾點設計導航時候的注意點

 

1 導航不要太復雜的裝飾
導航菜單重要性不言而喻。一些設計師往往使用一些繁雜的裝飾來做突出。其實大可不必,通過字體、懸停效果、留白可以設計出簡約、優雅的極簡主義風格導航欄,看看下面的案例。

minimal navigation bar
upload/2014-08/140811101855123.jpg
2 如果可以不妨加入響應式布局
設備種類越來越多,如何滿足大部分用戶的閱讀需求?這就必須要使用響應式設計了。根據屏幕尺寸來合理縮放頁面,達到更好的閱讀效果,這里是一些案例。
upload/2014-08/140811101855121.jpg
3 合理布局導航,切忌亂放
將導航放置何處,以何種方式展現,這都是不容忽視的,無論是水平布局還是垂直布局,都要盡量滿足用戶使用習慣。水平式導航菜單的好處是明顯,清晰可見,大家都會知道導航條在上方,而且不是那么占據空間。而垂直的導航菜單可以兼容不同的屏幕尺寸。

©2010-2014 秦皇島易博網絡科技有限公司 我們專注于微信開發 | 網站建設 冀ICP備12004938號-3