Tutoriales
Atrás

Cómo configurar tu encabezado


Hoy configuraremos el encabezado o logotipo y título de tu aplicación.

Esta es la parte superior de la aplicación que siempre está visible y accesible en todas las secciones.

El encabezado tiene 4 propósitos:

- Muestra la identidad de tu aplicación

- Dar un título a una sección

- Mostrar atajos

- Navegar en la aplicación

Vayamos de inmediato al menú Mi app> Diseño> Diseño general.

Hago clic en Logo y título.

Aquí puedo ingresar el nombre de mi aplicación en formato de texto o agregar un logotipo.

Quiero algo muy "de marca", así que agregaré un logotipo en su lugar.

Ya está listo, solo tengo que subirlo.

¡Eso es todo!

Ahora elijo la alineación del logo a la derecha o centrada.

Fácil, ¿no es así?

¿Quieres más? ¡Lo sabía!

Puedes ir más allá en la personalización del encabezado activando el menú Avanzado aquí.

Ahí, ahora tengo muchas más opciones.

Puedo cambiar el color de fondo, la barra de separación, agregar imágenes de fondo.

También puedo agregar enlaces a mi encabezado.

Estoy trabajando en la aplicación de spa Freyja, es un negocio local.

Por lo tanto, voy a agregar un enlace a la tarjeta de membresía aquí. Hago clic en Añadir una acción, elijo el icono y configuro los colores para mi acceso directo. Perfecto.

Para la versión PWA, puedes optar por mostrar el título del acceso directo en la tablet y el escritorio.

También agrego un enlace a la tarjeta de fidelización para que mis usuarios puedan acceder fácilmente a sus recompensas.

Último parámetro, los demás elementos del encabezado.

Aquí están los íconos de retroceso que se mostrarán en el encabezado mientras el usuario navega por la aplicación.

Pongo el video en los modos de navegación en la barra de información;)

Hago una vista previa.

Hecho !

Te mostraré el resultado final.

Ahora sabes cómo personalizar el encabezado de tu aplicación.

¡Hasta pronto para un nuevo tutorial!

Vídeos similares