La versión corta
- El diseño editorial es el oficio de disponer palabras e imágenes para la lectura, como en revistas y periódicos, con una estructura clara de antetítulo, titular, entradilla y cuerpo.
- Recursos de revista como los antetítulos, las citas destacadas, las cifras grandes, las columnas y los números de edición funcionan en las publicaciones sociales porque dicen al lector de un vistazo qué tipo de contenido es.
- Una buena publicación editorial tiene un solo sistema tipográfico: un conjunto pequeño de tamaños, una o dos tipografías y una posición repetida para cada elemento.
- Los carruseles se comportan como las páginas dobles de una revista, así que una portada, un índice, páginas de contenido y una página final los hacen más fáciles de seguir y más propensos a guardarse.
- Numerar las publicaciones como ediciones o series convierte publicaciones sueltas en una publicación reconocible.
En esta página
El diseño editorial es el oficio de disponer palabras e imágenes para que la gente quiera leerlas, como hacen las revistas y los periódicos. En las redes sociales significa tomar prestados recursos de revista, como un pequeño antetítulo sobre el titular, una cita destacada, una cifra grande, una columna de texto o un número de edición, y usarlos en publicaciones, carruseles y stories. Esos recursos dicen a alguien qué es una publicación en el medio segundo previo a decidir si se detiene, y hacen que un feed parezca una publicación periódica y no un torrente de anuncios.
Esta guía repasa uno a uno los recursos de revista más útiles, muestra cómo se traduce cada uno a un formato social, te da una escala tipográfica de partida y explica cómo convertir publicaciones sueltas en una serie que la gente reconozca.
Por qué funciona el diseño editorial en las redes sociales
La mayoría de las publicaciones compiten en color y en volumen. Las publicaciones editoriales compiten en estructura. Un antetítulo, un titular y una entradilla corta dicen al lector el tema, la idea y el motivo para que le importe, por ese orden. Es el mismo orden en que lee un ojo que hace scroll, y por eso las composiciones editoriales se sienten fáciles incluso cuando llevan muchas palabras.
También se ven cuidadas. Los márgenes constantes, una posición repetida para cada elemento y una tipografía contenida se leen como esmero, y el esmero se lee como confianza. Si eres nuevo en jerarquizar elementos por importancia, empieza por la jerarquía visual.
La pila editorial básica en una publicación de Instagram: antetítulo, titular, entradilla. Tres tamaños, una familia tipográfica, sin cajas.
Recursos de revista y cómo usarlos en las publicaciones
Cada recurso de abajo tiene un trabajo en la prensa impresa y el mismo trabajo en un feed. Usa dos o tres por publicación, no todos.
| Recurso | Su trabajo | Cómo usarlo en redes |
|---|---|---|
| Antetítulo | Nombra la sección o el tema | Versalitas pequeñas sobre el titular, en la misma posición en cada publicación |
| Titular | Expone la idea | De seis a diez palabras, la tipografía más grande de la página |
| Entradilla | Da el motivo para leer | Una frase bajo el titular, de más o menos un tercio de su tamaño |
| Cita destacada | Saca una línea llamativa | Una sola frase, en grande, con la fuente pequeña debajo |
| Cifra grande | Hace memorable un dato | Una cifra enorme, una línea que la explica |
| Columnas | Hacen legible el texto largo | Dos columnas estrechas en una diapositiva o una publicación apaisada |
| Folio y número de edición | Sitúa la página en una serie | Texto pequeño en una esquina: N.º 12, página 3 de 8 |
| Filete | Separa sin cajas | Una línea fina entre el antetítulo y el titular, o sobre un pie de imagen |
Citas destacadas
Una cita destacada es la publicación editorial más sencilla: una frase, en grande, con una pequeña atribución. Funciona porque una cita se siente como un fragmento de algo más largo. Cita solo a personas reales y palabras reales, mantenla por debajo de unas veinte palabras y compónla en un solo tamaño. Diseño de publicaciones con citas cubre la composición en detalle.
Cifras grandes
Las revistas suelen abrir un reportaje con una cifra grande. En una publicación, el número es el titular y una sola línea debajo dice lo que significa. Usa números reales que puedas respaldar: una fecha, un recuento, un número de edición o un dato sobre tu propio trabajo.
Una cita destacada: una línea, un tamaño, la fuente pequeña debajo.
Una cifra grande: el número es el titular, una línea lo explica.
Una escala tipográfica para publicaciones editoriales
Las composiciones editoriales parecen caras porque usan pocos tamaños con saltos seguros entre ellos. Aquí tienes una escala de partida para una publicación de 1080×1350. Combina una serifa para los titulares con una sans-serif para el texto pequeño, o usa una familia en dos pesos; combinar fuentes y serif frente a sans serif te ayudan a elegir.
| Papel | Tamaño en 1080×1350 | Estilo |
|---|---|---|
| Antetítulo | 24 a 28 px | Sans-serif, mayúsculas, con un ligero espaciado |
| Titular | 88 a 120 px | Serifa o sans en negrita, interlineado apretado |
| Entradilla | 32 a 40 px | Peso normal, interlineado cómodo |
| Cuerpo en carruseles | 30 a 34 px | Líneas cortas, de unos 35 a 45 caracteres |
| Folio o pie de imagen | 20 a 24 px | Sans-serif, color apagado |
Mantén los márgenes amplios, de al menos 64 a 80 px en una publicación de 1080 px, y coloca el antetítulo, el titular y el folio en el mismo sitio cada vez. La repetición es lo que convierte una composición en un estilo propio.
Diseñar carruseles como páginas dobles de revista
Un carrusel es lo más parecido a una revista que tienen las redes sociales. Trátalo como un reportaje corto: una portada que vende la historia, una página de índice, un puñado de páginas de contenido y una página final que dice al lector qué hacer después. Diseño de carruseles de Instagram cubre la mecánica del orden de las diapositivas y las señales para deslizar.
Página 1, la portada: la promesa, el número de edición y la duración.
Página 2, el índice: una lista corta dice al lector la forma de lo que viene.
- 1
Portada
Antetítulo con el número de edición, un titular que hace una promesa y la duración, como ocho páginas.
- 2
Índice
De tres a cinco elementos cortos. Los lectores deslizan más lejos cuando saben hasta dónde van.
- 3
Páginas de contenido
Una idea por página, la misma cuadrícula en cada una, con un folio como 3 de 8 en una esquina.
- 4
Página destacada
A mitad, una cita destacada o una cifra grande rompe el ritmo y da una página que merece compartirse sola.
- 5
Página final
Una línea para recordar y una cosa que hacer después, como guardar, seguir o leer la pieza completa.
Convertir publicaciones sueltas en una serie editorial
Las revistas son reconocibles porque cada número comparte una cabecera, una cuadrícula y un sistema de color. Haz lo mismo con tus publicaciones. Da a tu contenido recurrente un nombre y un número, mantén el antetítulo y el folio en posiciones fijas y usa una misma familia de fondos en toda la serie para que las publicaciones se lean como un conjunto en tu cuadrícula y en el feed.
Publicación de Instagram 4:5
1080 × 1350
Story 9:16
1080 × 1920
Publicación de LinkedIn 1:1
1200 × 1200
Cabecera de Substack
1456 × 816
Parece una revista
- Un solo sistema tipográfico usado siempre
- Márgenes amplios y constantes
- Un antetítulo y un folio en sitios fijos
- Dos o tres recursos por publicación
- Una familia de fondos por serie
Parece un folleto
- Una fuente nueva en cada publicación
- Palabras empujadas a los bordes
- Etiquetas que cambian de sitio
- Todos los recursos en una sola página
- Un fondo distinto cada vez
Un fondo de degradado suave encaja con las composiciones editoriales porque aporta profundidad sin el ruido visual de una foto. En Gradiently, un Mark lleva ese fondo por todas las páginas de una serie, y copiar a tamaños compone de nuevo la misma edición como una story, una publicación de LinkedIn o una cabecera de boletín. Para una cuadrícula más estricta por debajo, lee diseño suizo.
Preguntas frecuentes
¿Qué es el diseño editorial?
El diseño editorial es la maquetación de palabras e imágenes para la lectura, como en revistas, periódicos y libros. Se apoya en una estructura clara de antetítulo, titular, entradilla, cuerpo y pies de imagen sobre una cuadrícula constante.
¿Cómo hago que las publicaciones de Instagram parezcan una revista?
Usa un pequeño antetítulo sobre un titular grande, añade una entradilla de una frase, mantén márgenes amplios y un solo sistema tipográfico, y pon un número de edición o folio en la misma esquina de cada publicación.
¿Qué fuentes funcionan para publicaciones sociales editoriales?
Una serifa para los titulares combinada con una sans-serif limpia para antetítulos y pies de imagen es la combinación editorial clásica. Una familia en dos pesos también funciona y es más fácil de mantener coherente.
¿Qué es un antetítulo en diseño?
Un antetítulo es la breve línea de texto pequeño sobre un titular que nombra la sección o el tema, como El journal o Edición 04. Dice al lector qué tipo de contenido viene a continuación.
¿Cuántas diapositivas debe tener un carrusel editorial?
Las suficientes para tener una idea por página, con una portada, una página de índice y una página final. Una lista corta de contenidos dice a los lectores cuántas páginas esperar, lo que les ayuda a deslizar hasta el final.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
