移動(dòng)端UI交互設(shè)計(jì)中如何設(shè)計(jì)導(dǎo)航菜單？

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

圖形規(guī)格

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

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

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

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

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

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

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

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

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

最后不要忘記，說明文字與圖標(biāo)可以混合使用。說明文字與圖標(biāo)絕非對(duì)立的 兩面，二者結(jié)合使用或許能達(dá)到好效果。設(shè)計(jì)者最好使用眾人皆知的圖標(biāo)代表 一些常用功能，因?yàn)橛脩衾斫膺@些圖標(biāo)的含義。設(shè)計(jì)者還可以搭配說明文字，強(qiáng) 化圖標(biāo)的建議能力 。

過渡與轉(zhuǎn)化

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

標(biāo)題名稱：移動(dòng)端UI交互設(shè)計(jì)中如何設(shè)計(jì)導(dǎo)航菜單？
標(biāo)題URL：http://muchs.cn/news/72971.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、Google、網(wǎng)站收錄、網(wǎng)站策劃、微信小程序、做網(wǎng)站

廣告

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