MINISTERIO DE EDUCACIN PBLICA CENTRO NACIONAL DE DIDCTICA

Unidad de Material Impreso

Costa Rica, Amrica Central

Manual de

de documentos

Concepto, diseo e investigacin: Ivn Cabalceta Romn. Unidad de Material Impreso Correccin de estilo: llllllllldldldldldld Ministerio de Educacin Pblica de Costa Rica Centro Nacional de Didctica, CENADI. 2007

Edicin 2007 en PDF

11

Presentacin
El constante avance que logra la tecnologa en el campo de la informtica y la educacin, nos sigue proponiendo como reto en este siglo, a ser ms competitivos con la calidad y la eficacia que poseen los impresos didcticos del mercado. Muchos de estos textos contienen en su mayora, conceptos esteriotipados y muy distantes de nuestra idiosincracia y cultura. Este manual tiene como objetivo, motivarle a disear sus propios impresos de una forma gil, sencilla y atractiva, con el fin de que participe y aporte sus conocimientos al mejoramiento de la educacin nacional. Estamos seguros de que con el presente documento como herramienta, aunado con su valiosa y amplia experiencia en el campo de la docencia y proyeccin social, lograr llegar ms all de los objetivos propuestos en beneficio de la niez y la juventud costarricense. Sigamos pues, adelante.

Auto evaluacin y aplicacin de lo aprendido...

1. Busque y analice una pgina de revista, que contenga varios elementos de diagramacin y diseo y exponga, en base a lo estudiado, su criterio sobre: pblico meta, punto de inters, tipo de diagramacin y formato. 2. De los siguientes usuarios, escoja uno y disee una pgina tamao carta, formato afiche a todo color, con alguna temtica que podra llamar la atencin a ese usuario. Use titular, subtitular, textos e imgenes complementarias. Usuarios: un pulpero, una doctora en medicina, un maestro, una escolar, una administradora, un campesino. 3. Hagan grupos de 4 personas y analicen las siguientes preguntas. Comparta y responda de acuerdo a su criterio y a lo aprendido sobre diseo y diagramacin: ! Se necesita disear un documento para directores(as) de institucin. a) De cuntas pginas lo considera pertinente?, b) Qu tipografa utilizara?, c) Cuntos colores le pondra? y, d) Qu tipo de imgenes usara? (Fotos, dibujos, grficas). ! Desea innovar el diseo y la diagramacin de una prueba de examen para educandos del segundo ciclo. Cul sera su aportacin y criterio, para que sea ms atractivo, ms claro y ms motivador? ! Cul considera usted que sera el mejor formato, si tuviera que disear un documento para: Un(a) educador(a), un preescolar, un(a) estudiante de secundaria, un padre/madre de familia? 4. Intente decirle a los presentes 4 formatos usuales de impresos o documentos que conozca, sin consultar este manual. 5. Proponga ideas sobre la mejor aplicacin de este manual, a su trabajo profesional y cotidiano.

El Centro Nacional de Didctica del Ministerio de Educacin Pblica se localiza en San Francisco de Goicoechea, en San Jos. Puede contactarnos a los telfonos: 2235018, 2553525 y 2235058 para sus consultas y comentarios. Si tiene acceso a la Internet, puede visitar nuestra pgina en:

www.cenadi.mep.go.cr
El Centro Nacional de Didctica pone a la disposicin de todos los docentes del pas este manual en PDF, para su uso reservado. Queda totalmente prohibido el lucrar por cualquier medio el contenido del mismo, as como su uso para otros fines no estipulados como objetivos del MEP. Refirase a las autoridades sealadas, para usos parciales o totales del manual. Las impresiones quedan por cuenta del interesado en pleno conocimiento de todo lo anterior.

10

Breve historia de la diagramacin

Puede afirmarse que la diagramacin naci junto con los diferentes mtodos de reproduccin grfica utilizados por el ser humano, desde la poca en que los chinos, hace aproximadamente 1000 aos, obtenan grabados e impriman con xilografa. La xilografa fue la precusora de la imprenta y consista bsicamente en grabar sobre madera, con herramientas punzocortantes, dibujos previamente elaborados. Posteriormente se aplicaba una capa de pintura sobre la superficie, con la cual a su vez se imprima el papel a base de presin.

