Cómo diseñar gráficos de redes sociales que detengan el desplazamiento

Son las 8:47 de la mañana. Tienes un post que necesita ir en vivo antes de que el café entre en acción, un lienzo en blanco que te mira fijamente, y una sensación persistente de que lo que sea que hagas va a parecer una nota de rescate. Fuentes luchando entre sí. Colores que chocan. El texto estaba abarrotado en una esquina porque ahí era donde había espacio. De todos modos, presionas publicar, te das una mueca y sigues adelante.

Aquí están las buenas noticias: la brecha entre “parece casera” y “parece una marca” no es talento. Tampoco es un programa costoso o un título de diseño. Son un puñado de principios que los profesionales aplican en piloto automático, además de un sistema repetible para que nunca vuelvas a empezar desde un lienzo en blanco. Eso es exactamente lo que esta guía te da.

Vamos a ver cómo diseñar gráficos de redes sociales de la manera en que un profesional que trabaja realmente piensa en ellos: jerarquía, contraste, fuentes, color y espacio en blanco. Luego, convertiremos todo eso en un kit de plantillas reutilizables para que tu publicación de pánico de los martes por la mañana tome cinco minutos y aún parezca que te pertenece. No hay jerga que tengas que Google. No se fabrican números de “estudios dicen”. Es un método que puedes empezar a usar en tu próximo post.

Por qué la mayoría de los gráficos caseros fallan (y es reparable)

Cuando un gráfico se siente “apagado” pero no puedes decir por qué, casi nunca es un gran error. Por lo general, son cuatro o cinco pequeñas pilas juntas: todo es del mismo tamaño, por lo que no destaca nada, el texto se encuentra en un fondo ocupado, por lo que tienes que entrecerrar los ojos, tres fuentes diferentes están gritando a la vez, y todo está lleno de borde a borde sin espacio para respirar.

La solución no es esforzarse más. Es para tomar menos decisiones, más deliberadas. Los gráficos sociales son despiadadamente simples. Por lo general, dicen una cosa, lo dicen en voz alta, y dejan todo lo demás fuera. Una vez que internalices los cinco principios a continuación, comenzarás a detectar los problemas antes de publicarlos y los solucionarás en segundos en lugar de agonizar sobre un lienzo que nunca se ve del todo bien.

Principio 1: Jerarquía – decidir lo que se ve primero

La jerarquía es el orden en que tu ojo se mueve a través de un gráfico. Todo buen diseño tiene una primera cosa clara, una segunda cosa y una tercera cosa. Tu trabajo es decidir ese orden a propósito, porque si no lo haces, el diseño decide por ti, y generalmente decide mal.

Piensa en lo que alguien debería absorber en el medio segundo que obtiene tu publicación a medida que se desplaza. Ese es tu titular, tu gancho, la idea única. Debe ser el elemento más grande y audaz en el gráfico, sin concurso. Todo lo demás, su línea de apoyo, su mango, un pequeño logotipo, una llamada a la acción, es secundario y debe verse secundario.

Una forma sencilla de construir jerarquía es el método de tres niveles:

• Nivel uno (el héroe): Una frase o número corto. Lo que quieres recordar. Hazlo dramáticamente más grande que todo lo demás.
• Nivel dos (apoyo): Subtítulo o una frase de contexto. Es más pequeño que el héroe.
• Nivel tres (los detalles): Su mango, un indicador de deslizamiento, un logotipo. Pequeño, tranquilo, escondido en una esquina.

El error de jerarquía más común es hacer que los niveles uno y dos estén demasiado cerca en tamaño. Si tu título es de 60 puntos y tu subtítulo es de 50, el ojo no puede decir qué es lo que importa más, por lo que ambos se sienten importantes, lo que significa que ninguno de los dos lo hace. Exagerar la diferencia. En caso de duda, haz que la gran cosa sea más grande y la pequeña más pequeña. El contraste en el tamaño es lo que crea esa sensación instantánea de “Sé dónde mirar”.

