這五種App菜單設計方案,可能很多設計師都用過,但不可否認的是,目前都是實用的,可以改善用戶體驗的。下面這款手機UI設計好看又時尚。希望妳看完之後有所啟發,可以更好的設計自己的菜單。好好學習。
應用導航設計類型:
列表菜單
矩陣和網格格式菜單
底部菜單
頂部菜單
擴展菜單
壹、列表菜單
從網站到手機app常用的列表菜單設計,遵循自上而下的閱讀習慣,用戶使用起來不會覺得很難。此外,我們還可以通過漂亮的色彩搭配和圖標組合來設計菜單,使菜單更加美觀。
GIF模擬
電梯
HabitClock應用
iOS版Instagrab
2.矩陣和網格格式的菜單設計
網格菜單類似於metro UI的堆疊色塊,簡潔而不簡單,導航清晰明顯,效率提升。但是在設計的時候切記不要亂用顏色,這樣可能會讓用戶不知所措,很累。
邁克爾的《Vectra》
Marco開發的Arrivo移動應用程序
Sergey的Abracadabra應用程序
威利斯著
3.底部菜單
底部菜單主要列出了應用程序的重要功能。
Jakub Antalík的Badoo概念
維吉爾·帕納的動畫滑動標簽欄
4.頂部菜單
頂部的菜單和底部的意思壹樣。把菜單放在最上面可以遵循從上到下的閱讀習慣,但是我覺得有壹個缺點就是不能單手操作。
孔茨的霍納?(構成動詞)表示“使處於…狀態”
Enes Dan的探索頻道?
HAMZAQUE的空氣流量計算應用程序
明實驗室的Shario應用程序;皮爾裏克·卡爾維斯
擴展菜單
擴展菜單設計現在甚至在網站中也普遍使用。當我們覺得菜單更側重於位置時,可以嘗試用這種方式隱藏菜單。需要註意的是,大部分擴展菜單按鈕都設計在這些顯示位置的左上角或右上角。
艾爾·鮑爾的音樂
穆罕默德.阿裏尤斯菲和。àlex Casabò
亞歷山大·埃菲莫夫設計的SVOY應用程序
Id?阿提拉·薩博的kép
摘要
從以上五種菜單設計方案可以看出,它們都有各自的優缺點,所以要為妳的項目選擇最有效的方案,提高用戶體驗。
本文地址:/sjiinfo 6855 . html