Biblioteca

11 sencillos consejos de diseño para mejorar sus imágenes de redes sociales

Los humanos son, por naturaleza, muy visual seres.

En el cerebro mismo, hay cientos de millones de neuronas dedicadas al procesamiento visual, casi el 30 por ciento de toda la corteza , en comparación con el 8 por ciento para el tacto y solo el 3 por ciento para el oído.



Cada uno de los dos nervios ópticos, que transportan señales desde la retina al cerebro, consta de un millón de fibras, en comparación con el nervio auditivo que lleva solo 30.000.



Eso es todo para decir que imagenes de redes sociales son una parte vital de tu contenido que alcanza la cantidad máxima de personas, personas que son muy seres visuales!

Comercializadores que han incursionado en creando imágenes atractivas para las redes sociales, sepa lo difícil y lento que puede ser. No soy un experto, pero he aprendido un par de cosas sobre la creación de imágenes en las redes sociales después de mucha práctica (¡y errores!), Y estoy emocionado de compartir con ustedes mis consejos y principios favoritos de diseño de redes sociales para ayudar a mejorar sus imágenes de redes sociales.



¡Vamos a sumergirnos!

Mejora de las imágenes de las redes sociales

Consejos de diseño de redes sociales: 11 principios y tácticas para mejorar sus imágenes

En Buffer, nosotros crear todas las imágenes para nuestras publicaciones de blog y redes sociales sin mucha ayuda externa, ¡y hay un montón de imágenes! En promedio, cada publicación de blog de Buffer tiene cinco imágenes personalizadas y algunas tienen muchas más.

Para crearlos, nos basamos en 11 principios de diseño simples que nos ayudarán a facilitar el proceso de creación de imágenes. Nos complace compartirlos contigo en esta publicación y cómo puedes aplicarlo a tu propio flujo de trabajo .



Tengo algún favorito consejos o principios de diseño de redes sociales que nos faltan ? ¡Me encantaría escuchar sobre ellos en los comentarios!

11 principios de diseño y consejos de diseño de redes sociales

1. Color

90% de juicios rápidos hecho sobre productos se basan solo en el color

Color es uno de los aspectos más importantes y complejos de cualquier diseño de redes sociales. Ayuda a establecer el estado de ánimo, crear una atmósfera, transmitir emociones e incluso evocar fuertes experiencias individuales del pasado de alguien.

En un estudio sobre el impacto del color en el marketing , los investigadores encontraron que hasta el 90% de los juicios rápidos made about products puede basarse solo en el color, dependiendo del producto. Otro estudios académicos sobre los colores en el marketing han señalado el hecho de que es más importante que los colores respalden la personalidad que desea representar en lugar de intentar alinearse con las asociaciones de colores típicas.

Por ejemplo, este gráfico de Help Scout destaca el poder del color para transmitir personalidad en un contenido que se refleja positivamente en la marca. Sobre el Blog de ayuda Scout Verá colores consistentes y llamativos que resultan divertidos, pero reveladores.

Ejemplos de HelpScout Color Marketing

El segundo ejemplo de la marca Loulou y Tummie destaca el uso del color para comercializar a una audiencia específica. Loulou y Tummie son conocidos por su llamativo trabajo vectorial y el uso del color para contar una historia y evocar emociones.

Inspiración de diseño de Loulou y Tummie

Use colores en sus imágenes de redes sociales que guíe a su audiencia a través de una historia . Hágalo considerando qué colores ayudan a contar una parte específica de esa historia. Los principios de teoría del color son un gran lugar para comenzar y se pueden utilizar para crear una sensación de armonía dentro de sus imágenes.

A continuación, se muestra un resumen rápido de cómo los diferentes colores afectan nuestro cerebro y cómo se utilizan a menudo en la narración de historias y el marketing:

red

Rojo = Energía y urgencia

naranja

Naranja = agresivo

amarillo

Amarillo = Optimista y juvenil

lista de todas las aplicaciones de redes sociales
verde

