Cómo diseñar una buena imagen publicitaria en banner
Los anuncios publicitarios están por todas partes. Desde las recomendaciones de contenido en el encabezado de la página de inicio del sitio web hasta la barra lateral, desde el artículo hasta la lista de la galería, encontrará su sombra en casi todos los lugares donde existe contenido. A menudo, se ven bonitos, son un poco llamativos y canibalizan su experiencia de navegación web. Aunque hacemos todo lo posible para reducir su impacto negativo en los usuarios, es inevitable que tengan una mala reputación.
De hecho, la publicidad mediante banners tiene un gran impacto en los usuarios y un uso razonable definitivamente obtendrá el doble de resultado con la mitad de esfuerzo. Entonces, ¿cómo crear un excelente anuncio publicitario que no sea molesto y tenga una alta tasa de conversión?
Es posible que las teorías en blanco no estén lo suficientemente fundamentadas. También podría aprender las habilidades de diseño de publicidad mediante banners a partir de los siguientes 50 casos.
1. Diseño de imagen y texto estilizado
Este es un conjunto de anuncios publicitarios producidos por Dear Miss Modern. Cada imagen mantiene su temperamento y estilo en términos de coherencia del texto y la imagen. . El sentido formal de la fuente y la combinación de imágenes y gráficos en los materiales gráficos hacen que todo el cartel publicitario sea más intenso. Si la imagen no tiene un estilo tan fuerte, sino más sutil, debe combinarse con una fuente más clásica y llamativa. La razón es la misma.
2. Cree una jerarquía
El banner publicitario navideño de Visa aprovecha al máximo las ventajas de la jerarquía. Las fotografías se eligen para que tengan profundidad de campo y capas de comida, lo que atraerá a las personas desde el primer momento, mientras que el diseño del texto cubre la vista borrosa, asegurando la legibilidad y agregando una capa para transmitir la información y garantizar que no haya confusión. El botón se coloca justo encima de la comida y debajo del texto, lo que lo hace perfecto para atraer a las personas a hacer clic.
3. Utilice íconos relevantes
Este banner publicitario de Google brinda una experiencia personalizada a las personas a través de íconos dibujados a mano.
Cada ícono dibujado a mano en la imagen es muy fácil de identificar. Aunque no es complicado, crea una sensación de caminar por el mundo. Este sentimiento indescriptible pero conmovedor hace que este anuncio sea más que un simple anuncio.
4. Añade elementos inesperados
¿Cómo se debe hacer un anuncio de contratación? Este anuncio de trabajo de Google puede considerarse inesperado. No hay una descripción elegante ni una chica hermosa, sino un anuncio escrito a mano con graffiti que parece un pequeño anuncio escrito a mano en un tablón de anuncios comunitario. Este tipo de publicidad no es complicada, pero sí inesperada y el sentimiento familiar es bastante conmovedor.
5. Añade ilustraciones
Este caso también es una imagen publicitaria de Google. La adición de ilustraciones hace que toda la imagen publicitaria esté llena de inocencia y diversión. También es relativamente uniforme. Este tipo de ilustración no es difícil de implementar. Puede parecer un poco tosco, pero es realmente amigable. Las ilustraciones son diferentes a la fotografía. Pueden darle a los diseños una calidad que éstas no pueden. Eso sí, hay que utilizarlas bien.
6. Adaptación del diseño
La imagen publicitaria de FatCow fue diseñada por Envato Studio para adaptarse a diferentes espacios publicitarios, todo el anuncio se produjo en múltiples versiones de diferentes tamaños. Después de diseñar los gráficos publicitarios más utilizados, edite los elementos dos veces para que sean adecuados para otros espacios publicitarios. Algunos de los elementos deben ajustarse, eliminarse o agregarse, y esto se puede lograr.
7. Utilice colores brillantes
Este anuncio de Google Music utiliza un rosa vibrante, combinado con el mismo azul de alta saturación, que forma un fuerte contraste. También dejó un profundo impacto en las personas. . En comparación con los carteles monocromáticos comunes, esta colorida combinación multicolor es más llamativa, pero es necesario prestar más atención al usarla para garantizar la legibilidad y la coordinación.
8. Mantenlo simple
Si hay algo que Coca-Cola hace muy bien, mantener el diseño simple es definitivamente una de las muchas ventajas que vale la pena aprender. Este diseño de banner publicitario de Coca-Cola continúa muy bien esta tradición: imagen del producto, logotipo, eslogan y combinación de colores icónicos. Aunque el contenido no es mucho, el efecto es genial.
Una imagen publicitaria de banner llena de toda la información no te servirá de nada, porque los usuarios no la mirarán en absoluto. Simplemente presente la información más importante.
9. Presta atención a las tendencias
Prestar atención a la cultura popular y las tendencias actuales es muy útil para diseñar anuncios publicitarios. Campbell es así. Ha hecho un buen uso de la propiedad intelectual de la película Star Wars para lanzar productos relacionados y atraer a los fanáticos de Star Wars para que compren los productos. El uso razonable de tendencias y temas populares para promocionar los productos correspondientes definitivamente obtendrá el doble de resultado con la mitad de esfuerzo.
10. Utilice textura
Este anuncio de Campbell es un ejemplo del uso de textura para mejorar la textura. Los bordes irregulares en forma de pincel hacen que el efecto visual de todo el anuncio sea más sutil. Otros elementos en la imagen del anuncio no son muy prominentes, pero la adición de textura es como el toque final, lo que mejora el efecto general.
11. Utilizar nichos
Nicho se refiere al mercado segmentado en función de las ventajas del emprendimiento. Por lo general, los anuncios deben estar dirigidos a grupos objetivo para lograr los mejores resultados.
Los anuncios de Target para productos para bebés y niños pequeños están dirigidos principalmente a las madres, entonces, ¿qué podría ser más fácil para atraerlas que una escena linda y rosada?
12. Utilice imágenes en lugar de palabras
El banner publicitario de vitaminas de Zarbee destaca por el uso de imágenes. Las frutas se utilizan para reemplazar las vitaminas y fortalecer conceptos en lugar de palabras. inteligente e intuitivamente.
13. Enfoque claro
Cuando el anuncio tiene un enfoque claro, la comunicación entre la marca y el usuario será más directa. Esta imagen publicitaria de banner también está diseñada para Target. El logotipo de la marca es lo suficientemente llamativo desde su posición hasta el color. Junto con la guía estructural de la postura de la hermosa mujer, el logotipo de la marca Target es sin duda el foco de toda la imagen publicitaria.
14. Utilice imágenes como guía
Este anuncio de McDonald's es un ejemplo típico del uso de imágenes en lugar de texto para transmitir información. La palabra café se reemplaza por la imagen correspondiente para transmitir información. Al mismo tiempo, toda la imagen publicitaria deja de ser monótona y se convierte en una combinación de imágenes y texto. Las palabras y las imágenes puras pueden transmitir información, pero el uso mixto las hace más interesantes y reflexivas.
15. Deja que el producto hable
En esta imagen publicitaria, McDonald's McFlurry es sin duda el núcleo, tanto en significado como visualmente. El fondo gris hace que el colorido cuerpo de MacFlurry destaque bastante. Deje que el producto en sí se muestre de manera destacada en el anuncio, lo que puede hacer que todo el banner sea más expresivo y específico.
16. Crear ángulos
Esta imagen publicitaria de Audi presenta información diferente dividiendo el espacio, pero lo más llamativo es la visión única que aporta la experiencia del ángulo ligeramente retorcido. . Este ajuste hace que la información específica sea más llamativa y, combinado con el ángulo de la carrocería del automóvil en la imagen, hace que toda la imagen publicitaria sea más dinámica.
17. Usa máscara
Utiliza una capa translúcida de un color específico para cubrir la imagen de fondo y resaltar la información del texto en primer plano. Esta técnica de diseño no es infrecuente ahora. Permite que la información de fondo surja de la portada, al tiempo que hace que el contenido del texto sea más legible y mejora el sentido general de jerarquía.
18. Preparando el escenario
El diseño de las imágenes publicitarias de las joyas de Tiffany & Co puede considerarse divertido y divertido. Las copas de cóctel giratorias y las hermosas combinaciones de joyas sugieren que aparecen a menudo en las tiendas. Al mismo tiempo, en la misma escena, crea una sensación elegante y refinada. Utilice combinaciones relevantes de elementos para dar pistas a los usuarios, permitiéndoles descubrir la escena por sí mismos.
19. Fuentes creativas
Una buena tipografía puede llamar la atención de los usuarios, y en este anuncio de Nike destaca especialmente su diseño de fuentes muy creativas. Estas fuentes desmembradas también tienen fuerza. reconocimiento, pero este diseño los hace parecer más ligeros y tecnológicos. Esta mejora visual hace que los anuncios y productos sean más atractivos.
20. Utiliza ilustraciones estilizadas
Las ilustraciones pueden ser simples o llenas de detalles. Las ilustraciones estilizadas pueden agregar profundidad a la información, contar historias y transmitir sentimientos a través de detalles y estilo. Este tipo de ilustración es poderosa y llena de energía, lo cual es muy consistente con el temperamento de la marca Nike.
21. Utilizar una variedad de elementos
Aunque es arriesgado, combinar razonablemente una variedad de elementos diferentes en una imagen publicitaria puede producir un buen sentido de la forma, como esta imagen publicitaria de eBay. se parece a esto. Bellas imágenes de productos, fuentes estándar, fuentes manuscritas y elementos ilustrativos se combinan armoniosamente en una imagen publicitaria. Por supuesto, cada elemento existe por una razón y tiene su propio papel que desempeñar, y no es una combinación aleatoria. Recuerde esto.
22. Conviértete en un icono de la moda
Integra tendencias y tendencias en el diseño del Banner, convirtiéndolo en un vínculo entre la publicidad y los usuarios. Este anuncio de eBay hace precisamente eso. Reemplazar "Hotline Bling" por "Haute Line Bling" interpreta mejor la cultura popular, atrayendo así a más usuarios que prestan atención a esta moda.
23. Estiramiento libre
No todos los banners publicitarios deben utilizar una cuadrícula para alinear con precisión cada elemento. Un diseño de estiramiento libre es igualmente efectivo. Los anuncios de Yoplait están diseñados de esta manera para hacerlos más divertidos e infantiles. Por supuesto, la idoneidad de un diseño de este tipo depende del temperamento y las características del producto.
24. Crea conexiones
En el proceso de diseño, es muy importante mantener suficientes conexiones entre las imágenes y el texto de tus imágenes publicitarias. El temperamento de las imágenes y el texto del anuncio de Talbots es muy similar.
25. Crear contraste
El contraste es un medio eficaz para atraer la atención de los usuarios, y el diseño del banner publicitario de ESPN conoce bien esta técnica.
Sobre el fondo rojo oscuro destaca bastante el texto blanco. Las fuentes también se eligen para que sean nítidas y ligeras, para que la información pueda transmitirse de forma más eficaz.
26. Diseño simétrico
El diseño simétrico puede equilibrar bien los elementos de la publicidad. Es posible que los diseñadores hayan pensado en profundidad para crear este diseño, pero el resultado es muy rápido. . Este anuncio de Apple tampoco es complicado. Las fotografías en blanco y negro de los músicos son básicamente simétricas en torno a Apple Music, manteniendo una cierta sensación de belleza escalonada. Este diseño minimalista es simple pero claro en prioridad y atento.
27. Guía de vida de los usuarios objetivo
Al igual que este anuncio de Chegg, si desea atraer a un grupo de usuarios específico, también puede ponerse en su lugar e inyectar contenido específico. en su guía de estilo de vida. Al expresar y mostrar productos desde la perspectiva de un usuario específico, es más fácil generar interés y, por lo tanto, obtener más clics.
28. Utiliza efectos de movimiento
En páginas estáticas, lo más fácil para llamar la atención son sin duda los elementos dinámicos. Si utiliza animación para presentar el contenido publicitario que desea expresar, los usuarios podrán obtener su contenido más rápido. Por supuesto, la premisa es que el diseño debe ser lo suficientemente conciso y claro, para evitar contenidos triviales y facilitar a los usuarios su comprensión.
29. Nítida y distinta
Los anuncios de maquinillas de afeitar de Gillette son visualmente un modelo nítido y distinto, con ángulos agudos y un contraste vivo sobre un fondo oscuro, lo angular. La fuente y la combinación de colores contrastantes hacen que esta imagen publicitaria sea visualmente clara y llamativa, haciéndola irresistible.
30. Crear profundidad visual
El diseño gráfico publicitario de Honda no es complicado. Su característica radica en las líneas y trazos amarillos del fondo. El auto que originalmente parecía estar suspendido en el aire parecía haber caído al suelo contra el fondo de las líneas. No se requiere un diseño demasiado complicado para crear profundidad visual para los gráficos publicitarios y dejar una impresión.
31. Utilice fuentes únicas
El uso de fuentes personalizadas en imágenes de banners publicitarios también puede atraer eficazmente la atención de los usuarios. La fuente utilizada en este anuncio de Pepsi está llena de personalidad y es clara y legible, brindando a las personas una sensación divertida e interesante sin afectar la comunicación del mensaje.
32. Utilice una variedad de composiciones tipográficas hermosas
Para una composición tipográfica hermosa, a la gran mayoría de los usuarios todavía les gusta esto. Este anuncio de California Pizza Kitchen fue diseñado cuidadosamente para ellos por McGrath Creative. No solo el diseño es bastante exquisito, sino que también está integrado creativamente con la pizza misma.
33. Utiliza imágenes sencillas
Las imágenes sencillas e intuitivas son muy prácticas en los sitios web. Suelen mostrar el contenido de forma más eficiente y hacer más intuitiva la información que transmiten los banners publicitarios. Actualmente, los diseñadores suelen utilizar ilustraciones sencillas de estilo plano para resaltar el tema y aumentar la cantidad de información, como esta imagen publicitaria de Coda.
34. Utiliza texturas para aumentar la profundidad visual
Las imágenes publicitarias de Adidas son visualmente muy interesantes. La textura del fondo no es complicada, pero las líneas regulares y tecnológicas no sólo aumentan la profundidad. profundidad visual y crea una sensación de velocidad que se adapta al temperamento de la marca.
35. Utiliza colores de marca
Si no se utiliza el azul icónico de PayPal en el banner publicitario, la imagen por sí sola no te causará una impresión profunda, pero es precisamente el uso de colores de marca que unen imágenes y marcas, se promocionan mutuamente y te hacen recordar.
36. No pienses sólo en promociones
Las imágenes de banner publicitario se utilizan para la promoción, lo cual está bien, pero a veces no tiene por qué ser tan obvio. Este anuncio de Free People anima a los usuarios no sólo a comprar, sino también a ver, comprar y comparar. Aunque esto también puede promover las ventas, parece más bien dar consejos desde la perspectiva del usuario.
37. Utilice colores llamativos
I, la combinación de colores de las imágenes publicitarias de Anna es atrevida y completa, el rojo es vibrante y llamativo, y la adición de amarillo hace que el conjunto sea completo. combinación de colores Es más coordinado y más fácil de atraer la atención del usuario.
38. Usemos una ilustración sencilla
A veces, las ilustraciones exquisitas pueden no necesariamente estar en línea con tu marca o con lo que quieres expresar. Este es el caso de este anuncio de Starbucks. Las delicadas y exquisitas imágenes que nacieron dadas las circunstancias no satisfacían sus necesidades. En cambio, las ilustraciones planas y ligeramente ingenuas eran más simples y acertadas. Muestra los ingredientes de la nueva bebida. Esta imagen publicitaria te hace sentir como si estuvieras mirando el menú de Starbucks.
39. Introducir efectos de movimiento
Esta imagen publicitaria de Starbucks muestra elementos dinámicos bastante llamativos en un área pequeña. Las ondas comienzan desde el centro y divergen hacia afuera. Cuando los usuarios vean esta imagen publicitaria, se sentirán atraídos involuntariamente hacia ella.
40. Muévete completamente
Si dominas el uso de efectos de movimiento, también puedes hacer que los elementos de todo el banner publicitario se muevan, para que destaque más fácilmente. .
El diseñador muestra completamente el proceso de solicitud en la tableta con la ayuda de efectos dinámicos. En sólo unos segundos, puede obtener una cantidad de información que está fuera del alcance de las imágenes de banner estáticas y la experiencia es excelente.
41. Utilice texturas geométricas
Esta imagen publicitaria de Corona aplica perfectamente los elementos Low-Poly anteriormente populares a la imagen de las naranjas. Esta textura geométrica le da a las naranjas una sensación fresca y clara. hará que te interese la cerveza Corona.
42. Utiliza gráficos interesantes para dividir el espacio
Esta imagen publicitaria de Brightgreen utiliza una forma de diamante para dividirlo en dos espacios diferentes, lo que hace que la imagen publicitaria forme dos niveles naturales. La parte en blanco contiene la información del texto, mientras que la parte verde contiene la imagen, lo que hace que toda la imagen sea clara y llena de textura.
43. Añadir sombras
Las sombras largas han sido una tendencia de diseño durante mucho tiempo, y este anuncio creado por Webduckdesign es un caso de uso bastante bueno. Si no hubiera sombras, toda la imagen parecería bastante monótona. La adición de sombras largas hace que parezca menos plana y con más capas.
44. Utiliza patrones como texturas
A diferencia de los patrones sutiles y delicados, la superposición de patrones específicos como texturas en el fondo puede crear una atmósfera específica. Esta imagen publicitaria diseñada por Anne Sophie Hostert utiliza la textura gráfica del helado y la piña para crear una sensación de verano.
45. Utilice la segmentación de bloques de color
Si no desea utilizar la imagen que tiene entre manos simplemente como fondo en una imagen publicitaria, también puede dividirla en diferentes. partes, igual que un solo color La combinación de bloques de color hace que toda la imagen publicitaria parezca más formal.
46. Utiliza decoración de líneas
La mayoría de las veces, las imágenes publicitarias se componen de imágenes y texto, pero agregar algo de decoración apropiada hará que las imágenes publicitarias se vean más completas. En comparación con varios aspectos destacados, el efecto decorativo de las líneas no es débil, es más libre y el efecto es bastante bueno.
47. Contar historias
El objetivo final de la publicidad es vender productos, y la forma más eficaz es contar la experiencia de usuarios reales. Este anuncio fue diseñado para la aplicación de libros electrónicos de bebidas de Amazon, Audible, y la escena de la imagen tiene como objetivo promover que su producto se puede utilizar sin interrupción en muchos escenarios.
48. Sea gracioso
Las presentaciones humorísticas suelen ser más efectivas que los argumentos de venta sólidos. Están más dispuestos a ver contenido que haga reír a la gente.
49. Utiliza una combinación de fuentes sencilla
No es necesario realizar diseños complicados. Combina varias fuentes con el mismo estilo, de forma sencilla y fácil de reconocer, como este anuncio de Pizza. Pero también puede lograr el efecto de aumentar la cantidad de información y agradar a las personas.
50. Utiliza gráficos simples para enfatizar