Guía de Diseño de Anuncios o Ads

Conoce los aspectos más relevantes para el diseño de anuncios para plataformas digitales.

5 Caractertísticas de un buen Ad

Los usuarios de la plataforma te dedicarán escasos segundo de atención por ende tenemos que tener en cuenta estos 5 elementos:

1. Claridad: La frase o mensaje corto debe ser legible y no confundible.
2. Contraste: Un tip que deja la profe es utilizar colores complementarios para realizar enfoque.
3. Enfocado al usuario: La imagen, tipografía y mezcla de colores debe ir de la mano con el publico objetivo.
4. Simpleza: Evitar la aglomeración de información.
5. Consistencia: Establecer diseños bases que permitan al usuario identificar familiaridad al observar tus post.

Plataformas de anuncios patrocinados

• Google AdSence: La plataforma de Google.
• Redes Sociales: Facebook, Instagram, Pinterest, YouTube, Twitter, Tik-tok, etc. Hay que pensar en las redes sociales que usaremos en función de la marca y la empresa que trabajes

Dimensiones de los Ads

Dependerá de la plataforma:

Google Ads

• roba páginas = 300×250 px
• roba páginas doble = 300×600 px
  • Se adapta a mobile
  • Tiene una buena taza de clicks
  • No es tan invasivo
  • Precio $ elevado
• mega baner = 728×90 px
  • No son aptos para mobile
• mobile = 320×100 px
  • Apto para cualquier tipo de resolución de pantallla
• Medidas oficiales Google Ads Campañas de Display

Instagram

• Story = 1080×1920 px
  • si el contenido es patrocinado debe de contemplar los márgenes
• Post = 1080×1080 px
• Lo que hagamos en instagram lo podemos reciclar en Facebook

Facebook

• single image = 1080×1080 px
  • se caracteriza porque tiene un título, imagen, descripción, CTA
  • se puede reciclar el formato del Feed de Instagram
• carousel = 1080×1080 px
• Medidas oficiales Facebook

Herramientas para diseño

Nivel Fácil → herramientas sencillas de utilizar

• Canva
• Adobe Express

Nivel medio-bajo → herramientas con poca curva de aprendizaje

• Figma: Diseño de prototipos

Nivel medio-alto → herramientas con curva de aprendizaje elevado

• Adobe Photoshop: diseño plano
• After Efffects: diseño con animación
• Adobe Animate: diseño con animación

Nivel alto → herramientas para un alto nivel de experiencia en diseño

• Google Web Designer: Herramienta avanzada de Google para el desarrollo de piezas animadas e interactivas en HMTL5. Gratuita.

Encontrar fotos, ilustraciones y simbolos

Más herramientas para encontrar imágenes, ilustraciones, símbolos y más.

¿Cómo elegir buenas imágenes?

• Asegúrate de que sea de uso gratuito.
• Que tenga buena calidad.
• Que contengan personas (suelen convertir mejor).
• Imágenes naturales y con poco filtro (la naturalidad genera más confianza).
• Fácil contraste para que el texto sea más legible. Piezas gráficas que contrasten con tu producto, logotipo y la marca.

Cuando utilizamos imagenes gratuitas NO seleccionar las que aparecen en la primera página de resultados de búsqueda, como mínimo selecionar de la segunda página en adelante, ésto con el fin de no encontrar publicidad en la web con nuestras mismas imágenes.

Elección de Tipografías

• Sin serifa para que se lea mejor en pantalla
• Huye de cursivas, decorativas, muy finas o manuscritas
• Tamaño superior a 12 puntos
• Excepto en formatos muy pequeños, mejor un tamaño grande.

Herramientas para elegir tipografías

Google Fonts

• Libre uso
• Podrás filtrar por categoría, mejor “sin serifa”
• es un estándar

Haz pruebas con el tamaño de la letra y palabras acentuadas para ver si las considera esta tipografía.

Es importante también elegir una fuente que se vea bien en tamaño pequeño, por lo que una buena prueba podría ser hacer una prueba en Google Fonts, bajando las fuentes a 10px y elegir una de las que sean legibles.

Familia Tipográfica → una tipografía que varía en peso o proporción que podemos utilizar para establecer diferentes jerarquías, por ejemplo Títulos o párrafos.

⚠️ Las fuentes Sans Serif es la más recomendada en la parte de anuncios

Guía de anuncios para Facebook e Instagram

Tips para

CTA

• Frase corta que llame a la acción (máx. 2 palabras)
  • Más información
  • Descubre más
• No pidas demasiado «compromiso» en este primer clic.

Elementos de urgencia

• Siempre mejorará los resultados
• Si incluímos una promoción temporal, mejor.
  • Últimas horas
  • código de descuento que caduca en pocas horas.

Colores

• Evita rojos y naranjas. (perderás algunos clics, rojo es peligro)
• Contraste fondo/texto.

Logos

• Siempre visibles y en una esquina.
• Abajo a la derecha.

Tipos de archivos para exportación

• JPG: Cuando tu diseño contempla fotografías
• PGN: Cuando tu diseño contempla vectorizaciones.

 

Resolución y modo de color es recomendable

A 72 píxeles por pulgada y en modo de color RGB.

Storys patrocinado

• Dejar un margen superior e inferior de unos 250 píxeles.
• Usar fotos de personas con pocos filtros
• Promociona un solo producto/servicio.