Verde = Riqueza y relajación

azul

Azul = Confianza y seguridad

Rosa

Rosa = Romántico y femenino

negro

Negro = Potente y elegante

púrpura

Morado = Calmante y calmante

2. Balance

Los 4 tipos diferentes de equilibrio (incluido el que probablemente esté pensando)

El arte del equilibrio en el mundo de las redes sociales diseño de imagen es difícil de entender, pero vale la pena el esfuerzo. Una excelente manera de pensar en el equilibrio es imaginar que cada elemento de su diseño tiene un ' peso detrás de él .”

Dicho de otra manera: si colocara la imagen en una balanza, ¿se inclinaría hacia un lado?

También es importante recordar que los diferentes elementos tienen un peso diferente balance no tiene que dividirse por la mitad . Existen 4 tipos diferentes de equilibrio:

  1. simétrico
  2. asimétrico
  3. radial (imagina una escalera de caracol)
  4. cristalográfico (imagina una bandeja de donas con diferentes ingredientes)

Todo esto puede generar un hermoso diseño de redes sociales.

Tomemos, por ejemplo, este impresionante gráfico del artista e ilustrador. George Bokhua :

Loto rosa - George Bokhua

Esta imagen demuestra el hermoso uso de simétrico equilibrio y sensación de armonía. El equilibrio simétrico es ideal para ilustraciones, dibujos, gráficos de blogs, fotografías y mucho más.

Por otro lado, hay equilibrio asimétrico como se muestra en este ejemplo de imagen:

Ejemplo de equilibrio asimétrico

El equilibrio asimétrico crea tensión a través del contraste y puede ser visualmente interesante cuando se hace correctamente. Debido a que es abstracto, no hay simetría, no hay imágenes de espejo perfectas.

Un lugar en el que consideramos que el equilibrio es importante es en elegir imágenes de stock . La colección de fotos en Unsplash es un gran ejemplo de una colección de fotos que sobresale teniendo en cuenta el equilibrio, como con esta imagen:

cañón

Si está creando una imagen propia , para equilibrar el peso de su imagen, juegue con diferentes cosas como el tamaño de los elementos, la claridad y oscuridad de los elementos, los colores cálidos y fríos, la textura, la cantidad de objetos, el aislamiento de los objetos y la orientación (vertical / horizontal / diagonal) de objetos.

3. Líneas

Las líneas rectas implican orden. Las líneas curvas insinúan movimiento.

Las líneas son las elementos visuales de tu imagen que ayudan a guiar el ojo hacia donde quieres que vaya. Las líneas rectas funcionan para darle a la imagen una sensación de orden y pulcritud, mientras que las líneas torcidas o curvas pueden dar a la imagen una sensación de tensión y movimiento organizados.

Prestar mucha atención al uso de líneas a lo largo de su imagen puede ayudar a guiar a su audiencia a lo largo de una viaje visual , deteniéndose en los elementos más importantes e intencionales del camino.

Echemos un vistazo a esto ejemplo increible del poder de las líneas de Muti :

Ilustración de líneas en diseño gráfico de Muti

El uso de líneas diagonales limpias a lo largo de la ilustración lleva la vista a diferentes áreas de una manera rápida y eficiente. Casi creando “secciones” en la imagen con diferentes ciudades como múltiples focos.

Ahora compare eso con las líneas curvas de esta ilustración del mismo artista, Muti y cómo crea una sensación de movimiento. Ese movimiento lo lleva alrededor del gráfico hasta que aterriza de nuevo en el punto focal central:

Gráfico de American Express por Muti Studio

Al agregar líneas a su imagen , preste mucha atención a dónde atraen los ojos del lector. Trate de crear un camino lógico que el lector pueda seguir hasta que llegue al punto que usted pretendía.

4. Tipografía

Tradicionalmente, las fuentes serif son mejores para impresión y sans-serif para web.