Una prueba rápida: reduce tu gráfico al tamaño de miniatura, de la forma en que realmente aparecerá en un feed lleno de gente. ¿Puedes leer la línea de héroe? ¿Hay algo que domine claramente? Si se convierte en papilla, su jerarquía es demasiado plana. Empujarlo más.

Principio 2: Contraste: hacer que las cosas importantes sean imposibles de perder

El contraste es la diferencia entre los elementos, y está haciendo dos trabajos a la vez. Primero, hace que el texto sea legible. En segundo lugar, crea énfasis y drama. Ambos son muy importantes en las redes sociales, donde su gráfico está compitiendo con otros cientos y se ve en una pantalla de teléfono a la luz del sol.

El contraste más importante es entre el texto y su fondo. Aquí es donde los gráficos caseros se desmoronan con mayor frecuencia: texto gris claro sobre un fondo blanco o un título colocado directamente sobre la parte más ocupada de una foto. Si un espectador tiene que trabajar para leer tus palabras, no lo hará. Se desplazarán.

Aquí está cómo garantizar texto legible cada vez:

• Ponga texto oscuro en fondos claros o texto claro en fondos oscuros. Cuanto mayor sea la brecha en el brillo, más fácil será leer. Squint en la pantalla; si el texto comienza a desaparecer, el contraste es demasiado bajo.
• Cuando el texto se encuentra en una foto, protéjala. Suelta una capa oscura o clara semitransparente sobre la imagen detrás de las palabras, o agrega una sombra suave al texto, o coloca el texto en un bloque de color sólido. Nunca confíes en que una foto se mantendrá legible por sí sola.
• Mantenga las fotos con texto en ellas relativamente tranquilas. Una imagen ocupada y de alto detalle combate su mensaje. Elige imágenes con áreas abiertas y ordenadas donde las palabras puedan vivir.

Más allá de la legibilidad, el contraste es la forma de crear un punto focal. Un solo color de acento brillante contra un fondo apagado atrae el ojo directamente hacia él. Una palabra en negrita en un mar de texto de peso regular se convierte en lo que la gente lee primero. Usa contraste intencionalmente para señalar el elemento que más deseas ver, y mantén todo lo demás tranquilo para que el hecho de señalar funcione.

Principio 3: Fuentes – dos es suficiente, y el emparejamiento es una habilidad

El tipo es donde el entusiasmo se convierte en caos más rápido. Es tentador buscar una fuente de visualización divertida, luego otra, luego un script para sabor, y de repente tu gráfico parece un muestreador de fuentes. Los profesionales hacen lo contrario: eligen un conjunto pequeño y deliberado de tipos de letra y los usan constantemente en todas partes.

La regla que te salvará: No utilice más de dos tipos de letra por gráfico. Uno para los titulares, otro para el texto del cuerpo. Eso es todo. No creas variedad agregando más fuentes, sino variando el peso, el tamaño y la carcasa de las dos que has elegido. Una sola familia de fuentes que incluye un diseño en negrita, uno regular y uno ligero puede llevar todo un diseño por sí solo.

Cuando emparejas dos fuentes, apunta al contraste, no a la similitud. Dos fuentes que son casi iguales parecen un error; dos que son claramente diferentes parecen intencionales. Un emparejamiento clásico y confiable es una fuente de título con carácter con una fuente limpia y simple para todo lo demás. Piense en ello como una voz fuerte y una voz tranquila, no como dos personas hablando una sobre la otra.

Algunos hábitos de fuente que aumentan instantáneamente su calidad:

