¿Cómo configurar y cómo utilizar el póster (banner) de la página web del tema Basilea? (04)

En este número hablamos de cómo añadir y cambiar la pancarta tú mismo (DIY).

Un cartel (banner) bien diseñado puede ser eficaz para captar la atención del usuario y comunicar el mensaje de una marca. Si eres webmaster, diseñador o propietario de una pequeña empresa, dominar cómo añadir y cambiar banners DIY es una habilidad importante. Este artículo te guiará por los sencillos pasos para añadir texto, imágenes y botones y optimizar estos elementos para garantizar la mejor presentación posible.
1.Paso → Añadir capa

Aquí puede añadir texto, imágenes, así como botones, formas, vídeos, música, etc. (pero los más utilizados son texto, imágenes y botones)
2.Pasos Añadir capa→texto

El texto puede editarse de cualquier forma, así como arrastrarse y soltarse y cambiar de tamaño, véase "¿Cómo configurar y cómo utilizar el póster (banner) de la página web del tema Basilea? (03)"
3.Pasos Añadir capa→imagen

Las imágenes se pueden poner imágenes de productos o personajes, o cualquier cosa relacionada con su producto, pero asegúrese de que la imagen está en formato PNG transparente, de lo contrario la visualización no es muy satisfactoria (referencia)¿Cómo configurar y cómo utilizar el póster (banner) de la página web del tema Basilea? (03))
4.Pasos Añadir capa→botón

Elija el estilo de los botones según sus necesidades, y no se preocupe por los colores, pueden cambiarse (cf.¿Cómo configurar y cómo utilizar el póster (banner) de la página web del tema Basilea? (03))
Encontrará otros ajustes en el artículo anterior sobre cómo configurarlos

Bueno, así es como funcionan algunas de las funciones básicas, y luego pasaremos a algunas de las preguntas más frecuentes.

1. ¿Cómo se determina el tamaño de la imagen de fondo del cartel (banner)?

En la imagen podemos ver la línea de puntos azules, la longitud y la anchura, esto se puede utilizar como referencia

También existe la posibilidad de ajustar el tamaño del cartel de visualización

2.Paso Configuración→Disposición

El tamaño general de la pantalla es el doble del tamaño de la imagen Por ejemplo, si el gráfico es 1000*1000, entonces tenemos que poner el doble de datos. Pero esto es para poder mostrar el fondo completamente, pero el cartel de la página de inicio será igual de grande, por lo que se recomienda que la imagen de fondo puede ser más pequeño

3.Paso Iconos de ordenador

Escritorio: Interfaz de pantalla

Portátil: Interfaz de pantalla del portátil

Tableta: interfaz de pantalla plana

Móvil: interfaz de teléfono móvil

Puedes activar ambas, pero si las activas, tendrás que configurar cada pantalla individualmente para crear una mejor experiencia de usuario.

También puedes apagarlo todo y dejar sólo el monitor, para que el resto de la interfaz se adapte.

Estas son las interfaces para tres dispositivos diferentes

Resumen:
Con los pasos anteriores, has aprendido a añadir y cambiar banners. Desde elegir el texto y las imágenes adecuadas hasta configurar el estilo del botón y el tamaño del fondo, cada paso es fundamental. Recuerda optimizar la interfaz para diferentes dispositivos para ofrecer una mejor experiencia al usuario. Espero que este artículo te haya ayudado e inspirado tu creatividad en el diseño. Sigue explorando estos consejos y estoy seguro de que podrás diseñar banners aún más bonitos. Te deseamos un feliz viaje por el diseño.