Diseñar anuncios de banners eficaces | Tina Garcia | Skillshare

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Diseñar anuncios de banners eficaces

teacher avatar Tina Garcia, Brand + Graphic Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

10 lecciones (17min)
    • 1. Introducción

      0:51
    • 2. Puntos importantes antes de diseñar

      0:52
    • 3. Mantener el diseño sencillo

      1:03
    • 4. Mensaje y tipografía

      1:33
    • 5. Imágenes

      2:06
    • 6. Llamado a la acción (CTA)

      2:30
    • 7. COLOR

      1:03
    • 8. Anuncios de banners animados

      1:21
    • 9. Exportar para la Web

      1:25
    • 10. Proyecto de clase

      4:31
  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

1993

Estudiantes

16

Proyectos

Acerca de esta clase

Uno de los factores que hacen que un negocio sea efectivo es un anuncio de banners, creando conciencia de la marca y ayudando a aumentar el tráfico en sitios web o blogs.

¿Te has preguntado si los anuncios de banners que has estado diseñando son los mejores que podrían ser? En esta clase de 17 minutos veremos las mejores prácticas del diseño de anuncios: un mensaje atractivo, un buen uso de la tipografía y el color, un fuerte llamado a la acción y un diseño limpio. Podrás aplicar estas mejores prácticas a cualquier tipo de anuncio de banner, ya sea estático o animado, y a anuncios utilizados para redes sociales, sitios web, blogs o páginas de destino.

Conoce a tu profesor(a)

Teacher Profile Image

Tina Garcia

Brand + Graphic Designer

Profesor(a)

Welcome to my SkillShare teacher page! I'm Tina García, an independent brand + graphic designer.

Originally from Spain, I hail from a family of artisans and am passionate about branding and design. I've perfected my craft in the US, serving as a Graphic Artist at The Associated Press in NYC, and as Art Director at Marketing In Color in Tampa, FL, while working independently with small and mid-size businesses from different countries.

Personally, I enjoy spending time with my husband and our energetic young son, printmaking, and cooking.

Ver perfil completo

Calificaciones de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%
Archivo de reseñas

En octubre de 2018, actualizamos nuestro sistema de reseñas para mejorar la forma en que recopilamos comentarios. A continuación, se muestran las reseñas escritas antes de esa actualización.

¿Por qué unirse a Skillshare?

Toma las galardonadas clases originales de Skillshare

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Toma clases sobre la marcha con la aplicación Skillshare. Transmite o descarga para verlas en el avión, el metro o donde aprendas mejor.

Transcripciones