• Priorizar la legitimidad sobre la personalidad por más tiempo que unas pocas palabras. Esa fuente condensada de moda puede verse bien en un título de tres palabras y volverse ilegible en una oración completa.
• Observa la longitud y el espacio de tu línea. El texto abarrotado demasiado apretado es difícil de leer; déle a sus líneas un poco de espacio para respirar y no deje que un título corra de un lado a otro.
• Cuidado con los all-caps. Es impactante para titulares cortos pero agotador para textos más largos. Reserva para el énfasis.
• Elige una personalidad de fuente y confirma. Amable y redondeado, agudo y moderno, clásico y serio, elige el estado de ánimo que coincida con tu marca y no te desvíes de ella post a post.

La consistencia aquí es un arma secreta. Cuando usas las mismas dos fuentes en cada gráfico, la gente comienza a reconocer tus publicaciones antes de leer tu nombre. Ese reconocimiento vale más que cualquier elección de fuente inteligente.

Principio 4: Color: construye una paleta pequeña y apégate a ella

El color es emocional y poderoso, y también es donde las buenas intenciones van a morir. El instinto es usar muchos colores porque más se siente más emocionante. En la práctica, una paleta apretada y limitada casi siempre se ve más profesional y más “marca” que un arco iris.

Construya usted mismo una paleta de trabajo de aproximadamente tres a cinco colores y úselos en todas partes:

• Uno o dos colores principales que definen tu look. Esto es lo que la gente asociará con usted.
• Un color de acento utilizado con moderación para las cosas que desea hacer estallar, un botón, una palabra clave, un punto culminante. Debido a que lo usa raramente, siempre tiene un impacto.
• Un par de neutrales (un casi negro, un casi blanco, tal vez un gris suave) para texto y fondos. Los neutros hacen la mayor parte del trabajo silencioso y dejan que sus colores principales brillen.

Tus propios gráficos pueden usar cualquier color que se ajuste a tu marca y tu estado de ánimo, esa es tu decisión. El punto no es qué colores específicos eliges; es que eliges un conjunto y lo repites. La repetición es lo que convierte “algunos mensajes” en “un feed reconocible”.

Algunos principios de color que vale la pena conocer:

• Los colores llevan sentimiento. Los tonos más cálidos tienden a sentirse enérgicos y amigables; los tonos más fríos se sienten tranquilos y confiables; las paletas apagadas y desaturadas se sienten refinadas; las brillantes y saturadas se sienten juguetonas. Elige un estado de ánimo que coincida con tu mensaje, luego deja que guíe tus elecciones.
• Dale a tu paleta un desglose de trabajo. Una guía útil es dejar que un color dominante cubra la mayor parte del diseño, un color secundario lo soporte y un acento aparezca en solo una pequeña rebanada. Cuando el acento está en todas partes, deja de ser un acento.
• Contraste mental, otra vez. Una paleta magnífica es inútil si el color del texto y el color de fondo están demasiado cerca en brillo. Siempre verifique que sus palabras permanezcan legibles.

Una cosa más que vale la pena decir claramente: la consistencia del color es una de las formas más rápidas de parecer una marca real. Si alguien puede pasar por tu publicación, no leer una palabra y aún así saber que es tuya debido a los colores, has ganado.

Principio 5: Espacio en blanco: la confianza para dejar espacio

El espacio en blanco, a veces llamado espacio negativo, es el área vacía alrededor y entre sus elementos. No tiene que ser blanco; es solo espacio para respirar. Y es la herramienta más subestimada en el diseño para principiantes, porque el instinto siempre es llenar cada centímetro. El espacio vacío se siente como un espacio desperdiciado. No lo es. Es lo que hace que el espacio lleno se sienta intencional y premium.

Mira cualquier diseño que se sienta caro y tranquilo, y notarás que está dando espacio a sus elementos. El titular no está atascado contra el borde. El logo no toca el texto. Hay un margen cómodo alrededor de todo el asunto. Ese espacio está haciendo un trabajo real: enfoca la atención, señala la calidad y hace que su mensaje importante sea imposible de pasar por alto porque nada más lo está abarrotando.

