在設(shè)計移動端菜單時，我們有太多需要考慮的問題，前面我們通過《移動端設(shè)計時在何種環(huán)境下使用何種菜單?》介紹了什么時候適合用直觀菜單、什么時候適合使用隱藏菜單，若遇到用戶不足又通過什么途經(jīng)來彌補功能的不足，接下來由南昌APP開發(fā)公司百恒網(wǎng)絡(luò)UI設(shè)計師向大家進(jìn)一步介紹菜單的細(xì)節(jié)問題例如：圖標(biāo)的形狀用那種更適合、是用文字還是圖形說明等細(xì)節(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)注說明文字永遠(yuǎn)比標(biāo)注圖標(biāo)更易于理解，更能啟發(fā)用戶。但是， 說明文字占據(jù)空間較大，在多種語言版本并存的移動應(yīng)用中更是如此。

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

最后不要忘記，說明文字與圖標(biāo)可以混合使用。說明文字與圖標(biāo)絕非對立的 兩面，二者結(jié)合使用或許能達(dá)到絕佳效果。設(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ù)運動，形成動畫效果。

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