introducción a la maquetación juank asinsten y martín...
TRANSCRIPT
El texto como formaIntroducción a la maquetación
Juank Asinsten y Martín Bolaños
Versión 01.03 / junio 2014
Pág. 2Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Contenido
Introducción ................................................................................................4
El espacio-formato .......................................................................................6
Márgenes y columnas ..................................................................................8Algunas consideraciones sobe los márgenes y sus funciones particulares ..................... 9Páginas enfrentadas ....................................................................................................... 9Columnas ..................................................................................................................... 10La determinación de la longitud de la línea .................................................................. 10Nuestra composición ................................................................................................... 11Márgenes en los programas ......................................................................................... 12El armado de las columnas .......................................................................................... 14El oficio de diseñador .................................................................................................. 16
Tipografía El formato de textos ..................................................................................17
Hagamos buena letra ................................................................................................... 17Letras lindas, letras feas ............................................................................................... 18Las letras por su nombre ............................................................................................. 19Para no marearnos ....................................................................................................... 20Cuestión de tamaño .................................................................................................... 20Escala de tamaños para una misma tipografía .............................................................. 21¿Qué tamaños utilizar? ................................................................................................. 22Morfología de las fuentes ............................................................................................. 22Letras gordas, letras flacas ........................................................................................... 23Estilos........................................................................................................................... 24Uso de negritas e itálicas ............................................................................................. 25Legibilidad .................................................................................................................... 26El interlineado .............................................................................................................. 27Consejos para el tipeado de textos ............................................................................. 27
Pág. 3Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Esta obra puede utilizarse libremente en actividades educativas, siempre que se cumplan las siguientes condiciones:1) Distribuir tal cual está publicada, sin introducir ninguna modificación2) Reconocer la autoría.3) No comercializar ni utilizar en proyectos educativos arancelados.
El párrafo Formato de texto ......................................................................................28
Espaciado entre párrafos ............................................................................................. 28Alineación de párrrafos ................................................................................................ 28Sangrías e indentaciones .............................................................................................. 30Formateo de párrafos en Word y PageMaker ............................................................. 31
Las ilustraciones ........................................................................................32¡Cuidado con la poroporcionalidad! ............................................................................ 34
Organizadores visuales ..............................................................................35Sugerencias: cómo poner orden en la diagramación de la página ............................... 36Errores más comunes al maquetar .............................................................................. 37Correcciones al diseño de la página anterior ............................................................... 38
Vamos a los papeles ...................................................................................39Un ejemplo fácil ........................................................................................................... 40¿Entonces? .................................................................................................................... 41En impresión monocroma (generalmente, en negro) ................................................. 41Nunca tuvimos que hacer nada ................................................................................... 42Las impresoras de chorro de tinta: un problema adicional .......................................... 43Sólo aproximaciones .................................................................................................... 44Soluciones .................................................................................................................... 45La solución casera ........................................................................................................ 45En GIMP ...................................................................................................................... 46Otras formas en GIMP ................................................................................................ 48En Photoshop .............................................................................................................. 51Otro procedimiento en Photoshop ............................................................................. 54
Un pasito más adelante .............................................................................56
Dándole vida al diseño ..............................................................................56“Lo cortés no quita lo valiente...” ................................................................................ 56
Pág. 4Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Maquetar, diagramar, formatear un texto, son expresiones que nombran aproximadamente las mismas cuestiones. Y ellas son las que establecen el formato visual que tiene un material impreso o destinado a la impresión.
Los textos, en el lenguaje escrito, siempre tienen alguna forma. Un de-terminado tipo de letra, un tamaño de la misma, un modo de estar distribuído sobre el papel o soporte. No existe el texto en estado puro, sin formato.
Con la aparición de las computadoras se denominó “texto sin formato” al que tiene un formato básico, con una tipografía predeterminada, siempre del mismo tamaño y sin la aplicación de estilos tipográficos ni de párrafo. Sin embargo, incluso esos textos tienen una forma, aunque sea genérica.
Desde siempre las personas fueron comprobando que existían formas mejores que otras de presentar un texto. No desarrollaremos aquí la historia del libro y de la imprenta, pero no podemos dejar de mencionar esa búsqueda de las mejores formas, estilos, relaciones entre los elementos constitutivos de la obra impresa.
Nosotros no vamos a intentar recorrer ese camino, que constituye una profesión universitaria que requiere varios años de estudio. Somos docentes y no podemos pretender convertirnos en diseñadores gráficos (salvo que sea una segunda vocación). Sin embargo, las tecnologías de la edición de textos en computadora ha puesto en nuestras manos herramientas que no pudieron soñar los pioneros de la diagramación, y lo que sí podemos hacer es utilizarlas con mayor o menor éxito para mejorar la calidad de los materiales de estudio que elaboramos para nuestros alumnos.
Ese es el sentido de este trabajo: ayudar a que los docentes produz-camos materiales didácticos de mayor calidad visual, superando el estilo de los viejos apuntes de clase, escritos a máquina y corregi-dos con tachaduras y pegatinas, en versiones fotocopiadas muchas veces casi ilegibles.
Introducción
Pág. 5Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
La maquetación, diagramación o formateo de textos es una actividad que consiste en distribuir sobre una superficie los elementos que configurarán la publicación, aplicando a cada uno de ellos determinados atributos o carac-terísticas, coherentes con los objetivos del trabajo.
En sucesivos capítulos abordaremos cada uno de los ítems o componen-tes, acotando el enfoque al objetivo limitado que nos propusimos: producir materiales didácticos de mayor calidad.
n El espacio-formato.
Es el espacio sobre el que se distribuyen los elementos (con-tenidos). Tiene un formato determinado, el que se determina según el tipo de publicación, atendiendo a factores como la optimización de los pliegos de papel, etc.
n Márgenes y columnas.
Constituyen el esqueleto básico de la diagramación.
n El formato del texto. Tipografía.
Se configuran los tipos de letras para cada una de las funciones textuales, así como el tamaño, interlineado, estilos, etc.
n El formato del texto. Párrafos
Se configuran los atributos de párrafo para cada una de las funciones textuales.
n Ilustraciones.
Se establece el tamaño y ubicación de las ilustraciones. Tam-bién se decide si van en color o es-cala de grises, y otros parámetros técnicos.
n Organizadores visuales.
Además de los márgenes y co-lumnas, se utilizan otros organiza-dores visuales: blancos (espacios libres), barras, bullets, recuadros, etc.
Todos estos elementos tienen como objetivo facilitar la per-cepción de los contenidos.
En la edición docente los formatos de papel son los pre-cortados para impresoras de escritorio o fotocopiadoras.
Pág. 6Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
El espacio-formato
El espacio-formato es el espacio que contendrá los elementos que diagramaremos (contenidos). La expresión refiere al tamaño final de la página (generalmente de papel) de la publicación.
En la deteminación del espacio-formato en-tran muchas consideraciones. No es lo mismo una revista que un libro. Un folleto desplegable que un manual de instrucciones de un electrodomés-tico. Por un lado tenemos lo que surge de las necesidades del material y por el otro la mejor ecuación económica de rendimiento del pliego de impresión.
Para nosotros el tema se simplifica totalmente, ya que nuestros pliegos de papel son sólo aquellos que son soportados por las impresoras de escritorio y las fotocopiadoras comunes.
En efecto: hablamos de materiales didácticos producidos por docentes, y no de libros, revistas u otros impresos que requieren de trabajo de profesio-nales. Y los materiales didácticos serán, seguramente, impresos en equipos de escritorio y reproducidos, eventualmente, mediante fotocopias de calidad o impresiones offset de bajo costo. Los pliegos de papel se reducen entonces a los tres que utilizan ese tipo de equipos:
n Carta o Letter
21,6 x 27,9 cm
n Oficio o Legal
21,6 x 35,5 cm
n DIN A4
21 x 29,7 cmCada uno de ellos con ventajas y desventajas.
Pág. 7Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Formato elefantiásicoEl tamaño Oficio o Legal, que es de uso obligatorio en algunos trámites
judiciales y se sigue usando para apuntes de clase, es un formato decidida-mente inconveniente para la maquetación de materiales didácticos.
Su tamaño grande hace que sea difícil de transportar, encarpetar y guardar en estantes y bibliotecas. A la vez, el ancho de la página obliga a columnas de texto excesivamente largas, con mayor dificultad de lectura.
Demasiado anchoEl formato carta, aunque de una altura aceptable, comparte con el
oficio un ancho excesivo. En el capítulo sobre textos volveremos sobre las buenas relaciones entre largo de línea del texto y tamaño adecuado de la tipografía.
PreferibleEn nuestra opinión, el formato DIN A4 (IRAM A4 en la Argentina) com-
bina un alto no excesivo con un ancho menor. Es el formato estándar de las impresoras de escritorio en los países del cono sur (ignoramos la situación en el resto del continente). No es lo ideal pero es el mejor de los tres dis-ponibles.
Oficio Carta A4
Si tenemos en cuenta que la mayor parte de las veces los materiales didác-ticos serán entregados en formato PDF, y serán los estudiants los que tendrán a su cargo la impresión y, eventualmente, el encuadernado o encarpetado, se muestra como sumamente inconveniente utilizar formatos menores, que requieran cortar los sobrantes posteriormente a las salidas de las impresoras, con guillotinas.
El utilizar un formato estándar, tal como sale de la impresora o fotocopiadora, facilitará las cosas a los estudiantes.
Pág. 8Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Márgenes y columnas
Los márgens son los espacios en blanco (no ocupados por información alguna) alrededor de la página. Según la posición que ocupan se denominan superior, inferior, izquierdo y derecho.
La función de los márgenes es facilitar la lectura de los contenidos de la página. Si los textos llegaran hasta el borde mismo del papel, la lectura sería muy dificultosa, al mezclarse visualmente el extremo (inicial o final) de cada línea de texto con el entorno de la página.
La zona comprendida entre los márgenes se llama caja, por la tradicion de la vieja composición tipográfica.
CAJA
Márgenes
Pág. 9Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Algunas consideraciones sobre los márgenes y sus funciones particulares
Margen superiorEl margen superior suele contener el cabezal
de la página. Para eso es necesario establecer medidas generosas, que permitan una nítida separación entre la información del cabezal y el texto y componentes de la página.
El cabezal puede incluir logotipos, nombre de la publicación y otra información que con-viene se mantenga en todas las páginas de la publicación. Suelen utilizarse líneas finas que identifican el ancho de la caja.
Margen inferiorEl margen inferior no tiene funciones especiales. En algunos casos se
ubica aquí el foliado.Las notas al pié de página “roban” espacio a la caja.El margen inferior debería medir más de 10 mm en cualquier caso. Y hay
que tener en cuenta, además, que las impresoras de escritorio necesitan una porción de márgenes (superior e inferior) para sujetar el papel y no se puede imprimir nada en esas superficies.
Margen izquierdoEl margen izquierdo debe ser suficiente para asegurar que el anillado
o encuadernado no obstaculice la lectura. Generalmente es mayor que el margen derecho.
Margen derechoSus dimensiones deben ser suficientes para asegurar la lectura fácil del
texto. 12 o 15 mm son las medidas mínimas admisibles, pero no hay que vacilar en utilizar 20 mm o más.
En nuestro diseño utilizamos un margen de 12 mm porque la falsa columna de la derecha ofrece mucho blanco en la mayor parte de las páginas.
Páginas enfrentadas
Hasta ahora, aunque no lo mencionamos, hablamos sólo de páginas impre-sas en una sola cara. Las impresión “frente y dorso” es un proceso engorroso en las impresoras de escritorio y sus resultados no siempre son adecuados.
Es preferible, para materiales distribuidos en formato PDF usar la impre-sión de “frente solo”. Eso hace también más fácil la lactura en pantalla, ya que no es necesario desplazamiento horizontal (¡ incómodo!!).
Pero si la impresión se hará por métodos industriales, la impresión frente y dorso es “obligatoria”. En ese caso los márgenes son espejados: las medidas de los márgenes externos e internos se repite.
Pág. 10Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Columnas
El tema de las columnas en los materiales didácticos es mucho más com-plejo de lo que parece.
Ocurre que la caja, tomada como columna única, determina largos de línea excesivos. Veamos.
Lo que sigue es un texto de la Web “Unos tipos duros”
La determinación de la longitud de la línea
En la composición de texto continuo habrá de prestarse especial atención en lo referente a la longitud de la línea a que la medida de esta no cause fatiga en el lector y que no le presente dificultades para posi-cionarse en el inicio de la siguiente línea.
Hay que tener en cuenta que cuanto mayor sea la longitud de la línea mayor será el trayecto que debe describir el ojo y mayor será, a su vez, la dificultad para encontrar el inicio de la siguiente línea. Pero tampoco hay que llegar el extremo contrario donde una línea demasiado corta demanda un frecuente cambio de dirección en el movimiento de los ojos con el consiguiente cansancio de los mismos.
Tradicionalmente se considera una buena medida de longitud de línea la que está compuesta por una media de 40 a 60 caracteres (incluidos los espacios) o 10 a 12 palabras, pero la consideración final estará de-terminada por los siguientes factores:
El tamaño del tipoObviamente en una composición sólida, esto es sin espacio interli-
neal, es un factor importante en la medida de la línea. Así si el tamaño del tipo se incrementa también se incrementará la longitud de la línea y al contrario si se reduce la longitud disminuirá.
El ojo medio del tipoSi el tipo posee un ojo medio (altura-X) ancho, como Baskerville, su
composición será mejor apreciada en una medida más larga que si fuera un tipo con un ojo medio condensado como Fournier.
El diseño del tipoLos tipos antiguos como Bembo, Garamond o Caslon permiten una
mayor libertad a la hora de establecer la medida de la línea que los tipos modernos como Bodoni o Walbaum. En tipos de este grupo el contras-te extremos entre los trazos gruesos y finos y la finura de sus remates tienden a deslumbrar y cansar al ojo.
El interlineadoAl igual que hemos visto consejos para el espaciado entre las palabras
y para obtener una medida de la línea confortable, también podemos observar ciertas maneras en lo referente al espacio existente entre las líneas de texto o interlineado.
El texto que colocamos en recuadro tiene bastante más que los 60 caracteres. Estamos jugando al límite del ancho conveniente. Utilizamos un interlineado de 20% mayor al cuerpo de la tipografía
Pág. 11Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Nosotros hemos abordado el problema utilizando una grilla de dos co-lumnas: Una principal (la izquierda, más ancha) y una falsa columna donde colocamos información adicional, viñetas y otros elementos (comentarios que reemplazan las notas al pie). Logramos una cantidad de aproximadamente 70 caracteres por línea, lo que nos pone cerca de las medidas aconsejables.
Utillizamos una tipografía de ojo abierto (Humanist) en cuerpo relativa-mente grande (12,5 / 14 puntos).
Nos parece importante que los materiales didácticos escritos no presenten dificultades para la lectura, que se sumen a las de comprensión de los contenidos disciplinares.
Una alternativa es utilizar una composición de dos columnas, pero en-contramos esta solución inconveniente, en el momento de insertar imágenes que requieren referencias. Tampoco es lo más cómo do para la lectura en línea, ya que requiere “volver” al cabezal de la página para retomar la segunda columna.
Nuestra composición
Los que siguen son los valores que hemos ido ajustando en muchos años de producción de materiales didácticos.
El cabezal incluye el foliado.
28 mm
15 mm
12 mm20 mm
40 mm
5 mm
133 mm
Pág. 12Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Márgenes en los programas
Veamos cómo funcionan las especificaciones en algunos programas de edición o maquetación.
En Word 2003A la configuración de la página se accede...1) Archivo2) Configurar página...
La paleta tiene tres pestañas. En la de papel se elige el formato.Observemos que refiere a formatos standard.Incluso las ventanas de la zona central refieren a las bandejas de papel de la impresora conectada a la PC.
1
2
Pág. 13Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
En el programa Scribus1) Al ser un programa
de maquetación prevee diferentes configuraciones.
2) Tamaños normalizados o con dimensiones especiales.
3) Configuración individual de cada uno de los márgenes.
4) Otros detalles del documento.
En la pestaña márgenes...
1) Casillas para configurar los márgenes individualmente.
2) Espacio adicional para encuadernación.
3) Posición del margen de encuadernar.
1 1
2 3
1 2
3
4
Pág. 14Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
En PageMaker
Incluye la determinación del tamaño del papel, la de cada uno de los cuatro márgenes , la cantidad de páginas del documento, si se imprime frente solo o doble cara y si la página se ubica en forma vertical o apaisada.
Observemos que la información de las pantallas es más o menos la misma en todos los casos, variando en pocos detalles. Siempre está presente la se-lección del tamaño del papel y la configuración individual de los márgenes.
El armado de las columnas
En este caso la variedad de procedimientos es mayor. Los procesadores de texto tienen la opción de columnas sólo en los más avanzados (como Word), mientras es un componente básico en todos los programas de ma-quetación.
La pantalla de configuración de columnas en Word 2003
En los programas de maquetación la opción suele aplicarse a las llamadas páginas maestras, que sirven de modelo para un conjunto de páginas de la publicación. Los programas admiten, en general, varias páginas maestras.
Pág. 15Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
En Scribus
En Scribus las columnas son atributos de las cajas de texto.No nos resulta un sistema muy intuitivo ya que presupone dos cajas anidadas.
Se puede construir un sistema de columnas manualmente, en la página maestra. Ver el material Maquetación con Scribus.
Con la caja de texto seleccionada, en el panel de propiedades...
1) Texto2) Columns...3) Cantidad4) Espaciado entre
columnas
1
2
3
4
Pág. 16Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
En PageMaker 7.0El sistema es mucho más intuitivo: el atributo columnas pertenece a la página.Se puede aplicar a la página maestra y las guías de columna se pueden mover muy fácilmente.
En InDesignEn InDesign también las columnas son atributos de las páginas, y sirven
de guías a las cajas de texto. Aunque, si se lo desea, también las cajas de texto pueden tener columnas.
Los sistemas elegidos por los programadores de PageMaker o InDesign son mucho más parecidos al trabajo de maquetación en papel, que se hacía antes de la aparición de estos programas de computación.
El oficio de diseñador
Los programas de maquetación recuperan las formas de trabajo de los diseñadores gráficos y “armadores” de publicaciones. Antes de las computadoras todo le proceso se hacía pegando “a mano” sobre carto-nes cada uno de los elementos de la página: textos, títulos, recuadros para las ilustraciones, etc.
Las tiras de papel con la impresión de títulos y textos se acomodaban sobre el escritorio o tablero de trabajo, para ir colocándolas de a una en su lugar. El escritorio de Page Maker y otros programas de maquetación rinde tributo a ese modo de trabajar y ayudó a la transición.
Pág. 17Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Tipografía El formato de textos
Es una perogrullada, pero lo debemos decir, como punto de partida: el contenido principal de los materiales escritos son... los textos.
Al analizar el formato de los textos podemos distinguir dos aspectos relativamente independientes:
n La tipografía o composición tipográfica
n el formato de los párrafos.Trataremos sobre el primero en este capítuo, y sobre el segundo en el
siguiente.
Hagamos buena letra
Seguramente recordamos la convocatoria docente en los primeros años de la escuela. “Hacer buena letra” era todo un desafío. En ese entonces co-nocíamos sólo dos tipos de letra:
que nos daba mucho trabajo... y
Muchos años después, conocimos la “máquina de escribir” que tenía un solo tipo
LA LETRA DE IMPRENTA
La letra manuscrita
La máquina de escri-bir
Pág. 18Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Mucho más acá aparecieron en nuestra vida las computadoras y de pron-to descubrimos que la paleta de fuentes de cualquier programa nos ofrecía un menú tan variado que nos desconcertaba: ¿tantas tipografias diferentes? ¿para qué?
La profesión que se ocupa de las tipografías, su diseño, su uso, se llama diseño gráfico. En muchos países es una carrera universitaria de varios años de duración. Nosotros somos docentes, pero, de hecho, hacemos dise-ño gráfico permanentemente: cuando escribimos en el pizarrón, cuando armamos nuestros apuntes, cuando usamos un rotafolio o diseñamos una presentación en PowerPoint.
Entonces, conviene que aprendamos algo de ese mundo de las tipografías, para hacer mejor nuestro trabajo. Esa es la intención de este matrial y de este capítulo.
Letras lindas, letras feas
Lo primero que tenemos que aprender, y lo más importante, es que no hay letras lindas ni letras feas sino letras adecuadas o no para cada propósito. Si asimilamos este concepto, nos evitaremos presentar una tesina científica utilizando para la carátula la tipografía infantil...
Comic Sanspor más bonita que nos parezca....
Los ejemplos siguientes nos eximen de mayores fundamentaciones:
En rigor, hay tipografías feas, en el sentido de mal diseñadas. Pero no nos referimos a eso... ¿se entiende?
La V de verdulería parece una B, pero es una V...
Un ejemplo muy clarito de lo adecuado y lo bonito...
El concepto incluye las tipografías tornasoladas o arcoiris, con formas ondulantes, que se pueden obtener en Word: dejémoslas para las invitaciones a fiestas infantiles de hijas o sobrinas....
Pág. 19Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Las letras por su nombre
Las diferentes tipografías se distinguen unas de otras por el nombre. Y es algo conveniente que aprendamos los de las que usamos más a menudo.
¿Porqué existen tantas tipografías, algunas muy parecidas?Algunas tipografías tienen una larga historia detrás. Fueron diseñadas por
maestros, en algunos casos hace siglos. La Garamond, por ejemplo, fue diseñada en el año 1530 por Claude Garamond.
La Times New Roman es más reciente. Fue diseñada en 1931 para el periódico The Times (de Londres). Pero muchas tipografías deben su exis-tencia a temas de royalties (pago de derechos de patentes). Por ejemplo, la Arial fue desarrollada por Microsoft para reemplazar a la Helvética (muy parecida) cuya patente pertenece a Linotype.
La aparición de programas de diseño de tipografía hizo que muchos diseñadores gráficos y estudiantes se lanzaran a crear las propias, en mchos casos deformando o modificando tipografías existentes y rebautizándolas (eso explica las tipografías parecidas o idénticas, con nombres diferentes).
En los últimos años ha crecido la tendencia a la producción de tipografías que imitan las letras manuscritas, las antiguas unciales de los monjes copis-tas, las tipografías de máquina de escribir, o rotas y degradadas. La variedad disponible es inmensa y en muchas Web se pueden bajar cientos o miles de ellas gratuitamente.
Claude Garamond. París 1490-1561 (Wikipedia)
Tipografía Garamond
Pág. 20Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Para no marearnos
Todas esas consideraciones tienen que ver con que tomemos conciencia de que nos movemos en un mar de tipografías y, ante la excesiva abundancia, conviene que definamos estrategias de selección y uso.
Los programas que instalamos en nuestra computadora incluyen muchas ti-pografías. Windows y Word colocan una cantidad que, en términos generales, ofrece una variedad más que suficiente para la mayor parte de nosotros.
Una forma sencilla de conocerlas es escribir un párrafo y copiarlo varias veces, en tamaño grande (mínimo 18 puntos) para después configurarlo con una tipografía diferente cada párrafo. Eso nos dará un muestrario de las tipo-grafías que tenemos instaladas y las forma que tiene cada una. Caro que hay que agregarle, a cada párrafo, el nombre de la tipografía que le adjudicamos. Podemos imprimir ese catálogo y consultarlo cuando necesitemos.
Cuestión de tamaño
Las tipografías de las computadoras son escalables: pueden tomar el tamaño que necesitemos, desde el casi invisible, por pequeño, hasta llenar toda la página con un solo carácter. E imprimirse con igual calidad (la máxima de la impresora) en cada caso.
El tamaño de las tipografías se mide en puntos (puntos tipográficos). No interesa mucho la equivalencia. Es suficiente que tengamos en cuenta las relaciones entre los tamaños y consideremos el valor en puntos como un “nombre”.
El tamaño refiere a la altura total de la tipografía, incluyendo los espacios en blanco arriba y abajo de la línea.
La lista de fuentes en Word 2003. el nombre de la fuete se muestra con un ejemplo de la forma de la misma.
OJO
CU
ER
PO
l
l
l
l
Pág. 21Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Tipografías del mismo tamaño (cuerpo) pueden aparecer muchos más grandes que otras. Eso se debe a que nuestra percepción visual del tamaño considera la altura del ojo (de la x) más que la altura total de la tipografía
Las cuatro tipografías tienen el mismo cuerpo
Las cuatro tipografías tienen el mismo cuerpo
Las cuatro tipografías tienen el
Las cuatro tipografías tienen el mismo
Bernhard Bd
Shelley Volante
Arial
Times New Roman
ax ax ax ax Notemos la diferencia de tamaño del ojo, para el mismo cuerpo (todas en cpo. 80)
Escala de tamaños para una misma tipografía
La escala es bastante real, pero en pantalla es engañosa (depende de la resolución de pantalla el tamaño que vemos.
Pág. 22Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
¿Qué tamaños utilizar?
No hay reglas estrictas para dar respuesta a esta pregunta. Los textos generales, en materiales didácticos, no deberían tener un tamaño menor de 12 puntos, para tipografías de ojo grande, como la Humanist o Arial. Para la Times el tamaño mínimo no debería bajar de 13 puntos.
Lo mejor es hacer pruebas.Los subtítulos conviene que tengan un tamaño por lo menos igual (si la
tipografía tiene más peso) o un 20 / 30 % más, para que se destaquen.
Morfología de las fuentes
Las formas de la tipografía incluyen varios factores. Los revisaremos brevemente para ayudar a nuestro ojos a ver mejor cuando observemos una tipografía.
La ilustración muestra las diferencias entre varias tipografías. Son sutiles pero importantes y definen la personalidad de cada fuente.
Las diferencias tienen que ver con la existencia o no de remates o sérif, los anchos de los bastones horizontales y verticales, la forma del ojo, las proporciones entre elementos ascendentes y descendentes, etc...
Esquema, tomado de la excelente Web “Unos tipos duros”
Pág. 23Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
No nos detendremos en el análisis. Sólo lo mencionamos porque son los elementos a mirar, cuando observamos las diferencis entre tipografías parecidas.
Letras gordas, letras flacas
Un elemento visual importante es el peso visual de cada tipografía. En lenguaje coloquial solemos llamar a algunas “letras gordas” y a otras “flacas”, aunque la idea encierra dos conceptos diferentes:
n el ancho de los caracteres
n el ancho de los bastones (especialmente los verticales)
El gráfico, tomado del libro Tipografía (Antonio e Ivana Tubaro) muestra como juegan ambos factores: ancho del tipo y ancho de los bastones (peso).
De manea que cuando nos refiramos a una tipografía, diferenciemos el ancho (normal, condensada) del peso (normal, heavy, bold, etc.).
Los dos ejemplos, referidos a la Humanist, hablan por sí solos.
Dos tipografías de diseño similar, de trazo liviano, y diferentes anchos de caracteres.
Pág. 24Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Familia de Humanist, mostrando los diferentes pesos.
Estilos
Las tipografías en las computadoras suelen incluir cuatro estilos:
n Normal o Roman
n Bold o Negrita
n Italic
n Bold italic
La opción aparece cuando realmente están presentes versiones con los diseños diferenciados.
Aunque esto no sucede en todos los casos. Las tipografías de fantasía, cursivas, o de diseños muy especiales no suelen tener variantes de estilos.
Los estilos Bold o Negrita son versiones de igual diseño, con bastones más gruesos o pesados.
Los estilos itálica y Bold Itálica tienen otro diseño: no son simplemetne el mismo estilo inclinado.
Pág. 25Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Uso de negritas e itálicas
Las tipografías bold o negritas se utilizan para subrayar (destacar) pa-labras o partes de un texto. Las itálicas también, aunque su uso está más reglamentado o estandarizado.
En cuanto a las negritas o bold digamos que si sirven para resaltar o destacar, no hay que usarlas con exceso, ya que si todo (o mucho) está destacado, nada se destaca.
Párrafo con uso abundante pero no excesivo de negritas
Párrafo con frases en itálicas. Observemos que el efecto de resaltar es más débil
Párrafo con uso excesivo de negritas e itálicas.
El uso de itálicas, como digimos, está más reglamentado o estandarizado por el uso y costumbre que por responder a reglas gramaticales.
Los manuales de estilo de los grandes periódicos suelen detallar el uso adecuado de las itálicas. Enumeramos algunos, sin que constituya una lista completa ni excluyente.
n Para reemplazar frases o párrafos entrecomillados (citas, por ejemplo)
n Para palabras o frases en otros idiomas.
n Para palabras o frases intencionalmente mal escritas.
Pág. 26Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
n Nombrar películas, obras de arte, barcos o vehículos con nombre propio, libros, personas, apodos de personas
n ... y muchos etcéteras más.En este material utilizamos en muchos casos las bold-italic, porque las
itálicas de la tipografía Humanist se distinguen poco.
Legibilidad
La función de todo texto es poder ser leído... ¿Una obviedad?. algunos diseños parecen olvidarlo.
La legibilidad depende de varios factores, algunos de los cuales menciona-mos a continuación. Tengamos en cuenta que para que haya un problema no es necesario que el texto sea totalmente ilegible. Basta con que su lectura resulte incómoda. Los esfuerzos mecánicos por reconocer un texto en el proceso de lectura atentan contra la comprensión del significado de dichos textos.
n Tipografía de fantasía que es poco legible en tamños peque-ños.
Tipografía de fantasía que es poco legible en tamaños pequeños.
n Tipografía de tamaño demasiado pequeño para el largo de línea (o pequeño, pequeño, directamente).
Tipografía de tamaño demasiado pequeño para el largo de línea (o pequeño, pequeño, directamente).
n Tipografía demasiado grande para el largo de línea, en for-mato de párrafo justificado, lo que vuelve irregulares los espacios entre palabras.
T ipograf ía demasiado grande para el largo de l ínea, en formato de párrafo justi f icado, lo que vuelve irregulares l o s e s p a c i o s e n t r e palabras.
n Textos escritos totalmente en mayúsculas en tipografías muy decoradas.
TexTos escriTos ToTalmenTe en mayúsculas en Tipografías muy decoradas.
n Escribir todo el texto en mayúsculas (o párrafos enteros). (Estos “pecados” tipográficos son mucho más comunes de lo que
pudiera creerse, aunque en los ejemplos los hemos exagerado
No va ejemplo
Pág. 27Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
El interlineado
El interlineado es el espaciado ente las líneas de texto. Como el cuerpo, también se mide en puntos.
Lo mencionamos antes: lo habitual y conveniente es utilizar un interli-neado un 20% mayor al cuerpo del a tipografía. Por ejemplo, para cuerpo 12, usar 14 o 14,5. Esos son los valores por defecto de los programas de maquetación.
Mientras más larga la línea, mayor debería ser el interlineado.Los interlienados exagerados no favorecen la lectura. Todo lo contrario.
Consejos para el tipeado de textos
1. Tipee todo en mayúsculas y minúsculas. Los textos compuestos en mayúsculas no solo son menos legibles (mucho menos legibles) sino que además ¡quedan muy feos!
2. Respete las reglas gramaticales y ortográfi-cas de nuestro idioma. Si tiene dudas con-sulte diccionarios y manuales de referencia. Que son parte de las herramientas de quienes escribimos materiales didácticos.
No se confíe en el corrector de Word, que no marcará error en palabras con doble grafía (por ejemplo qué/que, o ha /a).
3. Los signos de puntuación (punto, coma, punto y coma) se escriben pegados a la palabra anterior. Y con un espacio después.
Ejemplo: entonces, lo que corresponde4. Los paréntesis llevan:
Apertura: espacio antes y van pegados a la primera palabra.
Ejemplo: lo que corresponde (según...
Cierre: pegado a la última palabra y con un espacio después.
Ejemplo: lo que corresponde) según...
5. Coloque los signos de apertura de admiración (¡) e inte-rrogación (¿). Es lo que corresponde en nuestro idioma español.
6. No utilice en los materiales didácticos las abreviaturas propias de las jergas twitteras. Escribir como adolescentes ni nos hace más jóvenes ni vuelve interesantes de por sí los contenidos disciplinares.
7. No ensanchar artificialmente los títulos para que ocupen el ancho total de la caja.
EJEMPLO ¡Que feo!
Pág. 28Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
El párrafo Formato de texto
Gramaticalmente, el párrafo es el texto comprendido entre dos puntos aparte. Informáticamente, entre dos “enter”.
Los párrafos tienen varios atributos:
n La alineación. Es el más importante. Admite cuatro variables.
n Las identaciones o sangrías.
n El espaciado entre párrafos.
Espaciado entre párrafos
La composición “clásica” no determinaba entre párrafos más espacio que entre líneas. Esto favorece que la altura de las columnas sea igual.
En la diagramación más moderna es aceptable establecer un espaciado adicional pequeño entre párrafos, para marcar más nítidamente cada uno de ellos. Desde luego sin llegar a la grosería del “doble espacio” típico de la máquina de escribir (y que muchos utilizan en Word).
Los párrafos son porciones de texto de sentido completo, y marcar cada uno nítidamente (ayudados también por la sangría de primera línea) favorece la comprensión lectora.
Alineación de párrrafos
Los párrafos pueden alinearse de cuatro maneras diferentes, como ve-remos en la próxima página.
Comentario conceptualNo es correcto decir “justificado a la derecha” o “justificado
centrado”. El formato justificado es uno y los alineados por derecha, izquierda o centrados, son otros formatos.
Pág. 29Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Párrafo justificadoAmbos márgenes alineados. Es el formato más común en libros y revistas. El que mejor se lee y mejor aspecto presenta.Conviene utilizarlo con corte de palabras, para que no aparezcan espacios irregulares entre palabras.
Párrafo alineado por izquierdaEl borde derecho desflecado.Es bastante legible.Conviene utilizarlo sin corte de palabras.Conviene separar los párrafos con un espaciado generoso entre ellos. Si el estilo es de párrafos cortos, no usar sangría de primera línea.
Párrafo alineado por derechaBorde izquierdo desflecado.Formato poco legible.Se puede utilizar con moderación para copetes, epígrafes y destacados.Se usa siempre sin corte de palabras.
Párrafo centrado
Ambos bordes desflecados.Formato poco legible.Se puede utilizar con moderación para copetes, epígrafes y destacados.Se usa siempre sin corte de palabras.
Pág. 30Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Sangrías e indentaciones
Las sangrías y las indentaciones son separaciones del borde del párrafo con respecto al borde de la caja (márgenes).
Párrafo sin sangría
Párrafo con sangría de primera líneaLa medida clásica es un cuadratín (espacio más o menos cuadrado).Mal colocar un TAB, como hacen muchos en Word.Marca el inicio del párrafo
Párrafo con sangrías derecha e izquierdaPude tener sólo una de ellas. Sirve para destacar el párrafo.
Párrafos con sangría francesaLa primera línea llega hasta el margen y el resto del párrafo está identado.
Se pueden colocar bullets en la primera línea.O números, para hacer listados.Sirve para destacar las enumeraciones.
Pág. 31Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Formateo de párrafos en Word y PageMaker
1
2
3
5
4
En Word 2003
1) Lista desplegable con las cuatro alineaciones
2) Sangrías derecha e izquierda.
3) Sangrías de primera línea o francesa.
4) Medidas de las sangrías de primera línea o francesa.
5) Espacio entre párrafos.
En PageMakerLas sangría francesa se obtiene con los tabuladores.El resto se configura en esta pantalla.
Sólo para mostrar que las pantallas de configuración de párrafos tienen elementos similares. Los que mencionamos.
Botones de alineado
Botones de sangría
Pág. 32Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Las ilustraciones
La mención es necesaria porque las ilustraciones son parte de la maque-tación. No nos referiremos, desde luego, a cuestiones técnicas de la gestión de imágenes sino solamente a algunos criterios sobre la inclusión de imágenes en los materiales didácticos.
1) Siempre que sea posble utilice imágenes significativas, que aporten contenido, ilustren algún aspecto de los con-tenidos, amplíen.
Colocar imágenes como “adorno” debería ser sólo un re-curso extremos, respondiendo a una necesidad de alivianar el aspecto visual.
2) Use siempre imágenes de buena calidad. En Internet abundan las imágenes en formato jpg extremadamente comprimidas, con bordes difusos y poco contraste.
Las imágenes muy pequeñas, al ampliarse pierden calidad. Muestran un pixelado inadecuado.
Se puede observar cómo las distorsiones producidas por el algoritmo de compresión del formato JPG ha eliminado las líneas del grabado de la estampilla.
Pág. 33Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Si tiene imágenes imprescindibles, y las originales son de baja calidad, reconstrúyalas, en la medida de lo posible. O busque imágenes alternativas.
3) Las imágenes tienen “dirección”. Hay que tratar de que miren hacia el interior de la página y no lleven la atención hacia afuera. Los ejemplos del margen son claros.
Las imágenes pueden “espejarse” horizontalmente, pero hay que tener cuidado de que no contengan elementos que evidencien ese espejado o volteado. Como textos, por ejemplo.
4) Cuide la resolución de las imágenes. Sobre todo si trabaja con procesadores de texto. Las imágenes achicadas “a mano” en los procesadores conservan su tamaño (peso informático), aunque ocupen el espacio de una estampilla en la pantalla. Nos referimos al “achicar” imágenes insertadas, modificando su tamaño mediante los puntos de control periféricos.
Los programas de maquetación reducen el tamaño de los archivos incrustados, al exportar en formato PDF, pero algunos lo hacen con más eficacia que otros.
Conviene, entonces, reducir las imágenes al tamaño y resolución realmente necesarios para no incrementar el peso de los archivos finales sin ningún beneficio.
5) Si la publicación está destinada a la impresión, se pueden pasar las imágenes RGB (color) a escala de grises. Reducen su peso informático tres veces (a 1/3) con idéntica calidad al imprimir.
Ambas imágenes imprimirán (en grises / blanco y negro) con idéntica calidad.Pero la imagen en color pesa 444 Kb y la de escala de grises sólo 164 (el 37%)
Mal
Bien
Pág. 34Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
¡Cuidado con la poroporcionalidad!
Es muy común ver imágenes muy deformadas, al ser acomodadas “a mano” en proceso de maquetación.
La fotografía con sus proporciones correctas, y las versiones deformadas en el ancho (en más y en menos) son su-ficientemente claras.
Aunque el ejemplo es muy exagerado, este tipo de errores es mucho más común de lo que se cree. Ocurre al acomodar las imágenes para que ocupen una super-ficie predeterminada, sin cuidar achicar o agrandar guardando la proporcionali-dad.
Cómo hacerlo bienHay que tomar siempre la imagen por alguno de los puntos de control de los vértices, y agrandarla o achicarla manteniendo presionada la tecla May
No usar nunca los puntos de control rojos.
Los puntos no son de color en la realidad y seguramente más pequeños...
MAL
MAL
Pág. 35Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Organizadores visuales
Además de los componentes que contienen información significativa (tex-tos e imágenes), la maquetación comprende una cantidad de otros elementos que podemos llamar organizadores visuales, cuyas funciones son facilitar la lectura, destacar, mantener la estética de la publicación.
n Blancos
Espacios sin contenido, que rodean los textos e imágenes, organizando la lectura de determinada manera. Resaltan, destacan, aislan.
n Recuadros
Aislan una porción de texto para destacar su importancia o, simplemente, separarla del resto.
n Barras / líneas
Organizan los espacios visualmente. Pueden reslatar o des-tacar alguna zona.
n Bullets.
Pequeñas marcas para señalar párrafos de enumeraciones (como esta lista).
n Capitulares.
Letras iniciales al comienzo de capítulo. Ocupan tres o cuatro líneas de texto (de altura).
n Miscelaneas
Viñetas gráficas, llaves, o signos de puntuación grandes que enfatizan algo...
Pág. 36Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Sugerencias: cómo poner orden en la diagramación de la página
Al diagramar una página debemos poner en orden una cantidad de ele-mentos heterogéneos que, sin embargo, forman una unidad de sentido en nuestro discurso didáctico. Todos los elementos (imágenes, títulos, epígrafes, destacados, etc.) están relacionados entre sí. Y lo más importante: expresan el orden lógico que estamos dando a nuestra exposición del tema. Una página desordenada implica un desorden conceptual. Por eso lo principal es poner en orden los elementos de la misma destacando el lugar de importancia que corresponde a cada elemento. Esto se puede lograr de muchas maneras. Sin ir muy lejos, podemos compendiar aquí algunos consejos:
n Respetar los márgenes y los límites de las cajas de textos
n Mantener siempre el mismo espacio entre los párrafos
n Mantener espacios parejos entre los textos y las imágenes (no amontonar ni separar en exceso)
n Jerarquizar los tamaños de letras para los títulos, subtítulos, cuerpo de texto principal, y epígrafes (conviene usar dife-rencias de 1 a 2 puntos entre cada uno).
n Destacar los títulos siempre de la misma manera (siempre en bold, o siempre en italica o siempre en determinado tamaño de letra)
n Acompañar a las imágenes con epígrafes que aclaren su re-lación con el contenido del texto principal.
n No usar columnas de texto demasiado angostas
n No usar alineación “justificada” cuando las columnas de texto tienen menos de 7 palabras.
n No deformar las letras manualmente. Usar siempre los va-lores numéricos expresados en puntos al agrandar o achicar los tipos.
n Usar sólo los recursos necesarios; no adornar ni “decorar” la página
n Buscar la claridad y el orden antes que el impacto visual.Finalmente, recordemos que el diseño gráfico está más cerca de un
sistema de lógica que de una aventura creativa. Ya que todo elemento es significante, nada debe faltar, pero tampoco debe sobrar. Lo que está de más confunde. Y cada elección debe tener un sentido y una función. Al igual que en los sistemas de lógica, al diseñar atendemos a “premisas” de las cuales deducimos “conclusiones”. Una vez establecidas las premisas (tamaño de letras para títulos, subtítulos, y cuerpo de texto, criterio de espaciado entre párrafos, alineación marginado, etc), derivamos sus consecuencias al poner cada elemento en relación a ellas. A continuación, comparamos a modo ejemplo el diseño de dos páginas cuyos elementos fueron tomados de la web y diagramados primero de manera incorrecta y luego de manera correcta. Se pueden comparar los principales errores y posteriores correcciones en la organización de los elementos.
Pág. 37Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Errores más comunes al maquetar
Mostramos algunos de los errores habituales que se comenten al momento de diseñar y al trasladar desde el procesador de textos a los programas de maquetación.
Referencias errores1) No tiene título2) Los márgenes de la hoja
no guardan un criterio denido
3) Restos del formato web del que proceden los textos
4) Textos superpuestos a las imágenes
5) Subtítulos con diferentes tamaños y sin numeración concordante con el índice. Espaciado incorrecto.
6) Márgenes superiores diferentes en ambas páginas
7) Referencias con cuerpo de letra más grande que el texto principal
8) Espacio excesivo entre el texto y la fotografìa
9) Epígrafe que no tiene nada que ver con la imagen y descentrado respecto de los bordes de la misma
10) Espacio en blanco desaprovechado
Pág. 38Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Referencia correcciones1) Se agregó título; nisma
tipografía que el resto pero en un cuerpo más grande.
2) Indice. El subtitulo está resaltado y la sección destacada con una linea horizontal (abajo)
3) Los subtítulos fueron dstacados en bold y numerados en relación al índice .
Se respetaron los espacios entre los párrafos para hacerlos uniformes,
4) La imagen tiene relación con el texto que la acompaña
5) Caja de texto alineada en las dos hojas
6) Lineas horizontales que separan la sección de referencias (iguales a las que separan la sección del índice)
7) Referencias con cuerpo de letra más chico que el texto principal
8) Espacio correcto entre el texto y la fotografía
9) Epígrafe que explica la imagen
10) Espacio en blanco final; se le dio sentido al agregarle la última referencia, que actúa como pie de página, generando un cierre al espacio visual de la hoja
Correcciones al diseño de la página anterior
Ejemplos de modifi-caciones posibles (entre varias igualmente co-rrectas).
Pág. 39Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Vamos a los papeles
Los materiales didácticos en formato digital que elaboramos están destinados a la impresión. O, por lo menos, deben cumplir los requisitos para que, al ser impresos, resulten de buena calidad. Esto se refriere en particular a los materiales que distribuimos en formato PDF, ya que las publicaciones en línea, en páginas Web presentan otros problemas a la hora de imprimirlas.
Para no encontrarnos con sorpresas desagradables al ver salir nuestra producción de una impresora, necesitamos comprender algunas cuestiones y, según el caso, aprender también a resolver los procedimientos técnicos para obtener resultados correctos.
Podemos considerar varias situaciones en relación a la impresión de los materiales didácticos en formato PDF,
n Materiales que pueden ser impresos por el usuario final (es-tudiante) en impresora de escritorio color (de cartucho de tinta).
n Materiales que pueden ser impresos por el usuario final (estu-diante) en impresora de escritorio monocroma (de cartucho de tinta o laser.
n Materiales que imprime el docente y que se destinan a re-producción por fotocopiado.
n Materiales destinados a ser reproducidos mediante la llamada duplicación, fotoduplicación o impresión offset con máster de papel.
n Materiales a ser reproducidos mediante impresión offset profesional.
Pág. 40Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Un ejemplo fácil
Supongamos que preparamos para una clase presencial un material de una página. Lo tipeamos en la computadora, lo imprimimos y como ilustración le pegamos una muy buena fotografía en color.
Enviamos a fotocopiar el material y cuando recibimos las copias obser-vamos que la hermosa fotografía se ha convertido en un manchón negro irreconocible.
¿Qué pasó?Lo que sucedió es algo muy sencillo: las fotocopiadoras utilizan sólo tinta
(toner) negro y el blanco del papel para reproducir cualquier contenido. La fotografía, en brillantes y variados colores es “traducida” de la siguiente ma-nera: los colores más claros quedan como blanco, y los más oscuros, pasan a ser negro.
El resultado seguramente será peor. La fotocopiadora tomará partes del fondo gris claro y manchará con puntos esa zona.
Pág. 41Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
¿Entonces?
Sin embargo los ojos no nos engañan: en diarios y revistas vemos foto-grafías con tonalidades de grises, aunque la tinta sea negra.
Es cierto. Veamos cómo.
En la computadora: grises.Los grises que vemos en una fotografía en en monitor son realmente
grises: píxels más o menos iluminados.
Detalle de grises en la fotografía digital
En impresión monocroma (generalmente, en negro)
Los grises en la impresión con tinta negra se simulan mediante la trans-parencia (espacios entre puntos negros) del papel blanco. El ojo mezcla la proporción de negro de los puntos con la proporción de blanco y vemos grises.
El fragmento de la izquierda, parte de la fotografía de las frutas, pero tramada, muestra cómo vemos los grises. Si miramos desde más lejos el efecto es mejor.
Las fotografías en blanco y negro de periódicos y revistas están tramadas, como ésta.
Pág. 42Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
La cantidad de puntos por pulgada de el tramado de las imágenes se con-figura al producir las planchas para impresión en diarios y revistas.
Ese es el valor que conocemos como dpi (dots per inch = puntos por pulgada) o lpi (lines per inch = líneas por pulgada). Con valores mayores de puntos por pulgada las imágenes muestran más nítidamente los detalles. Pero... hasta cierto punto. Hay problemas en la relación lineatura de las imágenes y lineatrua de las impresoras o fotocopiadoras que limitan el valor máximo de los dpi de las imágenes.
Aunque algunos diferencian lpi de dpi, a nuestro juicio son sinónimos. En todo caso es una polémica para superprofesionales.
25 dpi 50 dpi 100 dpiLos tres fragmentos están muy ampliados para que se vean bien las dife-
rencias en el dibujo que hacen los diferentes tramados.
Nunca tuvimos que hacer nada
Nosotros nunca tuvimos que preocuparnos por eso. Ponemos en nuestros materiales fotos en color o en escala de grises y la impresora laser de escritorio que tenemos las reproduce muy bien, respetando los tonos de grises.
Claro. Las impresoras de escritorio están diseñadas así. Interpretan las imágenes en color o escala de grises y las traman con la lineatura de la im-presora. ¿Entonces no tenemos que preocuparnos?
Si. Tenemos que preocuparnos. Normalmente si llevamos ese mismo impreso a fotocopiar los resultados ya no serán tan buenos. Las tramas de las impresoras laser suelen ser muy cerradas y las fotocopiadoras tenderán a empastar. Ni que hablar si enviamos ese original para impresión offset con master de papel (duplicación o fotoduplicación). Por eso veremos más adelante, en este capítulo, cómo incluir las imágenes tramadas en nuestros materiales didácticos.
Pág. 43Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Las impresoras de chorro de tinta: un problema adicional
Lo que venimos señalando se refiere a impresoras monocromo laser. Aunque las mismas se han popularizado, el parque mayor lo constituyen el de las impresoras de chorro de tinta.
Las impresoras de chorro de tinta están diseñadas y optimizadas para reproducir fotografías o gráficos en color con aceptable calidad, y dibujos lineales y tipografía con calidad considerablemente menor que sus similares de tecnología láser.
El sistema se basa en pequeños puntos (de color o negros), todos del mismo tamaño, más o menos dispersos según la densidad del color que deben representar.
El gráfico ilustra aproximadamente el tema. Hay que tener en cuenta que el impreso original ha pasado por dos filtros de tramas que modifican su textura: el del escaner y el del monitor o impresora mediante el (o la) cual se lo está viendo. Los detalles ampliados muestran aproximadamente la dispersión de los puntos.
La afirmaciones y las pruebas las hicimos hace unos años en una Styles Color de Epson. Como la impresión color evolciona, algunas de las afirmaciones pueden no ser válidas para algunos modelos de impresoras y otras tecnologías (laser color, por ejemplo)
1) Observemos cómo los colores se obtienen por superposición de puntos. Impresos sobre papel especial con la máxima calidad de la impresora.2) El degradé de rojo a amarillo muestra claramente cómo el rojo se empasta en gran parte de la superficie. Esto significa que en el momento de fotocopiarse, la mayor parte de la superficie pasará a negro.3) Obsérvese la densidad de puntos sobre la superficie que corresponde a 50% de cian. Es muy probable que en fotocopiadoras mal calibradas o desgastadas esta superficie vaya casi toda a negro.4) curiosamente, el cuadro de 50% de amarillo contiene puntos rojos, inventados por el driver de la impresora.5) El 50% de magenta contiene puntos cian. Esto tampoco debería ocurrir, ya que la impresora trabaja con tintas cian, amarillo y magenta puros.
1
2
50% Cian 50% magenta50% Amarillo
3 4 5
Pág. 44Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
El resultado, fotocopiado, sería aproximadamente como este ejemplo. En duplicación podría verse peor.
El problema surge porque todos los puntos, a partir de cierta tonalidad, se imprimen como negro. En las zonas de colores compuestos pueden haber hasta cuatro puntos superpuestos (uno por cada color básico de la impresora).
Enviando el archivo a la impresora como monocromo, el resultado es mucho mejor. La fotografía no tiene mucho dibujo, pero sí mejores tonos medios que el ejemplo de más arriba. El degradé se aprecia como tal, y los cuadros de color también.
Eso se debe a que hay sólo puntos negros, en lugar de los puntos super-puestos de color. Sin embargo, la trama de puntos puede ser demasiado cerrada para duplicación, con lo que el problema subsiste.
En las impresoras probadas, la densidad de puntos de aproximadamen-te 100/110 dpi. Este valor es independiente de la resolución nominal de la impresora.
Sólo aproximaciones
Así como no existe una manual único que sirva para cualquier automó-vil, no se puede establecer cómo funcionan las tecnologías de impresión, las que evolucionan y cambian permanentemente.
Los señalamientos de este capítulo son sobre todo una lista para in-vestigar, en cada caso, cuando aparecen problemas en la reproducción de materiales didácticos y queremos resolverlos.
Pág. 45Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Soluciones
De acuerdo a lo que vimos, el problema no surge cuando se imprimen uno o dos ejemplares del material de que se trate. El problema surge cuando, por ejemplo, se diseña un material didáctico destinado a ser fotocopiado o impreso por duplicación.
Es entonces cuando aparece el problema que hemos mos-trado: si se desea recurrir a la multiplicación de los ejemplares del material didáctico mediante fotocopias o duplicación, necesitaremos un original de buena calidad, para que las fotografías y gráficos no se conviertan en manchas oscuras incomprensibles.
Laser postscriptLas impresoras laser postcript permiten configurar la lineatura del impre-
so e incluso otros detalles, como el formato del punto. Quienes se dedican a impresiones masivas suelen tener este tipo de impresoras (impresoras que cuenten con el lenguaje Postcript) ya que el mismo es imprescindible para algunas operaciones comunes en las imprentas.
Si no se cuenta con la información hay que probar: pedir al operador de la impresora que configure la salida con determinada lineatura (60 o 70 dpi). si lo puede hacer, tenemos solucionado el problema.
Recordemos que las fotocopiadoras admiten valores más altos que la duplicación.
La solución casera
Otra solución, que desarrollaremos con amplitud, consiste en tramar previamente las fotografías y gráficos, como se hacía hasta no hace mucho en las artes gráficas. El previamente se refiere a antes de enviar el archivo a imprimir en nuestra impresora de chorro de tinta.
Si se trata de un periódico o material didáctico armado en un programa de maquetación o en Word, los gráficos deberán ser tramados antes de insertarlos en el programa de armado. Si el periódico ya está armado, habrá que tramar los gráficos y fotografías y volverlos a cargar.
El procedimiento de tramado varía según el programa que utilicemos, por lo que veremos varias posibilidades.
Para cada uno de los programas que usamos existen varias posibilidades y las mismas interactúan con las imágenes, su tamaño y resolución, por lo que sólo sirven como indicadores para experimentar hasta obtener los re-sultados deseados.
Pág. 46Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
En GIMP
1Cargamos la imagen a tramar.
2Vamos a pasar la imagen RGB a escala de grises.1) Menú Imagen2) Modo3) Escala de grises
Pág. 47Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
La pantalla del filtro tiene varios parámetros configurables. Después de varias pruebas, para la imagen que usamos, los valores que dieron mejores resultados fueron los que muestra la captura.
Las líneas por pulgada de salida dependerán de si la imagen se usa en el mismo tamaño o si se amplía un poco.
3La pantalla del filtro de Halftone
El resultado de esta configuración.Conviene hacer pruebas de impresión para configurar la lineatura de salida adecuada.
Pág. 48Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Otras formas en GIMP
Al pasar la imagen al modo de 1 bit (Blanco y negro) GIMP ofrece tres configuraciones de tramado. Se pueden usar, pero en este caso convendrá usar una imagen de tamaño menor, de manera de ampliarla al colocarla en la maquetación.
1
2
1) Menú Imagen2) Modo3) Indexado...
En la paleta que aparece...1) Usar paleta en blanco y
negro2) Difuminado Floyd-
Steimberg
El resultado.
Pág. 49Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
3
Usando la opción de difuminado Posicionado.
El resultado. En este caso también conviene partir de una imagen pequeña y ampliarla al insertar.
Pág. 50Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
1
2
3
Las configuraciones originales de la ima-gen.
Reducimos la resolucion de 300 dpi a 120 dpi.
Convertimos laimagen a la paleta blanco y negro (1 bit)
Pág. 51Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Al ampliar un poco la imagen el resultado es mucho mejor.
En Photoshop
El proceso en Photoshop (probamos en la versión CS3) es bastante sen-cillo. Se trata de convertir la imagen a modo Blanco y negro (1 bit). Eso se hace en dos pasos.
1
Pág. 52Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
2
3
4
Por razones que ignoramos los puntos que dibuja son siempre cuadrados.
Pág. 53Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
1Probamos con valores de resolución más altos.
El resultado...
Probamos otro tramado...
El resultado
Pág. 54Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Otro procedimiento en Photoshop
Como señalamos antes, varios caminos conducen a Roma...
1
2
3
Para convertir a grises1) Menú Imagen2) Modo3) Escala de grises...
A la pregunta sobre si descarta colores, le contestamos: Discard
Aumentamos el tamaño1) Dimensiones originales2) Dimensiones duplicadas
1
2
Pág. 55Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
4
5
Aplicar el filtro1) Menú Filtro2) Pixelizar (curiosa palabra
inventada por los traductores)
3) Semitono de color
Enl a pantalla de configuración, el único valor importante es el Radio máximo, que debe ser el mínimo posible (4 a 6)
El resultado: bastante bueno.
Pág. 56Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Un pasito más adelanteDándole vida al diseño
Hasta ahora hemos prestado atención a cómo diagramar la página para que sea legible, armónica y ordenada en función del contenido. Por eso di-mos especial importancia a lo que hace, precisamente, al orden conceptual en el diseño. Detalles (y no tanto) que permiten al lector encarar el acceso al texto de una manera veloz y efectiva mediante los demarcadores visuales que permiten captar de inmediato las jerarquías entre los diferentes niveles de información y la secuencia sugerida para su lectura.
Este orden lo habíamos logrado mediante el tamaño de las letras, el mar-ginado, la regularización de los espacios internos entre textos, imágenes y márgenes, y el uso de separadores y otros indicadores visuales que ayudan a seguir el orden de lectura de los diferentes elementos.
Ahora llegó el momento de dar un paso más, para agregar a lo ya men-cionado, el interés y el impacto visual que ayude a los lectores a “meterse” en la página, algo que cautive la atención y haga de la lectura una verdadera experiencia de aprendizaje.
Para ello nos será de importancia atender a la diferencia entre un diseño estático, como el del ejemplo anterior, donde abundan los bloques de texto similares, las formas cuadrangulares y los ángulos rectos, y un diseño dinámico, donde interviene una mayor irregularidad, formas curvas, y juegos de figura y fondo, como en el ejemplo que sigue y que analizaremos a continuación.
Ver ejemplos de página 37
“Lo cortés no quita lo valiente...”
...decía mi tía Eulogia para significar que, aunque esté bien, puede estar mejor.
Hacer materiales didácticos dignos, prolijos, legibles, está bien. Muy bien. Pero si estamos en condiciones de mejorarlos, mucho mejor.
Pág. 57Martín Bolaños y Juan Carlos Asinsten
Producción de material didáctico escrito.
El texto como forma
Un diseño de página “dinámico”. La lectura sigue siendo clara y ordenada, pero ahora se agregaron formas curvas y circulares, elementos superpuestos, sombreados y transparencias. La página adquiere una vista en profundidad, con elementos que se destacan por la apariencia de mayor proximidad al lector. El color también adquiere protagonismo).
REFERENCIAS1) Título: la letra tiene un
tamaño suficientemente grande como para que no compita en importancia con el resto de los textos de la hoja. El color fue tomado del pelaje del animal del que habla el articulo.
2) Mapa: superpuesto a la imagen central y destacado con una sombra paralela, genera profundidad visual.
3) La imagen central debe ser gr ande, ocupar un espacio privilegiado y mostrar calidad y nitidez.
4) Epgrafe. Superpuesto a la foto. Debe ser legible por lo que el color de la letra contrasta con el fondo. Se agregò un rectangulo semi transparente entre el texto y la foto, para facilitar la lectura.
5) Espacios internos de la hoja son iguales, lo cual organiza la distribución de los contenidos.
6) Letra Capital. Indica quer allì es donde debe empezar a leerse el texto principal
7) El margen izquierdo del texto se amolda a la forma curva de la foto.
REFERENCIAS 21) Foto principal de la
página: grande y clara, ya que es el elemento más importante desde el punto de vista didáctico
2) El Fondo. Se puede dividir la hoja en secciones usando fondos de color como separador visual y conceptual. El color debe estar tomado de la gama general de la pagina y ésta, debe estar tomado de las fotografías o ilustraciones. El tono debe ser suave y sin texturas. La forma debería evitar la repetición del cuadrado o el rectángulo. En este caso, la forma circular de la foto hace que se vuelva también curvo uno de los lados del fondo.
3) El espacio vacío sirve acá de separador entre el contenido y las referencias.
4) La tipografía de las referencias es un punto menor que la del texto, porque su nivel jerárquico es menor.