La tipografía es un arte. Seleccionando el fuente perfecta o conjunto de fuentes que funcionan a la perfección juntos pueden dar vida a su imagen en las redes sociales. También tiene un gran impacto en cómo las personas reciben su diseño y, en última instancia, en el mensaje que su marca transmite intencionalmente (o no).

Al seleccionar qué tipo de letra o fuentes utilizar en su diseño, uno de los aspectos más importantes a tener en cuenta es legibilidad.

El diseñador gráfico Paul Rand puede haberlo expresado mejor cuando dijo: 'No trates de ser original, solo trata de ser bueno'.

Ya sea que elija una fuente sans-serif o una fuente serif o cualquier variación intermedia, asegúrese de que su audiencia pueda leer su mensaje. Aquí hay algunos consejos profesionales para el uso de fuentes:

  • Limite su diseño a un máximo de 3 tipos de letra
  • Utilice un tamaño de fuente que se adapte bien al medio en el que está publicando
  • Tradicionalmente, las fuentes serif son mejores para impresión y sans-serif para web.
  • Interletrado es una gran técnica para usar en sus títulos

Y para aquellos que sientan curiosidad por otra terminología tipográfica, este ingenioso infografia ¡ayudará!

Principios de tipografía Inforgraphic

5. Contraste

Agregue contraste con colores, formas y tamaños

¿Alguna vez has escuchado a alguien decir que una ilustración o un diseño ' realmente estalló “?

A lo que pueden referirse es al contraste de una imagen. El contraste proporciona diferenciación entre los elementos, haciendo que uno se destaque o “resalte” más que los otros elementos.

El uso de un contraste efectivo es una excelente manera de mejorar las imágenes de sus redes sociales. Sin contraste, su diseño corre el riesgo de ser 'plano'. Pero con demasiado contraste, su diseño puede volverse desordenado y nada se destacará.

Aquí estan mis 3 formas favoritas de agregar contraste a una imagen sin subestimarla o exagerarla.

Agregue contraste con colores

Una de las formas más fáciles de implementar contraste en sus diseños de imagen es mediante el uso de colores. Por ejemplo, reproducir colores claros con colores oscuros o viceversa. En esta imagen, utilicé una fuente blanca en contraste con el fondo oscuro, lo que hace que la redacción sea legible y visualmente atractiva.

Ejemplo de contraste de color

Agregar contraste con formas

cómo iniciar un negocio en instagram

Otra forma de agregar contraste fácilmente a su imagen es mediante el uso de formas. Esta hermoso gráfico de Canva ayuda a resaltar cuán bien la conformidad de las formas simétricas puede jugar junto con la naturaleza asimétrica de las formas orgánicas.

Formas de contraste y diseño

Agregar contraste con tamaños

En su forma más simple, se puede agregar fácilmente contraste para mejorar su imagenes de redes sociales haciendo que ciertos aspectos del diseño sean más grandes o más pequeños que otros. También puede significar agregar más peso (como poner una palabra en negrita) a los elementos.

Este anuncio de restaurante atrae a la audiencia al nombre ' 1913, ”Primero y luego a otras áreas de la imagen como la palabra“ restaurante ”y finalmente a la imagen de la comida en el fondo.

Contraste de tamaño en el diseño de imágenes de redes sociales

6. Escala

Reduzca un concepto o amplíe con sus opciones de fuente

La escala, por definición, se refiere al tamaño deliberado de varios elementos dentro de su diseño. 'Escalar' ayuda a enfocar ciertos elementos y permite a sus lectores darle sentido a un concepto.

Piense por un segundo e intente imaginar su vida en varios meses o incluso días. ¿Te lo imaginas?

Esta maravillosa ilustración de Tim Urban ilustra los poderosos efectos de la escala.

La vida humana en meses: espera, pero ¿por qué?

El escalado también funciona bien para diseños de redes sociales más concretos. Hecha un vistazo a la imagen de abajo:

Consejos de diseño de redes sociales de Buffer

