Si espera aumentar su tráfico en línea con banners publicitarios, puede preguntarse: ¿Cómo puedo crear un diseño de banner publicitario web en el que la gente quiera hacer clic? El diseño de banners web se centra en la creación sistemática de banners publicitarios eficaces mediante la aplicación cuidadosa de directrices básicas de diseño. En este artículo hemos reunido toda la información que necesita para crear diseños de banner web exitosos.

¿qué es el diseño de banner web?,—

un increíble diseño de banner publicitario de Maryia Dziadziulia

El diseño de banner Web es una de las formas más prolíficas de marketing utilizadas en el mundo en línea de hoy y viene en todos formas y tamaños. El diseño de banners Web se trata de crear los anuncios de banners más clicables posibles.

Los anuncios de Banner son imágenes de publicidad incrustadas en páginas web que muestran un producto o marca y enlazan con el sitio web del anunciante., La mayoría de las empresas los utilizan de una forma u otra porque son un medio asequible, medible y eficaz para aumentar el conocimiento de la marca.

Revise su bandeja de entrada
Te acabo de enviar tu primera lección.

¿cómo diseñar grandes anuncios de banner?-

entonces, ¿cómo puedes diseñar y crear banners web que traigan esos clics? A continuación se muestra una lista de consejos y pautas generales para diseñar banners publicitarios.,90px — tabla de clasificación

  • 300×600px — Media página
  • 300×250px — rectángulo medio
  • 336×280px — rectángulo grande
    • los tamaños de anuncio de banner más comunes
    diseño por nickjalpa

    coloca tus banners correctamente

    espacio de compra en un sitio web donde tu diseño aparecerá encima del pliegue y cerca del contenido principal de una página.,

    mantener la jerarquía

    El diseño de Banner publicitario se basa en el equilibrio adecuado dentro de cada anuncio, así que vigila tu jerarquía. Los anuncios de banners efectivos están diseñados para aumentar el conocimiento de la marca y atraer tráfico a su sitio web. Tienen tres componentes básicos:

    Diseño por shanngeozelle

    el logotipo de Su empresa

    el logotipo de Su empresa deben ser incluidos para generar conciencia de marca. Asegúrate de que sea visualmente dominante, pero no tan dominante como la propuesta de valor o la llamada a la acción.,

    la propuesta de valor

    la propuesta de valor muestra el servicio / producto que proporciona y llama la atención con ofertas y precios atractivos. Piensa en cosas como:» alta calidad «o» 50% de descuento «u» oferta por tiempo limitado.»Esto debería ocupar más espacio en tu anuncio y ser lo primero que vean los ojos de los espectadores.

    la llamada a la acción

    la llamada a la acción (o CTA) es el texto o botón que invita a los usuarios a hacer clic. Frases como» aprender más»o» empezar «o» ver ahora » son buenos ejemplos. Este debe ser un claro punto focal del anuncio.,

    Diseño por strxyzll

    Keep it simple

    Mantenga el contenido y las imágenes de simple. Los espectadores probablemente solo van a echar un vistazo a su anuncio de banner web por un segundo.

    Use los botones apropiadamente

    dependiendo del tipo de banner, los botones a menudo aumentarán la tasa de clics (CTR) de su anuncio. Si vas a usarlos, colócalos después de tu copia en la parte inferior derecha en colores contrastantes (con buen gusto). Siempre manténgalos consistentes en todo el conjunto de anuncios.,

    tienen un marco claramente definido

    los ojos de las personas se sienten atraídos naturalmente por un sujeto dentro de un marco. Los banners publicitarios eficaces tienen un marco claramente definido con gráficos extendidos a los bordes de la caja. Si tu anuncio es blanco, es una práctica común poner un borde gris de 1 píxel alrededor del anuncio.

    haga que su texto sea legible al instante

    haga que su título y cuerpo copien diferentes tamaños. Toda copia debe tener cuatro líneas o menos.,>

    Design by MotivatedDesign
    Bad example…
    Via OfferVault

    Don’t

    Use cursive/script fonts, extremely thin font weight, all uppercase copy, or font sizes smaller than a 10 pt (unless it’s a disclaimer or copyright notice).,

    Use animación

    Los anuncios de banner web animados generalmente superan a los anuncios de banner estáticos y pueden ser muy efectivos en el diseño de banners de sitios web, pero debe asegurarse de que no distraigan del mensaje de su anuncio.,

    Via Shoemit
    Via Sprout
    Via Neiman Marcus

    Use simple animations that last no more than 15 seconds, and make sure that they don’t loop more than 3 times., Considera hacer del último fotograma de tu animación una clara llamada a la acción.

    complementar, pero destacar

    si tu anuncio se integra visualmente en los sitios donde se presenta, es más probable que te ganes la confianza de tus espectadores. Sin embargo, no hagas que se mezcle demasiado. Los anuncios de Banner siempre deben ser visibles y se puede hacer clic en ellos.

    diseño de ae Graphic Designer

    sea consistente con su marca

    su anuncio de banner se vinculará a una página de destino que incluye su oferta., Asegúrate de que el anuncio coincida con tu marca y la landing page para que los clientes potenciales no se confundan.

    infunde una sensación de urgencia

    aporta una sensación de urgencia visual al texto utilizando colores contrastantes y llamativos. Los anuncios de Banner no siempre están destinados a ser sutiles.

    Use bien las imágenes (y solo cuando las necesite)

    elija gráficos y fotos relevantes que mejoren su mensaje y estén directamente relacionados con su producto. No hay conceptos abstractos aquí.

    no puede permitirse la fotografía profesional o supermodelos? Compre una licencia asequible para una foto de archivo., Hay millones de de alta calidad por ahí. Mejor aún, opte por ilustraciones o gráficos originales creados por un diseñador.

    recuerda, no siempre es necesario usar imágenes en tus banners. La copia asesina y la tipografía agradable pueden crear resultados igualmente efectivos.

    elige los colores apropiados

    cada color tiene una asociación diferente, y es importante considerar qué tipos de emociones quieres evocar en tu audiencia. El Color será lo primero que un usuario note en su banner publicitario.,

    diseño de Milica2505 para Wine + Art Piano Bar

    Los colores también son subjetivos y tienen diferentes asociaciones en diferentes culturas. Asegúrate de estudiar a tu público objetivo al hacer tus selecciones de color. A continuación se muestra una lista de colores y las emociones que suelen evocar en una audiencia occidental.

    • rojo: pasión, ira, emoción y amor. Este poderoso color es atractivo para la mayoría de las audiencias, pero úsalo con moderación., Si buscas un look clásico, maduro o serio, evita el rojo.
    • Naranja: alegría y sentimientos vigorizantes. No tan abrumador como el rojo, el naranja todavía se destaca de la multitud y exuda energía; es un gran color para un botón de llamada a la acción.
    • Amarillo: alegría, sol y amabilidad. El amarillo es llamativo y envía una energía que es joven y asequible.
    • Verde: salud, frescura, riqueza, medio ambiente, crecimiento, crianza y nuevos comienzos. Es fácil para los ojos, también.,
    • Azul: seguridad, confianza, claridad, madurez, serenidad, intelecto, formalidad, refresco, frialdad y masculinidad. El azul aparece en más de la mitad de todos los logotipos.
    diseño de Kuz: diseño para Dell Boomi
    • Púrpura: lujo, realeza, extravagancia, sabiduría, magia, feminidad y creatividad. Tiene un efecto calmante y calmante en el espectador.
    • Rosa: Amor, dulzura, feminidad, juventud y bebés., El rosa se asocia típicamente con todas las cosas femeninas, pero tiene un rango real basado en el brillo y el tono.
    • Negro: exclusividad, misterio, modernidad, poder, prestigio, lujo y formalidad. Es tradicional, y el texto negro sobre un fondo blanco es la combinación de colores más legible.
    • Blanco: Pureza, limpieza, modernidad, esterilidad, simplicidad, honestidad e inocencia. El blanco crea sentimientos de sentido económico y juventud.
    • Marrón: Naturaleza, Madera, Cuero, seriedad, masculinidad, dureza y humildad., Brown equilibra los colores más fuertes y es bueno para los colores de fondo y texturas.
    • Gray: neutralidad y practicidad. Cuando se usa como fondo, el gris intensifica otros colores.

    14. Mantenga los tamaños de archivo pequeños

    cuando se trata de tamaño de archivo, cuanto más pequeño mejor, menos de 150 kb, según Google Adwords. Tu anuncio debe cargarse rápidamente en una página antes de que los espectadores se desplacen hacia abajo y lo pierdan.

    utilice los formatos de archivo correctos

    los archivos JPG, PNG, GIF o HTML5 serán sus entregables de trabajo., Su diseñador normalmente trabajará en Adobe Illustrator o Photoshop para entregar archivos JPG, PNG o GIF, o en Google Web Designer o Adobe Animate para archivos HTML5. Recuerde, los anuncios Flash están bastante desactualizados en este momento, así que opte por estos otros formatos de archivo de imagen.

    ¡estás listo para diseñar mejores banners web!-

    ¡ahí lo tienes! Estas son solo algunas pautas de diseño de banners, pero se necesita mucho más para crear anuncios realmente impresionantes y de alto rendimiento., Si no eres un diseñador profesional (o demasiado ocupado dirigiendo un negocio), considera contratar a un creativo talentoso para diseñar los anuncios perfectos y en los que puedas hacer clic solo para ti.

    ¿listo para diseñar un mejor ROI?
    nuestros diseñadores crean banners únicos y cautivadores.