B s i c a m en t e , qu es la diagramacin?
Consiste en tratar de equilibrar elementos a travs de las pginas; organizar las masas de texto, las ilustraciones, los espacios en blanco, los ttulos y las fotografas, procurando encontrar la armona de las partes con el todo. Podemos resumirlo esencialmente, en el orden y la direccin que retoma la vista cuando apreciamos un documento impreso: Si los elementos aparecen ante nosotros como un verdadero caos grfico, sencillamente se obvia la lectura. Si por el contrario, faltan elementos que unifiquen la armona del impreso, nos quedar una vaga idea y poco concisa, de lo que deseaba comunicar su emisor.

Psicologa del color

El color siempre ha estado ligado a los estados emocionales del ser humano. Grandes artstas del renacimiento y el modernismo, descubrieron estos atributos y el poder de captacin que ejercen sobre las personas. Conociendo un poco de estas facultades cromticas, podremos darle un mejor uso.

Posteriormente en Europa, escribas y copistas elaboraban libros en serie (bsicamente la Biblia) de manera manual, sentados alrededor de un lector que dictaba los textos. Luego se decoraban con dibujos a color.

Juventud Vida Esfuerzo Direccin Atraccin

Crecer Juego Inters Amistad Calidez

Madurez Adultez Historia Erotismo Fortaleza

Femeneidad Candidez Inocencia Sensibilidad tica

Precaucin Peligro Atraccin Tenacidad Impulso

Biblia de Guttenberg de 42 lineas.

Espiritual Elegancia Sutilidad Orgullo Clase

Religin Dolor Melancola Entrega Diferencia

Frescura Lealtad Camino Salud Confianza

Altura Inteligencia Amplitud Masculinidad Ilusin

Excelso Fantasa Soberbia Objetividad Curiosidad

All por 1440, Johannes Guttenberg crea la imprenta con caracteres mviles fundidos. En 1475 se imprimieron los primeros libros con este proceso. En el siglo XVIII, resurgi la imprenta y la diagramacin de impresos comenz a tomar gran auge, como arte y ciencia, hasta nuestros das. El desarrollo tecnolgico de la computacin ha favorecido la rapidez, la eficiencia, la calidad y el diseo de los ms variados impresos; los que a su vez, han incrementado la competencia global de textos.

4
Catica diagram aci n: elementos al azar, sin gusto.

La ciencia del color en el diseo

La esttica del color en el diseo, cuando es factible su aplicacin dado a los costos que implica, facilita la atraccin e inters del usuario por el documento. Sin embargo, un mal uso del mismo puede volver nuestro documento en un verdadero caos visual. Existen patrones muy bsicos que deben tomarse en cuenta, los cuales veremos a continuacin. COLORES POR FAMILIA: Es la forma ms simple y econmica (B/N) de disear. Es jugar con las degradaciones de un mismo tono. Dan seriedad, formalidad y elegancia al documento. COLORES POR ANALOGA: Son tonos secundarios derivados del color primario, ya sea hacia los fros u oscuros o hacia los calientes o claros. Dan continuidad y familiaridad al documento, pero se recomienda no abusar de ms de 4 tonos anlogos, para no distraer el objetivo buscado. COLORES COMPLEMENTARIOS: Representan el tono contrario segn la teora del color. Requieren de ms cuidado en su uso, pues podra terminar confundiendo su aplicacin y por ende, la informacin. Se utilizan siempre por yuxtaposicin y pueden darle mucha vida y elegancia al diseo en general.

Limpia diagramacin: elem entos en buen orden visual.