En esta imagen, mi objetivo es atraerlo hacia la cita primero con un tamaño de fuente ampliado. Una vez que haya ganado su curiosidad por la cita, espero que sus ojos se muevan naturalmente hacia el globo. Y finalmente, se siente atraído por el mensaje del gráfico, 'Feliz mes de los maestros'.

¿Funcionó?

7. Proximidad

Agrupe elementos similares para ordenarlos y organizarlos

La proximidad es primordial a la hora de crear un sentido de organización dentro de su diseño. Los elementos similares o relacionados se agrupan mejor para crear una relación entre ellos. El objetivo es agrupar elementos para ordena tu diseño y 'ordenar un poco las cosas'.

Usted puede poner en práctica el principio de proximidad conectando elementos similares entre sí. Una forma fácil es colocando físicamente los objetos uno cerca del otro. La otra forma es conectarlos de otras formas visuales con el uso de colores, fuentes, tamaño, etc. similares.

Este sencillo ejemplo muestra cómo se puede utilizar la proximidad para ayudarnos a percibir los objetos como relacionados. Los círculos se extienden y cada uno se percibe como su propio objeto.

400 x 150 fotos de portada de facebook
Ejemplo de proximidad 1: diseño de redes sociales

Luego, una vez que acercamos todos los círculos, parecen perder la sensación de que son objetos separados. Se percibe como una forma más completa y singular.

Ejemplo de proximidad 2: diseño de redes sociales

Cuando se pone en algo como un diseño de redes sociales, la proximidad puede ayudar a unir elementos de un producto o concepto a través de relaciones espaciales.

8. Jerarquía

Coloca los elementos más importantes en las fuentes más grandes.

Es muy probable que trabaje con múltiples elementos en su diseño de redes sociales . Y es probable que cada uno de esos elementos sea importante para su mensaje general. La jerarquía es una excelente sugerencia de diseño de redes sociales para asegurarse de que está transmitiendo su mensaje más importante primero.

Aprovechar al máximo el principio de diseño jerárquico comienza con una comprensión de sus objetivos . Establezca el mensaje más importante como punto focal y luego utilice los otros principios de diseño de este artículo para destacarlo.

Una vez que esté en su lugar, puede comenzar a construir su segunda o tercera información sin restarle importancia al objetivo general.

Un gran ejemplo está aquí en este anuncio de viajes. La imagen atrae al lector a 'viajar' y luego lo lleva a los mensajes secundarios.

Ejemplo de jerarquía: consejos de diseño de redes sociales

Incluso funciona para diseños simples de redes sociales, como citas. El punto focal principal es la cita en sí seguida de cualquier información secundaria como el autor o la fuente.

Consejos de diseño de redes sociales: ejemplo de jerarquía

9. Repetición

Utilice siempre el mismo conjunto de fuentes, colores y logotipos

Uno de los elementos de diseño más fáciles para mejorar las imágenes de sus redes sociales es el principio de repetición. La repetición es una parte importante del proceso porque ayuda a establecer y fortalecer diferentes elementos.

También es lo que la gente suele denominar ' marca consistente .”

Tres cosas con las que siempre debes intentar ser coherente en tus diseños son fuentes , colores , y logos . Con el tiempo, la repetición de estos 3 elementos le dará a usted oa su marca un aspecto único y reconocible al instante. Veamos algunos ejemplos para ilustrar el uso simple de la repetición en el diseño.

Recuerda esta manzana anuncio publicitario ? Pegadizo por su naturaleza colorida y lúdica, el uso de la repetición en esta imagen ayuda a crear una asociación consistente. También hace exactamente lo que se propuso y eso es dar una sensación de movimiento o danza en la imagen.

Anuncios de Apple, repetición, consejos de diseño de redes sociales

La repetición también es importante cuando construyendo una marca personal . Toma estas hermosas tarjetas de presentación de Alan Murphy , por ejemplo. Ya sea que sea una gran marca o una tienda unipersonal, la repetición lo ayuda a ser reconocible con el tiempo.

