這5種App菜單設計方案也許有很多設計師已經在使用,但不能否認它是目前實用的,而且能提高用戶體驗的菜單設計方案。下面摘選移動手機UI設計美觀、時尚,希望妳看了後會有靈感收獲,能把妳的菜單設計得更棒,好好學習吧。
APP導航設計類型:
列表式菜單
矩陣、網格式菜單
底部菜單
頂部菜單
擴展菜單
壹、列表式菜單
列表式菜單設計這個從網站到手機APP上都很常用的,遵循由上至下的閱讀習慣方式,所以使用起來用戶不會覺得困難。另外我們可以通過漂亮的配色、 圖標 組合來設計,使得菜單更多加美觀。
GIF Aimation
Elevatr
HabitClock App
Instagrab for iOS
2. 矩陣、網格式菜單設計
網格式 菜單 就類似於metro UI的堆砌色塊,優點簡約而不簡陋,導航清晰、明顯,並能提高效率。但設計時切記不分青紅皂白的去使用色彩哦,這可能會讓用戶不知所措和產生疲倦感。
Vectra By Michal
Arrivo Mobile App By Marco
Abracadabra App By Sergey
T R A V E R S E By Willis
3. 底部菜單
底部菜單主要是列出應用程序重要的功能。
Badoo Concept By Jakub Antalík
Animated Sliding Tab Bar By Virgil Pana
4. 頂部菜單
頂部菜單和底部意義差不多,把菜單放在頂部,可以遵循上至下的閱讀習慣,不過我認為有個缺點就是不能單手操作。
Horner By Cüneyt ?EN
Discovery Channel By Enes Dan
Air Flow Calculation App By HAMZAQUE
Shario App By MING Labs&Pierrick Calvez
5. 擴展菜單
擴展式菜單設計現在連網站也很常用,當我們覺得菜單比較點用位置的時候,可以嘗試用這種方式來隱藏菜單,需要註意的是設計展開菜單按鈕大部設計在左或右上角這些顯示的位置。
MuSeek By Al Power
Univit UI By Mohammed Alyousfi & àlex Casabò
SVOY App Design By Alexandre Efimov
Id?kép By Attila Szabó
總結
從上面5個菜單 設計方案 中可以看出都有自己的優缺點,所以我們應該選擇對妳項目最為有效的方案,並能提高用戶體驗。
本文地址: /sjinfo6855.html