DIRECTRICES PARA DISEÑO Y MAQUETACIÓN DE ARTÍCULOS
Tomar como referencia la revista facilitada para entender el nivel visual esperado y observar especialmente cómo se han trabajado gráficos, tablas, infografías, ilustraciones y destacados.
El objetivo es que el diseño no sea únicamente decorativo: cada recurso gráfico debe ayudar a explicar el contenido, ordenar la información y facilitar su comprensión.
1. INFOGRAFÍA OBLIGATORIA
Cada artículo debe incluir, como mínimo, una infografía.
El diseñador deberá identificar, a partir de las indicaciones del editor, qué información puede trasladarse a un formato visual. Por ejemplo:
- Procesos o mecanismos → esquemas visuales.
- Datos y porcentajes → infografías o gráficos.
- Comparaciones → tablas visuales.
- Relaciones causa-efecto → diagramas.
- Etapas o protocolos → líneas de proceso o secuencias.
- Datos técnicos complejos → recursos gráficos que simplifiquen su interpretación.
Siempre que una gráfica, tabla o conjunto de datos pueda convertirse en una infografía más clara y atractiva, priorizar esta opción.
2. GRÁFICOS Y TABLAS
No insertar los gráficos tal y como llegan sin revisar previamente su presentación.
Todos los gráficos deben estar correctamente diseñados y nomenclaturados, incluyendo cuando corresponda:
Título · Ejes X/Y · Nombre de las variables · Unidades · Leyenda · Fuente · Valores o referencias necesarias para su interpretación.
El diseño debe mantener la línea gráfica del artículo y de la revista, evitando gráficos con estilos, tipografías o colores que rompan la coherencia visual.
Las tablas también deben maquetarse y adaptarse visualmente; evitar, siempre que sea posible, incorporar capturas o tablas con aspecto de Excel.
3. ILUSTRACIONES
Las ilustraciones deben estar directamente relacionadas con aquello que explica el texto.
Evitar utilizar animales únicamente como elemento decorativo. Si el artículo habla, por ejemplo, de digestibilidad, bioseguridad, calidad del agua, ventilación o metabolismo, la ilustración debe intentar representar visualmente ese concepto.
Priorizar ilustraciones que expliquen:
procesos · mecanismos · anatomía · instalaciones · equipos · flujos · relaciones causa-efecto · ingredientes · microorganismos · estructuras · protocolos · conceptos técnicos.
Una buena ilustración debe permitir que el lector comprenda parte del concepto incluso antes de leer el texto completo.
4. JERARQUÍA DEL TEXTO
Respetar las negritas marcadas por el editor, ya que identifican conceptos y mensajes clave.
Utilizar correctamente títulos, subtítulos, destacados, recuadros, cifras y llamadas visuales para romper grandes bloques de texto y facilitar una lectura más dinámica.
Evitar páginas excesivamente cargadas de texto cuando exista información que pueda trasladarse a un elemento gráfico.
Plantilla Indesign
Usa esta plantilla para las fuentes, y ejemplos de gráficos
Descarga plantilla indesignReferencias visuales y criterio gráfico
Tomar como inspiración la galería de referencias facilitada, especialmente para definir el tratamiento de tablas, gráficos e infografías.
No se busca copiar literalmente estas piezas, sino trasladar su lenguaje visual a la identidad de la revista: composiciones más actuales, mejor jerarquía de la información, mayor limpieza y recursos gráficos que ayuden a interpretar los datos.
En tablas y gráficos, prestar especial atención a la organización de los datos, jerarquía de cifras, contraste, uso del color, nomenclatura de ejes, unidades, leyendas y fuentes.
Siempre que sea posible, evolucionar las tablas tradicionales hacia soluciones más visuales sin comprometer la lectura ni el rigor científico.
En las infografías, evitar una estética excesivamente basada en iconos o cajas independientes. Buscar composiciones más editoriales en las que ilustración, dato y texto formen parte de un mismo sistema visual.
Galeria
Sistema tipográfico obligatorio
La tipografía no queda a libre elección y deberá mantenerse de forma consistente en todos los artículos.
- Texto general del artículo: Gotham
- Títulos y subtítulos: Gotham
- Destacados generales: Gotham
- Estudios / menciones de estudios científicos: Myriad Pro Condensed
- Texto dentro de infografías: Myriad Pro Condensed
- Autor: Myriad Pro Condensed Bold Italic
- Referencias bibliográficas / fuentes: Myriad Pro Condensed
- Tablas y gráficos: Myriad Pro Condensed para información técnica, cifras, ejes, leyendas y anotaciones.
La idea es generar un contraste reconocible entre ambos universos: Gotham construye la identidad editorial principal, mientras que Myriad Pro Condensed identifica la capa técnica, científica y de datos.
Especialmente en gráficos e infografías, Myriad Pro Condensed debe utilizarse con una jerarquía clara mediante Regular / Semibold / Bold, evitando introducir terceras familias tipográficas.
CHECK LIST
- He indicado el tomo / edición al que pertenece el artículo.
- He indicado la sección correspondiente.
- He definido el color o línea gráfica que debe seguir el artículo.
- He comprobado que el título y subtítulo están correctamente jerarquizados.
- El autor está correctamente identificado y en el estilo correcto.
- He colocado las negritas estratégicamente sobre los conceptos clave (lo deberia indicar el editor pero sino que lo haga el diseñador).
- Fuente correcta (Myriad pro condensed italic )para las referencias bibliográficas.
Infografías
- El artículo incluye como mínimo una infografía.
- La infografía aporta información y no funciona únicamente como elemento decorativo.
- Se han evitado composiciones genéricas basadas únicamente en iconos y cajas.
- Ilustración, datos y texto forman parte de una misma composición visual.
- El texto de las infografías utiliza Myriad Pro Condensed.
Gráficos
- Todos los gráficos tienen un título claro.
- Los ejes están correctamente nomenclaturados.
- Se indican las unidades de medida.
- Las leyendas son claras y necesarias.
- Se incluye la fuente o referencia de los datos cuando corresponde.
- He revisado si el gráfico original puede rediseñarse para mejorar su comprensión y estética.
- La información técnica, cifras, ejes, leyendas y anotaciones utilizan Myriad Pro Condensed.
Tablas
- Las tablas han sido rediseñadas y adaptadas a la revista.
- Se han evitado capturas de Excel o tablas con apariencia de documento de trabajo.
- Existe una jerarquía visual clara entre títulos, variables y datos.
- He valorado si la tabla puede transformarse en una visualización más comprensible.
- La tipografía técnica utilizada es Myriad Pro Condensed.
Ilustraciones e imágenes
- Las imágenes están directamente relacionadas con el contenido.
- Se han evitado imágenes de animales utilizadas únicamente como decoración.
- Siempre que sea posible, las ilustraciones explican procesos, mecanismos, anatomía, instalaciones, equipos o relaciones causa-efecto.
- Se han priorizado recursos visuales que ayuden al lector a comprender el contenido.
Tipografía
- Texto general: Gotham.
- Títulos y subtítulos: Gotham.
- Destacados generales: Gotham.
- Estudios científicos: Myriad Pro Condensed.
- Infografías: Myriad Pro Condensed.
- Autor: Myriad Pro Condensed Bold Italic.
- Referencias y fuentes: Myriad Pro Condensed.
- No se han introducido otras familias tipográficas sin justificación.
Revisión final de diseño
- La página tiene suficiente espacio y respiración visual.
- No se han añadido elementos únicamente para rellenar espacios.
- Los recursos gráficos mantienen una estética coherente a lo largo del artículo.
- El color se utiliza con intención y no de forma decorativa.
- Las cifras y conclusiones importantes pueden localizarse rápidamente.
- El diseño facilita la lectura del artículo.
- El diseño ayuda a comprender mejor el contenido técnico.
Control final: si un recurso gráfico no ayuda a comprender, jerarquizar o interpretar la información, revisar si realmente es necesario.