Tarjetas de presentación de marca personal: consejos de diseño de redes sociales

10. Dirección

Las personas leen con un patrón de 'F', un patrón de 'E' y un patrón de 'Z'

La forma en que el ojo humano se mueve a través de diseños, imágenes, sitios web y otros elementos visuales es única, pero a menudo coherente. Por eso es importante guiar a su audiencia por el 'camino' que le gustaría que siguieran en su imagen. En otras palabras, cree un 'flujo' deliberado.

La investigación en diseño de sitios web nos ha dado una Mirada interior sobre cómo las personas tienden a ver los sitios web cuando llegan por primera vez. Lo que encontraron fue que leemos en un patrón de 'F', un patrón de 'E' y, a veces, un patrón de 'Z'. Así que colocando elementos importantes y llamativos en el lado superior izquierdo y lado izquierdo de su diseño es clave.

Huevo loco creó una gran infografía sobre los datos encontrados en sus experimentos de seguimiento ocular junto con las formas en que puede mejorar su diseño. ¡Disfrutar!

Consejos para el diseño de redes sociales de Crazy Egg Eye Tracking

11. Espacio

Busque contornos en sus imágenes. Consejo avanzado: prueba con knolling.

Guardé una de mis redes sociales favoritas. consejos de diseño por ultimo y ese es el uso del espacio . En pocas palabras, espacio negativo o espacio en blanco es el área que rodea a otros objetos en la imagen. La mayoría de las veces, lo que elige dejar fuera de su imagen es tan importante como lo que agrega.

Trate de no subestimar el poder de la simplicidad en su diseño. El espacio puede ayudar a aportar una cierta calidad estética a su imagen al mismo tiempo que resalta los elementos más importantes.

Me encantaría mostrarte dos ejemplos de los maravillosos efectos de utilizar el espacio en tus diseños. El primero es del artista, ilustrador y diseñador gráfico. Tang Yau Hoong quien aparentemente ha dominado el arte del espacio en el diseño. Tang Yau Hoong esculpe intencional e inteligentemente formas en el espacio negativo para crear una sensación fascinante.

Espacio en blanco y negativo en el diseño: consejos de diseño de redes sociales 2

Al agregar formas, fuentes o colores a su diseño, considere qué formas o contornos se están formando a su alrededor y utilícelos para su ventaja. Puede darse cuenta rápidamente de que su diseño está tomando forma de formas que no había planeado originalmente.

El segundo ejemplo es del mundo de la fotografía. Knolling es una técnica que realmente ha cobrado fuerza en los últimos años. El espacio en blanco que rodea a cada elemento realmente ayuda a resaltar cada pieza individualmente.

Ejemplo de Knolling 1: consejos de diseño de redes sociales 2

Conserva tus imágenes simple y usa el espacio alrededor de objetos para llamar la atención sobre elementos importantes. Me encanta este gráfico de Cincha que realmente destaca el poder del diseño simple.

Cinch, ejemplo de diseño gráfico, diseño de redes sociales
'Los diseñadores y los especialistas en marketing saben que han 'alcanzado la perfección' no cuando no queda nada por agregar, sino cuando no queda nada para quitar'.

- Antoine de Saint-Exupéry

A ti

¡Espero que hayas disfrutado aprendiendo un poco sobre el diseño de redes sociales! Es realmente sorprendente cómo pequeños ajustes en las imágenes pueden tener un efecto tan grande en la calidad y el resultado.

¿Me perdí alguno de tus consejos de diseño de redes sociales favoritos anteriores? ¡Me encantaría aprender de ti!

No dude en dejar un comentario a continuación para mantener la conversación.

Más recursos de diseño impresionantes

Elementos y principios de diseño - Canva

8 principios básicos de diseño que le ayudarán a crear mejores gráficos - Adobe

Por qué todos los especialistas en marketing en 2016 deben ser diseñadores (a tiempo parcial) - Buffer



^