移動端UI交互設計中如何設計導航菜單?

2017-01-24    分類: 網站建設

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

圖形規格

設計者需要根據內容的重要程度使用不同規格的圖形:圖形越大越容易吸引 用戶的目光。但屏幕上的其他元素也扮演著重要角色:如果界面非常簡潔,設計 者不需要始終強調圖形部分。

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

提示用戶當前所處位置

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

使用說明文字還是圖標?

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

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

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

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

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

過渡與轉化

在設計菜單時,設計者還需要考慮到當用戶調取菜單時,應該如何將其呈現出 來。此時,動畫發揮了重要作用:動畫可以在用戶的腦海中重現整個系統的運行模 式。系統在虛擬空間中呈現一組頁面,頁面按一定方向連續運動,形成動畫效果。

本文標題:移動端UI交互設計中如何設計導航菜單?
網站網址:http://m.kartarina.com/news21/72971.html

成都網站建設公司_創新互聯,為您提供網站改版自適應網站外貿建站網站導航App設計電子商務

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

h5響應式網站建設
主站蜘蛛池模板: 无码人妻精品一区二区三区99仓本| 精品亚洲成A人无码成A在线观看| 亚洲熟妇无码一区二区三区导航| 国产免费av片在线无码免费看| 中文字幕无码毛片免费看| 亚洲国产精品无码专区| 久久精品无码一区二区WWW| 中文字幕在线无码一区| 日韩精品人妻系列无码av东京| 亚洲AV无码成人精品区在线观看| 麻豆人妻少妇精品无码专区| 免费A级毛片无码无遮挡内射| 国产成A人亚洲精V品无码性色| 色综合久久久无码中文字幕| 免费无码成人AV在线播放不卡| 精品久久久无码中文字幕| 激情无码亚洲一区二区三区| 亚洲日韩乱码中文无码蜜桃臀| 国产午夜无码专区喷水| 无码8090精品久久一区| 精品无码成人久久久久久| 国产成人无码AV麻豆| 无码精品久久久久久人妻中字| 国产高清无码二区 | 中文字幕在线无码一区| 亚洲av无码专区国产不乱码| 67194成l人在线观看线路无码| 国产aⅴ无码专区亚洲av| 精品无码黑人又粗又大又长| 无码专区国产精品视频| 国产精品亚洲专区无码不卡| 国产精品国产免费无码专区不卡| 无码国产精品久久一区免费| 亚洲AV永久无码天堂影院 | 四虎成人精品国产永久免费无码| 亚洲日韩精品无码AV海量| 无码人妻一区二区三区一| 久久亚洲精品成人无码网站| 亚洲AV无码久久久久网站蜜桃| 久久久无码精品亚洲日韩按摩 | 久久久久亚洲AV无码专区首|