Patterns - side nav

출처 : http://www.google.com/design/spec/patterns/app-structure.html#app-structure-top-level-navigation-strategies

The navigation drawer is closed by default and temporarily opens until a section is selected.

 

Mobile example of a closed side nav

Mobile example of an open side nav

Tablet example of a closed side nav

Tablet example of an open side nav

Desktop

The navigation can appear directly on the page rather than in a drawer.

Desktop example of a side nav