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

圖形規(guī)格

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

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

提示用戶當(dāng)前所處位置

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

使用說明文字還是圖標(biāo)?

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

而且，用戶重復(fù)使用的頻率越高，越容易記住圖標(biāo)的意義。

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

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

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

過渡與轉(zhuǎn)化

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

本文標(biāo)題：移動端UI交互設(shè)計中如何設(shè)計導(dǎo)航菜單？
網(wǎng)站網(wǎng)址：http://jinyejixie.com/news21/72971.html

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

廣告

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