Tu última hoja de trucos para el diseño de Facebook

Con el despliegue de nuestra nueva categoría de concurso de Facebook y la creciente importancia del diseño de los medios sociales en general, pensamos que ya era hora de centrarnos en los diferentes elementos que componen el diseño de Facebook.

En este artículo, desglosaremos los diferentes elementos de Facebook para asegurarnos de que estás creando una presencia en la web con una buena marca y en la que se puede hacer clic para tu cliente.

Foto de la portada

Portada de Facebook: Diesel

La foto de la portada es el mejor lugar para darle a tu página de Facebook el factor “WOW”. Considéralo como una imagen de héroe – un espacio de alto impacto que debe mostrar la marca mientras se equilibra bien con los elementos que la rodean.

Intente mantener su imagen de diseño – con texto sólo cuando sea necesario – llamando a un trato especial, una campaña de hashtag o un CTA, por ejemplo. Siempre tome nota de dónde se colocan el texto, la foto de perfil y los botones sociales para que su diseño no desmerezca esos espacios. Lo último que quieres es que la foto de la portada te distraiga demasiado o que esté muy ocupada.

Reúne algunos consejos adicionales e inspiración de nuestro artículo “8 formas destacadas de crear un diseño de portada para Facebook”.

Consejo profesional: Facebook aconseja que las fotos de portada se carguen más rápido “como un archivo JPG sRGB que tiene 851 píxeles de ancho, 315 píxeles de alto y menos de 100 kilobytes”. Sin embargo, la calidad de la imagen puede ser mayor con un archivo PNG. Por eso, puede valer la pena hablar con su cliente sobre la importancia del tiempo de carga vs. la resolución de la imagen.

Dimensiones: 851 x 315px (ordenador); 640 x 360px (smartphone); preferiblemente menos de 100KB

Foto de perfil

Captura de pantalla: Sprite

Una foto de perfil debe ser diseñada con dos cosas en mente. Primero, debe combinarse bien con la foto de la portada. Segundo, debe ser capaz de estar sola en el noticiero y en tu línea de tiempo. Reservar la foto de perfil para su logo y hacer que la foto de la portada se reproduzca es la forma más eficiente de hacerlo.

Mientras que la imagen es grande en su página, se reduce a sólo 32x32px en la alimentación. Debido a esto, es prudente evitar los detalles ornamentales y en su lugar centrarse en un diseño que puede mantenerse cuando se reduce a un tamaño tan pequeño.

Consejo profesional: Si la foto de tu perfil se ve borrosa después de subirla, intenta usar una imagen del doble de tamaño a 320 x 320px.

Dimensiones : Debe ser cargado a 180 x 180px mínimo; 160 x 160px (ordenador); 140 x 140px (smartphone); 32 x 32px (línea de tiempo)

Anuncios en Facebook

Anuncios en la barra lateral de She Inside y Moo (derecha)

Al crear los anuncios, los diseñadores están muy restringidos. Su imagen no puede incluir más del 20% de texto, así que tendrá que ser creativo con la forma de captar la atención de la gente. Puedes comprobar si has cumplido con el requisito utilizando la Herramienta Grid de Facebook.

En parte, este requisito le está haciendo un favor. Debido a que su anuncio puede ser colocado en la sección de noticias, en el móvil o en la columna de la derecha, el diseño y el texto deben ser muy adaptables para seguir siendo atractivos.

Así como quieres una foto de perfil que se traduzca a un tamaño más pequeño, también quieres un anuncio que se vea muy bien al hacer clic en todos los tamaños:

Vista escalada de los anuncios de noticias, móviles y de la columna derecha (vía Facebook)

Lo mismo ocurre con tu copia. El texto debajo del anuncio también está limitado, con un máximo de 25 caracteres en el titular y 90 caracteres en el texto de abajo. Su enlace está limitado a un total de 30 caracteres. Por lo tanto, manténgalo corto y al grano.

Para un mayor dinamismo, añade un botón de llamada a la acción para animar a los usuarios a que les guste, compren, obtengan una oferta… la lista sigue y sigue.

Consejo profesional: Evita usar el azul y el blanco, ya que es probable que se mezclen con la marca de Facebook. Enfócate en los colores que se destacan, tal vez un rojo o naranja brillante para contrastar con su azul característico.

Dimensiones: 1.200 x 628px para alta resolución; relación de imagen de 1,9:1

Anuncios de Facebook (multiuso)

Anuncios multiusos: Warby Parker e Inkkas

Para los sitios de comercio electrónico, puede ser más eficaz utilizar anuncios multiproducto. Estos permiten mostrar de 3 a 5 imágenes y sus correspondientes enlaces dentro de un anuncio. Juega con diferentes imágenes para ver qué es lo que atrae la atención de tu audiencia.

El estilo de vida (especialmente las caras de las personas) y las imágenes de productos suelen ser los más eficaces, especialmente si puede contar una historia o hacer que las ofertas de su marca se hagan realidad con su selección de imágenes.

Consejo profesional: Asegúrate de rotar tus anuncios regularmente para mantenerlos frescos – y para probar cuáles son los más atractivos.

Dimensiones: 600 x 600px; relación de imagen de 1:1; mismas restricciones de texto que los anuncios anteriores

Fotos de la línea de tiempo

Dibuja el ojo con una imagen en negrita o mantenlo social con una cita compartida (via 99designs)

Las fotos de la línea de tiempo son una forma fantástica de impulsar su marca con imágenes que son altamente compartibles. Incluya un enlace de CTA con su imagen para fomentar los clics o iniciar una conversación en Facebook con una cita o pregunta interesante.

A continuación incluimos algunas de las opciones de la línea de tiempo y sus dimensiones para que puedas abarcar ese espacio:

  • Foto de la línea de tiempo (simple): 504 x 504px
    • Las fotos de paisajes serán escaladas a 504px de ancho
    • Las fotos verticales se escalarán a 504px de altura
    • El tamaño máximo de la carga es de 1200 x 1200px)
  • Foto de la línea de tiempo (2 horizontal): 504 x 251 cada uno
  • Foto de la línea de tiempo (2 vertical): 251 x 504px cada uno
  • Foto de la línea de tiempo (2 cuadradas): 251 x 252px

Para un fantástico desglose visual de cómo funciona cada elemento de diseño dentro de la estructura de Facebook, mira esta infografía de COVERSHUB.

¿Tienes algún otro consejo de diseño para Facebook? Compártelos en los comentarios!

admin

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Publicar un comentario