Formas prácticas de usar bien los espacios en blanco:

• Dale un margen a todo. Mantén tu contenido alejado de los bordes del gráfico. Un borde consistente de espacio vacío enmarca su diseño y evita esa sensación de hacinamiento y claustrofobia.
• Agrupar cosas relacionadas y separar cosas no relacionadas. Ponga un titular y su subtítulo juntos para que se lean como una unidad, luego deje un espacio claro antes del siguiente elemento. El espaciado comunica relaciones.
• Resiste el impulso de llenar. Si un gráfico se siente vacío, a menudo es una señal de que está funcionando. Agregar un elemento decorativo para “equilibrar” generalmente solo agrega ruido. La confianza es dejar el espacio solo.
• Recuerde los bienes raíces de la plataforma. Los elementos de interfaz, los subtítulos y los botones se superponen a partes de la imagen en algunos feeds. Mantener el contenido clave alejado de los bordes también evita que se cubra.

Uniendo los principios: una construcción de cinco minutos

Ahora veamos los cinco principios cooperar. Digamos que estás haciendo un gráfico simple para un consejo que quieres compartir. Aquí está el flujo:

• Comience con jerarquía. Decide la línea que es el héroe. Escribe en grande. Añade una pequeña línea de soporte y tu mango, ambos claramente más pequeños.
• Establece tus dos fuentes. Titular en su fuente de visualización, todo lo demás en su fuente de cuerpo limpio. Sin excepciones.
• Aplica tu paleta. Fondo en un color principal o neutro, texto en un neutro contrastante y su color de acento en la palabra o elemento que desea resaltar.
• Compruebe el contraste. Squint. ¿Puedes leer al héroe al instante? Si no, oscurece el fondo o aclara el texto hasta que puedas.
• Añadir espacio en blanco. Tira de todo desde los bordes, da espacio al héroe y detente antes de que sientas la tentación de llenar los huecos.

Es un gráfico terminado, de aspecto profesional, y una vez que lo hayas hecho un puñado de veces, es realmente un trabajo de pocos minutos. Pero podemos hacerlo aún más rápido y más consistente, con un sistema de plantillas.

El sistema de plantillas reutilizables para no diseñadores

Aquí está el cambio que lo cambia todo: deja de diseñar publicaciones individuales y comienza a diseñar un pequeño conjunto de plantillas reutilizables. Una plantilla es un diseño que construyes una vez, con tus fuentes, colores, espaciado y jerarquía ya bloqueados, por lo que todo lo que haces más tarde es intercambiar las palabras y la imagen. Así es exactamente como las marcas con feeds pulidos y consistentes realmente funcionan detrás de escena. No reinventan la rueda cada mañana. Están llenando espacios en blanco.

No necesitas muchos. Un kit de inicio de cinco a siete plantillas cubre la gran mayoría de lo que la mayoría de la gente publica:

• La plantilla de cita o declaración grande: Una gran línea de héroe, su mango en la esquina, un fondo simple. Interminablemente reutilizable para propinas, tomas calientes y líneas simples.
• La plantilla de lista o consejos: un título en la parte superior y de tres a cinco puntos cortos debajo, uniformemente espaciados. Ideal para carruseles llenos de valor y rápidos how-tos.
• La plantilla de foto-más-título: Una imagen con una zona de texto protegida (un bloque de color o banda oscura) donde vive tu título. Su caballo de batalla para los anuncios y características.
• La plantilla de pregunta o compromiso: una pregunta audaz diseñada para invitar comentarios, con mucho espacio en blanco para que se sienta como una invitación abierta.
• El par carrusel y página interior: Una plantilla de portada que se engancha, además de un diseño interior de página coincidente para que los mensajes de diapositivas múltiples se sientan unificados.
• El anuncio o plantilla CTA: Un título claro, una línea de detalle y una llamada a la acción obvia en su color de acento.

