Tutoriales
Atrás

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.

Vídeos similares