汉堡菜单精华 - 专知

会员服务 ·

汉堡菜单

Left Nav Flyouts 菜单设计，又称 slide-out navigation、left-hand navigation、left navigation，中文语境里面还会唤作抽屜式菜單或抽拉式菜單。是 iOS 平台今年新出現的一種交互方式，用於取代日益凸顯局限性的下端 Tab Bar. 較為著名的代表 apps 有 Facebook 和 Path 等。Left Nav Flyouts 是一種手勢操作，所以一般在 Nav bar 會有一個「漢堡」圖表予以指示。

汉堡菜单 (Left Nav Flyouts) 是产品设计的无能吗？ - 知乎
- https://www.zhihu.com/question/20671604
zhihu.com/lives
- https://www.zhihu.com/lives
redux-burger-menu
- https://negomi.github.io/redux-burger-menu/
hamburger-menu-svg-animation
- https://tompryor.github.io/hamburger-menu-svg-animation/
CSS Animated Hamburger Icon
- http://shgtkshruch.github.io/hamburger-menu/
Pinapps
- https://zhuanlan.zhihu.com/pinapps
Ember Burger Menu
- https://offirgolan.github.io/ember-burger-menu/
react-burger-menu
- http://negomi.github.io/react-burger-menu/
Morphing Hamburger Menu
- https://lmgonzalves.github.io/morphing-hamburger-menu/
如何看待 Win10 把菜单按钮都放在左上角？ - 知乎
- https://www.zhihu.com/question/28033471
美国的几家汉堡连锁店 Wendy's, Jack-in-the-Box, Five Guys...
- https://www.zhihu.com/question/26068375
cameronbourke.github.io/react-hamburger-menu
- http://cameronbourke.github.io/react-hamburger-menu/
like333.github.io/js应用/照片墙.html
- https://like333.github.io/js%E5%BA%94%E7%94%A8/%E7%85%A7%E7%89%87%E5%A2%99.html
Guides - KISSY v5.0 Documentation
- http://modulex.github.io/5.0/demos/menubutton/index.html
自定义右键菜单学习｜Simmin's blog
- https://simmin.github.io/2016/07/22/context-menu/
zhihu.com/question/22420128
- https://www.zhihu.com/question/22420128
为什么说肯德基、麦当劳是垃圾食品？ - 知乎
- https://www.zhihu.com/question/21478633
example
- https://aui.github.io/angular-popups/example/popup-contextmenu.html
Hamburger Menus are Evil. Right?
- http://justinlevi.github.io/blog/2016/04/04/hamburger-usability
Guides - KISSY v5.0 Documentation
- http://modulex.github.io/5.0/demos/menu/check-item.html

展开全文

参考链接

父主题

用户界面设计

微信扫码咨询专知VIP会员