Elementos de la diagramacin
Para comprender mejor el concepto de diagramacin, de deben definir 3 elementos indispensables: EL FORMATO: Es el tamao o rea de la hoja de papel, donde va a ser impreso nuestro diseo. Existen muchos formatos de acuerdo a la necesidad del usuario como libros, revistas, peridicos, manuales, afiches, broshures, etc. Por lo general, se denominan tambin en pulgadas: por ejemplo 8.5" x 11" si es formato carta. LOS MRGENES: Son los espacios circundantes que se respetan entre la caja y el borde de la hoja de papel. Pueden variarse de acuerdo al diseo, pero siempre respetando la continuidad del impreso. Tcnicamente estos espacios reciben el nombre de: Cabeza, Lomo, Corte y Pie. LA CAJA: Es el espacio real y limitante, donde se diagrama y se acomodan los elementos de la pgina. En Microsoft Publisher, aparece la caja del documento deliniada por un cuadro azul dentro de la pgina. Cabeza
Lomo Cabeza

Corte Pie En el formato de un libro, los mrgenes reciben diferente nombre, segn sus lados.

ES IMPORTANTE SABER QUE... Existen en el mercado programas de software para diseo y diagramacin. Los ms destacados son:

! Adobe InDesign
rea de diagramacin y diseo.

! QuarkXPress
Corte

Lomo

! Publisher ! Word
Los 2 primeros se usan en la imprenta.

La grfica de la derecha, muestra otra forma ms personal, de contrastar colores. Pruebe a buen criterio y sin olvidar a su usuario, con pedacitos de papel y yuxtapngalos para concebir la motivacin visual. Una vez seleccionado(s), utilcelo(s) para dar continuidad al documento.

Pie

Caractersticas de algunas tipografas

Algunos tipos o fonts resultan ser ms legibles que otros; otros ahorran espacio e interlineado, mientras que otros pueden cansar la vista y por ende, la lectura. De forma bsica, la siguiente tabla comparativa, le ilustra algunas caractersticas que puede tomar en cuenta:
FONT Arial Negrita Cursiva Narrow
Century Gothic Negrita Cursiva

Sugerencias bsicas de diagramacin

Un principio que se debe tener en cuenta, a la hora de iniciar toda obra es a cuntas columnas se va a trabajar. Las columnas se disean para facilitar la lectura, en conjucin con el tipo de letra o tipografa que se va a usar. Adems, le pueden dar aspecto ms profesional a un documento, si lo comparamos con un texto corrido de Word, por ejemplo. Una vez de acuerdo, planifique borradores para facilitar y visualizar el diseo de su documento:

Legibilidad S S No No S S S S S S S S No S S No S S S S No No S No S S S No

Espaciado Normal Ms Menos Menos Ms Ms Normal Normal Ms Normal Menos Ms Menos Ms Ms Ms Normal Ms Normal Menos Ms Menos Normal Ms Ms Ms Ms Normal

Tamao apropiado 8-10 pts 8-9 pts 10-12 pts 12 pts 12-14 pts 12 pts 14 pts 10-12 pts 10-12 pts 12 pts 10-12 pts 10 pts 12 pts 10 pts 9 pts 10 pts 8-10 pts 10 pts 10 pts 12 pts 8 pts 12 pts 10 pts 8 pts 9-10 pts 8-10 pts 8-10 pts 10 pts

Uso didctico S S S No S S No S S No S S S No No No S S No S No No S No No S No No

Ttulo

Ttulo

Ttulo

Avant Garde Negrita Cursiva Times Roman Negrita Cursiva Americana Negrita Cursiva Verdana Negrita Cursiva Berlin Sans Negrita

A la derecha tenemos un ejemplo de pginas centrales o doble pgina. En este caso, respetamos 2 cms. en el lomo, o sea, 1 cm. de lado para el pegue central. Slamente la ilustracin puede eventualmente, romper caja excepto el texto.

Los siete

mares

Ttulo

Cursiva

Comic Sans Negrita

Cursiva

Otra buena estrategia de composicin en doble pgina, es montar las ilustraciones sealando hacia el centro del documento. As se garantiza un enfoque visual en entorno con los textos y la mantiene ms interesante como un todo.

CentSchbook Negrita Cursiva

Este texto es poco legible y cansa la vista del lector.

