在設(shè)計(jì)移動(dòng)端菜單時(shí)，我們有太多需要考慮的問題，前面我們通過《移動(dòng)端設(shè)計(jì)時(shí)在何種環(huán)境下使用何種菜單?》介紹了什么時(shí)候適合用直觀菜單、什么時(shí)候適合使用隱藏菜單，若遇到用戶不足又通過什么途經(jīng)來彌補(bǔ)功能的不足，接下來由南昌APP開發(fā)公司百恒網(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)畫效果。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣技人員有所幫助。原創(chuàng)文章出自:南昌APP開發(fā)公司-百恒網(wǎng)絡(luò) http://www.51yjwy.com/app/index.html 如轉(zhuǎn)載請(qǐng)注明出處!