Cómo configurar el modo de navegación de tu aplicación
Hoy hablaremos de las diferentes plantillas de navegación.
Desempeñan un papel crucial en la experiencia de tus usuarios y es la navegación principal de tu aplicación.
Para este tutorial usaremos la aplicación para nuestro negocio local Freyja Spa
Para seleccionar uno, ve al menú Mi app> Diseño> Menú de navegación
Selecciona la plantilla que deseas aplicar a tu aplicación
Cada plantilla de navegación tiene sus propias características y mejorará las diferentes secciones de tu aplicación, según tus necesidades.
Elijamos la plantilla Slate.
Consta de 3 partes.
Mi primera parte es la cabecera. Puedes agregar tu logotipo, un acceso directo al perfil de usuario, si has activado el add-on de autenticación, otros accesos directos y / o separadores
Simplemente agrego mi logotipo.
luego pasemos a la navegación principal.
Aquí encontrarás todas las secciones que seleccionaste para la navegación principal en el menú mi app> lista de contenido> secciones
Quiero destacar el enlace a los servicios que ofrece el Spa, para que sean fácilmente accesibles para mis usuarios.
Hago clic en el enlace “our services” y activo la opción “resaltar este enlace”. Cambio el color y ¡listo! ¡Ahí está mi enlace!
Todo lo que necesito ahora es crear el pie de página.
Al igual que para la cabecera, puedes agregar enlaces. Estoy agregando un vínculo al perfil de usuario. Hacia los escenarios y hacia la página de Facebook del Spa
Ahora vayamos al menú de Ajustes. Puedes cambiar el diseño del modo de navegación. La visualización del logo que agregamos anteriormente, el color y el efecto de fondo.
Los colores y la fuente utilizados.
Y finalmente configuramos las opciones del menú.
Se muestra: siempre cerrado o abierto al iniciar la aplicación
Estoy contento con mi diseño final.
Déjame mostrarte desde el lado del cliente.
Este es el diseño Slate
Para darte una idea de las otras versiones:
- Swippe
- Little swipe
- Tabbar y
- Grid
Puedes crear tu menú desde cero o desactivar el menú y simplemente usar la página de inicio como navegación.
Ahora sabes cómo configurar el menú de navegación de tu aplicación
Nos vemos muy pronto para otro tutorial.