1. Introducción: Hola, Antonio García, y bienvenidos a diseñar varillas de plan efectivas en esta clase mirarán las mejores prácticas de diseño en mensaje atractivo. Podría usar off tipografía y color un fuerte llamado a la acción y limpiar el letrero. Sigue adelante mientras te muestro ejemplos reales para reforzar visualmente cada punto, podrás jugar estas mejores prácticas a cualquier tipo de anuncio de banner. Ya sea que los anuncios automatizados de la OMT utilicen para sitios web de redes sociales, sangre o páginas de aterrizaje para el proyecto de la clase, creé una banda, A Rod para mi bebida favorita con Adam antes de la tienda Quién se comió la tuya aplicando el cintas, aprenderás en esta clase sin compartir en el pasado. Olvídate, empecemos. 2. Puntos importantes antes de diseñar: pesar de que estas clases se enfocan en las mejores prácticas de arena a las que quería señalar en factores que debieron haberse definido antes de saltar a la renuncia. ¿ Cuál es el objetivo de tu campaña publicitaria para traer más visitantes a tu lado, para generar conciencia de marca para informar sobre cierta venta sobre quién es tu público objetivo? ¿ Son un potencial según los consumidores? ¿ Cuál demografía de tu público? Eso es edad, género, etnia, ubicación, ingresos, estado civil. Bajo información psicográfica. Estas son características más personales como intereses, personalidad, aficiones, valores, estilo de vida, estilo de vida, actitud ante el comportamiento. Después de tener todas estas definidas, estarás un paso más cerca de lograr una campaña en línea efectiva en Remember Arts no son señal de justicia. Debe haber una estrategia detrás de ellos. Ahora echemos un vistazo a las mejores prácticas del diseño. 3. Mantener el diseño sencillo: nosotros Newman es la señal se está haciendo cargo. Entiende la razón por la que elimina innecesario poder enfocarse en lo que necesita estar ahí , ya que nuestro objetivo es involucrar a tu público objetivo y hacerles click son impares ¿los signos deben estar lo más limpios posible? Si está pasando demasiado, va a confundir a tu público en. Este es un buen ejemplo. El Saudi So BC I want to Sue Me puede parecer un poco de gloria. Hay demasiada copia, que tampoco es elegible en el llamado a la acción se pierde. Ya ves, el logotipo es el punto focal estándar. En lugar del llamado a la acción, lo más bajo debería ser un más pequeño en hay demasiado frío para que las acciones se registren ahora y soliciten un descuento adicional. Sólo debe haber una ciudad a con copia más corta en un color diferente para que destaque . hecho de que haya mucho espacio en el anuncio no significa que tengas que llenarlo de la misma con el tamaño de los elementos gráficos. No los hagas más grandes solo para llenar el espacio, respetar el espacio en blanco y aprender a amarlo 4. Mensaje y tipografía: mensaje de tu corazón es una parte clave del diseño. Mira estos son el mensaje es tan inteligente? Trabaja estrechamente con un redactor para crear un mensaje fuerte. Yo también lo haría caber dentro del espacio, ya que no hay mucho espacio para trabajar. Si estás trabajando solo, trata de ser lo más creativo posible. quién buscó a tus competidores? Busca Artes en línea para la inspiración. Anuncios de texto con Copia Killer Una tipografía bonita viene tan efectiva como las artes con imágenes en Este es un buen ejemplo. Estas son tiene muchas cosas yendo bien. Además de la copia, que es corta en el punto, se le da la prominencia de acción del dedo frío y uso en un cuenco color de fondo La legibilidad también es muy importante. El impuesto no debe ser difícil de leer. Debe ser legible instantáneamente, ya que el post pobre suele ser es llevarte a una página de destino o sitio web para hacerte hacer una determinada acción. No hace falta meter el anuncio con copia. Sé conciso y al grano. No quieres estimular más a tu público. El landing page de los sitios web. Proporcionas suficiente información sobre el producto o el servicio que estás ofreciendo. Use on serve tipografía y manténgase alejado del curso de los fondos es cripta bonos fondos teocráticos Teléfonos extremadamente delgados, todo copia en mayúsculas excepto el botón, o es más pequeño que los teléfonos de 12 puntos. A menos que sea una renuncia de responsabilidad o aviso de derechos de autor. Por supuesto, el tamaño del teléfono dependerá del teléfono que utilices. El tipo de letra es que más uso son Helvetica y Avenir. 5. Imágenes: Estamos tan saturados de medios que al ser directos, es fundamental captar la atención de tu público. Usa una poderosa imagen que llamará la atención de hacerlos parar y leer donde tienes que ofrecer, pero usa imágenes solo cuando lo necesites en una estancia alejada de conceptos abstractos. A toro color de fondo cumbias Efectivo Ahora hay dos formas principales en que puedes usar una imagen como fondo para todo el impar. Si tomas esta ruta asegúrate de que haya suficiente contraste, que la copia no se pierda o sea difícil de leer. Reproduce el texto en las áreas más oscuras o claras de la imagen. En eso, Joseph financia el color en consecuencia. Otra opción sería usar la superposición de color sobre la foto de fondo. Será más fácil que conozcas, el resto del anuncio usando una imagen aislada para un producto o servicio. Estos actos también pueden ser más fáciles de diseñar porque, ya sabes, limitado al espacio vacío disponible en la imagen de fondo. Si está diseñando un anuncio con fondo blanco, otro trazo de un punto de borde suele ser suficiente. Yo uso la forma a Londres para una tienda, así que si tú. Estás diciendo, ¿Por qué el color de fondo para tu anuncio, como la herramienta de forma, dibuja la forma? Realmente no uso este panel, así que déjame cerrar eso ahora. Seleccione la capa con una forma. Yo soy presidente después usted. Saquaría el menú en el conocimiento superior. Elige blanco o no sensación para el color de fondo, un punto un trazo y este zapatilla un gris claro para el color trazo. infografías o gráficos vectoriales también son una forma efectiva de mostrar cierta información de los servicios. Deberían ser un logotipo dominante en tu son pero no tan dominante como la proposición de valor o el llamado a la acción. Si estás diseñando un anuncio para Facebook o Twitter, por ejemplo, no hace falta el Toby local en el anuncio porque ya aparece justo encima de la imagen. 6. Llamado a acción (CTA): el llamado a la acción es el elemento más importante fuera de tu anuncio es donde quieres que tu público lo haga, tiene que llamar la atención y persuadirlo para que tome acción. Debe ser un punto focal destacado. Colóquelo después de la copiadora principal, el titular y en colores contrastantes. Echemos un vistazo a esta hora desde Solarcity, por ejemplo. El anuncio se ve genial. El diseño es limpio, un simple pero la ciudad A se mezcla en demasiado. Ahora cambiemos el color de fondo. Entonces, al igual que la herramienta de forma, dibujemos la forma del botón y voy a elegir un rojo. Así que haga doble clic en la capa y déjame elegir Rojo. No, digamos como la herramienta de tipo. Y vamos a escribir la copia para el Buckman. Déjame cambiar el color dedo del pie blanco. Vamos, déjame hacer que se ajuste. Ahora mira la diferencia. También tienen suficiente contraste para que la copia del botón no se pierda. Debe ser legible instantáneamente. Uno de los errores más encubiertos es que los jóvenes saben qué hacer, así que ten muy claro qué acción quieres que tomen. lenguaje coloca un enorme efecto en la unidad de conversión para un lenguaje sencillo y claro que inspira usos para tomar acción. Espacios blancos sociales, elemento importante en darle a su llamado a la acción la atención que merece. anestésicos de belleza no se deben comprometer, por lo que la ciudad está debe ser efectiva y en tu cara, pero sin embargo agradable a la vista. 7. Color: color es lo primero que se nota en un anuncio y es uno de los métodos más poderosos fuera de la señal. De acuerdo con Kiss Metrics, 85% de los compradores colocan el color como razón principal de ancho por un producto en particular. Por lo que para elegir los mejores colores para tu anuncio de banner, debes saber quién es tu público objetivo. Ya que los colores pueden ser subjetivos sobre los sentimientos que el color podría evocar dependerá de las experiencias de vida de la persona y de las diferencias culturales. Al diseñar tu anuncio, piensa en el mensaje o las emociones que quieres transmitir. Los colores brillantes y cálidos pueden evocar sentimientos de felicidad, optimismo sobre la energía, pero también podrían evocar hostilidad y hambre. Los colores fríos evocan sentimientos fuera de la comodidad, los comunistas y la paz, pero también pueden expresar tristeza. Los colores neutros son flexibles y sirven para poner el foco en otros colores o colores tonificados que podrían ser sobrepotentes. Dos estudiosos para crear contraste en Hacer el llamado a la acción para destacar en un palo a una combinación de 2 a 3 colores porque usar demasiados vienen puede no confundir y difícil entender 8. Anuncios animados de banner: Existen tres tipos de artes animadas. Flash Jeeves en HTML cinco. Los corazones flash están en su mayoría extintos, así que no recomendaría perder su tiempo. Jeeves son como pancartas estáticas con diapositivas cambiantes. Están soportados por todo tipo de dispositivos en. No necesitan un tapón como disparos flash. ¿ Son buenas cuando quieres exhibir más productos? HTML. Cinco funciona en cualquier navegador y dispositivo y permite crear anuncios de banner responsivos. Las animaciones en las transiciones son más fluidas que los banners de Jif. Hay investigaciones que apuntan a anuncios estéticos. ¿ Tienes algún clic más alto a través de la tasa un animado uno de descuento? El motivo detrás es que los anuncios animados no llegan a la llamada a la acción con la suficiente rapidez. El edificio hasta la ciudad a puede durar hasta 30 segundos, pero si se ejecuta correctamente, pueden funcionar bien. Si está creando un anuncio de banner animado, puede realizar una de las siguientes acciones. Haz una animación sencilla de 15 segundos o menos con tres fotogramas y quieres conocer bucles y colocar la llamada a la acción sobre logo en el último fotograma. Otra opción sería crear un anuncio con una animación sutil en una copia de estudio que significa que la propuesta de valor en la llamada a la acción aparecerá a lo largo de toda la animación. Lo importante es quedarse con esos banners animados irritantes. No debe llamarse la animación a partir del mensaje. 9. Exportar para web: algunos editores tienen restricciones con respecto a que agregan tamaño de archivo porque cuanto más grande sea un archivo banner más pesado y lento para descargar esa página web será. Así que intenta mantenerte por debajo de 150 kilobytes tanto para sumaciones extáticas como animadas. Para guardar un extático añadir plano en la imagen. Entonces ve al menú en el panel de años en dos, aplanar imagen y luego ve a exportación de archivos, digamos para Web Aquí, puedes ver el tamaño fuera del anuncio así, como J. Peg y selecciona la calidad de compresión que traerá el anuncio inferior 150 bebés. un clic guardar Usualmente diseñé anuncios animados con para la tienda, por lo que para guardarlo como lograr, vaya al archivo exportar Safe a Web y seleccione GF. Y para el número máximo de colores off, elijamos 256. Este es el tamaño del archivo y haga clic. Ver 10. Proyecto de clase: para el proyecto de clase, crearás un banner en con Adobe para la tienda para tu bebida favorita. Siguiendo los consejos. Kofler en esta clase siéntete libre de usar sus elementos hacia arriba. Usado para diseñar mi anuncio, los encontrarás en la parte superior de producto de la clase. Entonces voy a la señal. Un acto para simplemente naranja, en su mayoría un bebedor de agua, así que saber, lucir aburrido y voy a elegir mi ronda favorita de cáscaras de naranja, considerando que eso no es aburrido. Por lo que estos son los más populares Bonner fuera. El tamaño es. Estos no son para redes sociales. El mejor rendimiento son los 300 por 250 píxeles, así que voy a usar ese tamaño para mi impar. Entonces vamos a archivar nuevo. Hay do 300 por 250. Una solución 72. Llama a un RGB remoto porque este tamaño de sombrero es pequeño y lo va a hacer tres veces más grande ustedes lo vean mejor, Así que eso serán 900 por 750 píxeles y haga clic en Aceptar, hay dos imágenes que voy a usar. Voy a usar estos para la imagen de fondo en estos para el producto Por favor no estires las imágenes como lo estoy haciendo aquí. Yo los agarro de Internet sólo por estos ejercicio de la resolución. Grados Wasin. Entonces en la vida real, por favor siempre un comienzo con una imagen de buena resolución. Entonces, al igual que la herramienta de texto haga clic en Medicamento para crear un campo de texto. Escribamos el titular. Seleccionar a tipografía San Serve. Deja Mika con Helvetica nueva y un tamaño de justicia bajo liderar. Ahora vamos a crear un llamado a la acción. Entonces, al igual que el dedo del pie en forma, dibuja el botón que caerá en la capa para sacar al recolector de color. Déjame obtener el I drop para escoger un color dentro de la imagen para ver si funciona. Está bien, funciona. Ahora atemos el botón. Copia. Voy a reducir el tamaño y cambiar el color blanco. Seleccione la herramienta de selección directa para modificar la forma y, a continuación, organiza las capas. Esa es la ciudad A y esa es la carpeta de imágenes. Entonces escucha bien para ver cómo se ve más. Voy a limpiar el fondo un poco tan crítico tu mezquita y selecto es tan pincel. Se puede cambiar el tamaño de ráfaga por persona, las teclas de corchete que harían el titular en el botón. Destacan más Ahora voy a crear un estremecimiento para la botella de los judíos. Por lo que crear nueva capa como el pincel que es uso negro era el color bajo aplacar la capa de sombra. Entonces hasta la capa de sombra inferior, voy a estar con emoción. Efecto Desenfoque. Um, usted reduce su concha también Un capacidad reducida. También en la capa de sombra superior, elimino parte del acceso de sombra. Voy a cambiar el color de los titulares a verde. Entonces, como la gota sobre ellos Consigue esta crema de la botella. De esta manera, ellos me van a quedar más uniforme y eso es todo. Toros. Eres impresionante en el proyecto de clase. Si estás trabajando en un anuncio no relacionado con esta clase y te gustaría que me devuelvan los pies, adelante y publaselo a no puedo esperar a verlos