Construye cada uno de estos una vez, cuidadosamente, aplicando los cinco principios. Luego, guárdalos como archivos reutilizables que duplicas cada vez. La magia es que la consistencia se vuelve automática. Debido a que las fuentes, los colores y el espacio están integrados, cada publicación que hagas está en la marca sin que tengas que pensar en ello. Tu feed empieza a parecer que fue hecho por una persona intencional, porque lo fue.

Algunos consejos para un sistema de plantillas que realmente se sostiene:

• Mantenga la estructura, cambie el contenido. Resiste la tentación de “mejorar” el diseño cada vez. El punto es que no rediseñas; rellenas.
• Construye una referencia de estilo maestro. Anote sus fuentes exactas, sus valores de color y sus reglas de espaciado en un solo lugar para que cada plantilla coincida y nunca tenga que adivinar.
• Diseño para la plaza primero. Un gráfico cuadrado limpio se adapta a la mayoría de los feeds. Una vez que tus plantillas cuadradas funcionen, puedes crear variaciones altas para historias y formatos verticales.
• Haz tu creación. Siéntate una vez a la semana, completa varias plantillas a la vez mientras estás en la zona, y nunca volverás a enfrentar el pánico del lienzo en blanco. Esto combina maravillosamente con la planificación de sus publicaciones con anticipación utilizando una plantilla de calendario de redes sociales para que sepa qué sale y cuándo.

Errores comunes que debes dejar de cometer hoy

Una lista de comprobación rápida. Si estás haciendo cualquiera de estos, ahora sabes exactamente cómo solucionarlos:

• Todo del mismo tamaño. Jerarquía plana. Haz que tu héroe sea dramáticamente más grande.
• Tienes que entrecerrar los ojos para leer. Un contraste débil. Aumenta la brecha de brillo y protege el texto sobre las fotos.
• Tres o más fuentes. Caos. Cortar a dos y variar el peso en su lugar.
• Una docena de colores. No hay identidad. Recortar una paleta de tres a cinco y repetirlo.
• Empaquetado de borde a borde. Sin espacio para respirar. Añade márgenes y déjalo respirar.
• Reinventar cada post. Lento e inconsistente. Crea plantillas y recárgalas.
• Ignorar la miniatura. Si es ilegible pequeño, falla en la alimentación. Siempre vista previa en el tamaño de desplazamiento.

El diseño es solo la mitad del trabajo

Hacer un gran gráfico es una victoria, pero un gráfico sentado en una carpeta no hace nada. La otra mitad es ponerlo frente a la gente constantemente, en el momento adecuado, en las plataformas correctas, sin quemar toda la mañana en la publicación manual. Ahí es donde un sistema para el resto de su flujo de trabajo vale la pena. Una vez que se manejan sus imágenes, vale la pena aprender cómo programar publicaciones en redes sociales así que su contenido bellamente diseñado realmente se envía a un ritmo confiable, y vale la pena saber cuál métricas de redes sociales que debes seguir Así que puedes ver cuáles de tus diseños están realmente resonando y hacer más de lo que funciona.

Comience con una plantilla hoy

No tienes que revisar todo a la vez. Elige una plantilla del kit, el gráfico de cotización es el más fácil, y constrúyelo bien: una gran línea de héroe, dos fuentes, tres colores, generoso espacio en blanco, alto contraste. Guárdalo. úsalo para tus próximas tres publicaciones simplemente intercambiando las palabras. Ese solo movimiento ya hará que su feed se vea más intencional que ayer.

Luego, crea la siguiente plantilla. Y el siguiente. En un par de semanas tendrás un kit completo, un aspecto reconocible y un flujo de trabajo de cinco minutos que solía comer toda la mañana. El diseño deja de ser lo que temes y se convierte en lo que apenas piensas, que es exactamente lo que los profesionales quieren. El gráfico de parada de desplazamiento no es un golpe de suerte. Es un sistema, y ahora es tuyo.