在設計移動端菜單時，我們有太多需要考慮的問題，前面我們通過介紹了什么時候適合用直觀菜單、什么時候適合使用隱藏菜單，若遇到用戶不足又通過什么途經(jīng)來彌補功能的不足，接下來由成都APP開發(fā)公司創(chuàng)新互聯(lián)網(wǎng)絡UI設計師向大家進一步介紹菜單的細節(jié)問題例如：圖標的形狀用那種更適合、是用文字還是圖形說明等細節(jié)問題。

圖形規(guī)格

設計者需要根據(jù)內(nèi)容的重要程度使用不同規(guī)格的圖形：圖形越大越容易吸引 用戶的目光。但屏幕上的其他元素也扮演著重要角色：如果界面非常簡潔，設計 者不需要始終強調(diào)圖形部分。

值得注意的是，如果存在次要菜單的話，應該讓主菜單的表現(xiàn)形式與之匹 配。次要菜單的外觀應當相對質(zhì)樸、平實，避免過分吸引用戶的注意。

提示用戶當前所處位置

在更接近慣例的菜單設計中，提示用戶當前所處位置是一項很好的功能，但我 們經(jīng)常會見到這種情況：“抽屜菜單”沒有提示用戶當前處在哪個頁面、哪個欄目。 提示當前所在位置，能夠幫助用戶在虛擬空間中定位，在大腦中暢游交互世界。

使用說明文字還是圖標?

標注說明文字是最簡單明了的方法。但有時屏幕空間非常寶貴，設計者可以 考慮使用圖標代表眾所周知的功能。用戶很容易學會使用并記住常用的功能圖 標，比如“首頁”“信息提示”“個人信息”“用戶賬號”“搜索”等功能，完全不 必使用說明文字。

而且，用戶重復使用的頻率越高，越容易記住圖標的意義。

在菜單里標注說明文字永遠比標注圖標更易于理解，更能啟發(fā)用戶。但是， 說明文字占據(jù)空間較大，在多種語言版本并存的移動應用中更是如此。

一切取決于設計者希望推薦各個欄目的積極程度：如果默認欄目最重要，而 相對來說，用戶不常搜索其他附屬欄目，那么設計者必須通過菜單展現(xiàn)這一情況。

最后不要忘記，說明文字與圖標可以混合使用。說明文字與圖標絕非對立的 兩面，二者結合使用或許能達到好效果。設計者最好使用眾人皆知的圖標代表 一些常用功能，因為用戶理解這些圖標的含義。設計者還可以搭配說明文字，強 化圖標的建議能力 。

過渡與轉(zhuǎn)化

在設計菜單時，設計者還需要考慮到當用戶調(diào)取菜單時，應該如何將其呈現(xiàn)出 來。此時，動畫發(fā)揮了重要作用：動畫可以在用戶的腦海中重現(xiàn)整個系統(tǒng)的運行模 式。系統(tǒng)在虛擬空間中呈現(xiàn)一組頁面，頁面按一定方向連續(xù)運動，形成動畫效果。

本文標題：移動端UI交互設計中如何設計導航菜單？
網(wǎng)站網(wǎng)址：http://m.2m8n56k.cn/news21/72971.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、自適應網(wǎng)站、外貿(mào)建站、網(wǎng)站導航、App設計、電子商務

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)