¿Hacer que las etiquetas se destaquen en el fondo? [cerrado]

Una página en mi aplicación muestra una imagen de la mascota del usuario, estoy tratando de agregar una etiqueta encima de la imagen que contendrá el nombre de la mascota. Soy un estudiante de ciencias de la computación que es muy malo en la interfaz de usuario y tengo dificultades para hacer que esta etiqueta encaje con el resto de la página.

Como el fondo es blanco, hice que el color del texto de la etiqueta se destacara en negro, pero en mi opinión se ve bastante mal. Aquí una foto de la página:

Foto

¿Alguien puede ayudar a un estudiante que no conoce la interfaz de usuario a hacer que la etiqueta sobre la imagen se vea menos como una mierda?

Editar: aquí está la versión mejorada gracias a las sugerencias del usuario 287001:

imagen final

FWIW: Tu logo me parece "Dag Lag"
Entiendo lo que quieres decir... Sin embargo, creo que se parece menos si has visto el nombre real de la aplicación antes de este logotipo.

Respuestas (1)

Incluso una pequeña fuente decorativa para el nombre es imprescindible. Los huesos, corazones, etc., deben desaparecer debajo del nombre. El nombre debe estar en tamaño grande, redúzcalo solo si es necesario debido a las limitaciones de espacio.

ingrese la descripción de la imagen aquí

Es de esperar que tenga una gran selección de estilos de fondo, marco y texto para diferentes personalidades.

La legibilidad máxima del nombre es secundaria. El usuario seguramente conoce el nombre. La presentación de su mascota en un estilo agradable (para el usuario) es lo más importante.

En Construcción: Esta área podría usarse mejor al contar algo sobre la mascota. Las tareas de configuración no deberían robar tanto espacio de la pantalla principal.

Este es un gran consejo, gracias! Tomé sus sugerencias y creé esto: imgur.com/a/01S8u . ¡Déjame saber lo que piensas! Todavía estoy trabajando para desvanecer el fondo detrás del nombre de la mascota.
@MarksCode ¡Mucho mejor! Intente cambiar los contornos negros de las letras por un desenfoque blanco que reside debajo de las letras reales pero sobre el fondo. (No sé mucho sobre programación, así que uso los términos del software de la aplicación)
Ok, eliminé el contorno negro y agregué un degradado transparente al interior del marco del nombre. ¿Qué opinas? imgur.com/a/NhJ9t
@MarksCode Bien. Tal vez sea posible un gradiente un poco más pronunciado. Permite que se queden un poco más de elementos de fondo. Pero la diferencia sería pequeña.
@MarksCode considere publicar el resultado final como una adición a la pregunta. Ese sería un buen movimiento que beneficiaría a otros principiantes. Si la parte inferior todavía está en construcción como sospechaba, díselo también.
Hecho. ¡Gracias por toda la ayuda! También hice una pregunta sobre los botones en la parte inferior, ya que no sé cómo mejorarlos.