Personalización de interfaz de usuario
Si eres parte de una cadena de negocios y cuentas con el desarrollo de una app marca blanca Powered By Waitry hay varios aspectos que pueden ser personalizados 100% siguiendo los aspectos de tu marca y su funcionamiento.
En este artículo trataremos la personalización gráfica.
Es la pantalla que se muestra al abrir la aplicación, mientras la misma está cargando los recursos. Con una misma imagen se generan splashscreen para todo tipo de dispositivos.
El diseño debe tener un tamaño de 2732x2732px con un área segura de 1200x1200px centrada en un documento. Recomendamos que todo el splashscreen tenga un fondo de color sólido, o bien alguna imagen representativa de fondo y en el área segura ubicar el logotipo de tu empresa.
El debe estar en formato PNG sin transparencia.
Puedes descargar nuestros s de ejemplo:
Template PSD
Template AI
El ícono de tu aplicación debe tener un tamaño de 1024x1024px y esta en formato PNG. Android admite transparencias, aunque en iOS debe ser sólido, ya que es iOS quien luego le da la forma de border redondeados.
Puedes descargar nuestros s de ejemplo:
Template PSD
Template AI
Template PSD
Template AI
Puedes indicarnos los 3 colores principales de tu paleta de colores, color de fondo y de tipografía. También puedes optar entre una aplicación en modo oscuro o modo claro como se ejemplifica en la siguiente imagen:
Si bien recomendamos no modificar la fuente por defecto. Puedes elegir cualquier tipografía que desees siempre y cuando sea de uso libre o tengas la licencia correspondiente.
Es una imagen para mostrar mientras el contenido se carga (cargador), preferentemente SVG o bien PNG transparente de 200x200px. Puede ser el logo de tu negocio o bien algo que lo represente, como una pinta de cerveza, una bolsa de compras, etc.
Puedes elegir una imagen de fondo para la pantalla de acceso (Login) o bien un color sólido. La misma debe tener las mismas características que la imagen de Splashscreen. A continuación mostramos algunos ejemplos de como se verá:
En este artículo trataremos la personalización gráfica.
Assets Gráficos
Splashscreen
Es la pantalla que se muestra al abrir la aplicación, mientras la misma está cargando los recursos. Con una misma imagen se generan splashscreen para todo tipo de dispositivos.
El diseño debe tener un tamaño de 2732x2732px con un área segura de 1200x1200px centrada en un documento. Recomendamos que todo el splashscreen tenga un fondo de color sólido, o bien alguna imagen representativa de fondo y en el área segura ubicar el logotipo de tu empresa.
El debe estar en formato PNG sin transparencia.
Puedes descargar nuestros s de ejemplo:
Template PSD
Template AI
Ícono
El ícono de tu aplicación debe tener un tamaño de 1024x1024px y esta en formato PNG. Android admite transparencias, aunque en iOS debe ser sólido, ya que es iOS quien luego le da la forma de border redondeados.
Puedes descargar nuestros s de ejemplo:
Android
Template PSD
Template AI
iOS
Template PSD
Template AI
Aplicación de manual de marca
Paleta de colores
Puedes indicarnos los 3 colores principales de tu paleta de colores, color de fondo y de tipografía. También puedes optar entre una aplicación en modo oscuro o modo claro como se ejemplifica en la siguiente imagen:
Tipografías
Si bien recomendamos no modificar la fuente por defecto. Puedes elegir cualquier tipografía que desees siempre y cuando sea de uso libre o tengas la licencia correspondiente.
Imagen de carga
Es una imagen para mostrar mientras el contenido se carga (cargador), preferentemente SVG o bien PNG transparente de 200x200px. Puede ser el logo de tu negocio o bien algo que lo represente, como una pinta de cerveza, una bolsa de compras, etc.
Imagen de fondo para la pantalla de acceso
Puedes elegir una imagen de fondo para la pantalla de acceso (Login) o bien un color sólido. La misma debe tener las mismas características que la imagen de Splashscreen. A continuación mostramos algunos ejemplos de como se verá:
Actualizado el: 05/02/2023
¡Gracias!