Este texto distrae demasiado por ser tan extendido. El texto humanista o cursivo puede usarse para dignificar frases clebres. Este texto le hace perder seriedad, pero suaviza la comunicacin.

Otras formas ms osadas de diagramacin las presento a su derecha. Aunque requiere de ms experiencia el arriesgarse a jugar con los elementos, nunca olvide que todo depende hacia quin dirige el documento.

El sistema solar

Animales

Las 7 reglas de la diagramacin

La mejor forma de aprender a diagramar, es observando y emulando otros impresos tales como revistas, diarios, plegables, etc. Pero existen 7 reglas de oro que se deben tomar en cuenta al disear sus documentos: Tenga presente el nmero de columnas a usar, para que planifique la cantidad de texto. Una vez ubicados los textos, no olvide dejar espacio para los elementos grficos. NO recargue la pgina con textos, imgenes y/o blancos. Sea conciso para no distraer del tema central. Los espacios pequeos en blanco, ayudan a descansar la vista. Cuando diagrame una doble pgina, deje un espacio prudente en el centro de ambas, para evitar que las imgenes o el texto queden atrapados en el engrape o pegue del lomo. Se recomienda no utilizar ms de 2 o 3 familias tipogrficas por documento diagramado. Unifquelas por ttulos, subttulos y prrafos. Si trabaja en equipo con un ilustrador, indquele siempre en sus borradores el espacio y los detalles de la ilustracin que necesita, con tinta roja o marcador destacable.

Uso de las tipografas o fonts

ORGEN DE LAS TIPOGRAFAS LATINAS Todas las familias tipogrficas que usamos a diario y que se encuentran en nuestras computadoras, nacieron del tipo Romano Clsico. Fueron mejoradas durante el reinado del emperador Trajano, a fines del siglo I, y cuyos caracteres son apreciables en la columna eregida a su honor en Roma. Antes de ese tiempo, los propios romanos, los griegos, los egipcios, los fenicios, los asirios e incluso el ser humano de la prehistoria usaban signos escritos para comunicarse. As pues, el alfabeto mayscula occidental se constituye en Roma con Trajano. El alfabeto minscula llegara unos 3 siglos despus con la adicin del tipo uncial o copto, labor destacada a los primeros monjes que usaron el camo, para recopilar e ilustrar los textos bblicos. CLASIFICACIN Y DIVISIN DE LA TIPOGRAFA Los diferentes modelos, diseos y tamaos de las letras, se clasifican bsicamente en 2 conceptos esenciales: ! FAMILIA, o agrupacin de varios tipos de letras cuyas caractersticas coinciden o son similares. ! TIPO, que es el modelo o diseo de una letra determinada. Estos a su vez, se dividen en 7 grandes familias que son:

Escoga y analice el que se adapte mejor a sus necesidades: El Boletn: Peridico pequeo de hasta 6 pginas. El Broshure: tamao carta u oficio, doblado en 3 o 4 partes. La Ficha: Media carta en cartulina y clasificable. La Revista: ms que un boletn y menor que un libro. El Libro: conjunto mayor de hojas impresas, cosido, engomado o engrapado. La Gua: libro de indicaciones. La Historieta: cuento breve y/o jocoso, donde el 75% son imgenes. El Manual: libro o folleto de bolsillo, que contiene las nociones esenciales de un arte o ciencia. El Afiche: impreso de gran tamao con informacin textual o grfica de un evento o actividad de aviso pblico o institucional. La Pgina Web: de un formato alargado verticalmente, en donde se conjugan informacin, grficas y enlaces de manera interactica y atractiva para ser vista en un computador conectado a Internet.

No todas las fonts son convenientes para mejorar la comunicacin visual. Escgalas acorde a su pblico meta y al contexto del documento a elaborar. Observe cmo algunos tipos se pueden ajustar y relacionar con emociones, mejorando la comprensin del contexto:

1. Romanas 2. Gticas 3. Latinas

4. Egipcias 5. Grotescas

Alegra

gxt

Miedo
Comida

6. Inglesas

Forma en que la vista entra y recorre la diagramacin de un documento.

JA btxtx

Ruido