Cómo personalizar los iconos principales de tu app

Hola y bienvenido a tu nuevo tutorial de GoodBarber.

Hoy vamos a aprender a personalizar los iconos de la aplicación.

Este es un paso obligatorio para generar tu aplicación.

El ícono es un elemento visual clave de tu aplicación. Los navegadores web lo utilizarán como favicon, se mostrará en las notificaciones automáticas para identificar al remitente, en la pantalla de inicio del dispositivo de tu usuario.

Para configurar los íconos, vamos al menú Mi app > Diseño > diseño general

Abre el menú de iconos

Puedes usar el asistente o crear un icono completamente personalizado

Comenzaremos con el asistente.

Aquí puedes agregar texto o un logotipo

Por ejemplo, quiero mostrar las iniciales de mi spa Freyja. Todo lo que necesito hacer es ingresarlos en el cuadro de texto
Voilá

Si prefiero un logotipo, simplemente debo hacer clic en la pestaña como esta y cargar una imagen en las dimensiones requeridas

Sigamos con el texto

En el menú del lado derecho, puedo configurar la fuente, el color del texto y los efectos.

Luego creo el fondo de mi icono: un color o una imagen de la biblioteca unSplash del back office o de mi computadora.

eso es lo que voy a hacer

¡Y listo, mi ícono está listo!

Todo lo que necesito ahora es editar el título de mi aplicación, que se mostrará en la pantalla de inicio de los dispositivos de tus clientes

¡Perfecto!

Haz clic en generar y confirma las modificaciones.

Los iconos se generan automáticamente en el formato requerido para todos los usos posibles.

Fue fácil no?

Ahora probemos la opción personalizada
Esto no podría ser más fácil. Simplemente carga el ícono del recorrido ya creado (en los tamaños requeridos)

¡Y ya está!

Ahora sabes cómo personalizar el ícono de tu aplicación

¡Nos vemos muy pronto para otro tutorial!