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 Auto evaluacin y aplicacin de El constante avance que logra la tecnologa en el campo de lo aprendido... la informtica y la educacin, nos sigue proponiendo como reto en este siglo, a ser ms competitivos con la calidad y la eficacia 1. Busque y analice una pgina de revista, que contenga varios ele- que poseen los impresos didcticos del mercado. Muchos de mentos de diagramacin y diseo y exponga, en base a lo estudia- estos textos contienen en su mayora, conceptos esteriotipados y do, su criterio sobre: pblico meta, punto de inters, tipo de diagra- muy distantes de nuestra idiosincracia y cultura. macin y formato. Este manual tiene como objetivo, motivarle a disear sus 2. De los siguientes usuarios, escoja uno y disee una pgina tamao propios impresos de una forma gil, sencilla y atractiva, con el carta, formato afiche a todo color, con alguna temtica que podra llamar la atencin a ese usuario. Use titular, subtitular, textos e fin de que participe y aporte sus conocimientos al mejoramiento imgenes complementarias. Usuarios: un pulpero, una doctora en de la educacin nacional. medicina, un maestro, una escolar, una administradora, un campe- Estamos seguros de que con el presente documento como sino. herramienta, aunado con su valiosa y amplia experiencia en el 3. Hagan grupos de 4 personas y analicen las siguientes preguntas. campo de la docencia y proyeccin social, lograr llegar ms all Comparta y responda de acuerdo a su criterio y a lo aprendido so- bre diseo y diagramacin: de los objetivos propuestos en beneficio de la niez y la juven- tud costarricense. ! Se necesita disear un documento para directores(as) de insti- tucin. a) De cuntas pginas lo considera pertinente?, Sigamos pues, adelante. 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 El Centro Nacional de Didctica del Mi- ms motivador? nisterio de Educacin Pblica se localiza en San Francisco de Goicoechea, en San Jos. ! Cul considera usted que sera el mejor formato, si tuviera que disear un documento para: Un(a) educador(a), un preescolar, Puede contactarnos a los telfonos: 2235018, un(a) estudiante de secundaria, un padre/madre de familia? 2553525 y 2235058 para sus consultas y co- mentarios. Si tiene acceso a la Internet, puede visitar 4. Intente decirle a los pre- nuestra pgina en: sentes 4 formatos usuales www.cenadi.mep.go.cr de impresos o documentos que conozca, sin consultar este manual.
El Centro Nacional de Didctica pone a la disposicin de 5. Proponga ideas sobre la
todos los docentes del pas este manual en PDF, para su uso mejor aplicacin de este ma- reservado. Queda totalmente prohibido el lucrar por cual- nual, a su trabajo profesional quier medio el contenido del mismo, as como su uso para y cotidiano. otros fines no estipulados como objetivos del MEP. Refira- se a las autoridades sealadas, para usos parciales o totales del manual. Las impresiones quedan por cuenta del interesa- do en pleno conocimiento de todo lo anterior. 10 3 Breve historia de la diagramacin Puede afirmarse que la diagramacin na- ci junto con los diferentes mtodos de reproduc- cin grfica utilizados por el ser humano, desde la poca en que los chinos, hace aproximadamente 1000 aos, obtenan grabados e impriman con xilo- B s i c a m en t e , grafa. qu es la diagra- La xilografa fue la precusora de la im- macin? prenta y consista bsicamente en grabar sobre ma- Consiste en tratar de dera, con herramientas punzocortantes, dibujos pre- equilibrar elementos viamente elaborados. Posteriormente se aplicaba una a travs de las pgi- capa de pintura sobre la superficie, con la cual a su nas; organizar las vez se imprima el papel a base de presin. masas de texto, las Posteriormente en Europa, escribas y co- ilustraciones, los Psicologa del color pistas elaboraban libros en serie (bsicamente la Bi- espacios en blan- blia) de manera manual, sentados alrededor de un co, los ttulos y las El color siempre ha estado ligado a los estados emocionales del ser lector que dictaba los textos. Luego se decoraban fotografas, procu- humano. Grandes artstas del renacimiento y el modernismo, descubrieron estos con dibujos a color. rando encontrar la atributos y el poder de captacin que ejercen sobre las personas. Conociendo un armona de las par- poco de estas facultades cromticas, podremos darle un mejor uso. tes con el todo. Podemos resumirlo esencialmente, en el orden y la direccin que retoma la vista Juventud Crecer Madurez Femeneidad Precaucin cuando apreciamos Vida Juego Adultez Candidez Peligro un documento impre- Esfuerzo Inters Historia Inocencia Atraccin so:
Direccin Amistad Erotismo Sensibilidad Tenacidad Si los elementos
aparecen ante no- Atraccin Calidez Fortaleza tica Impulso sotros como un Biblia de Guttenberg de 42 lineas. verdadero caos grfico, sencilla- All por 1440, Johannes Guttenberg crea mente se obvia la la imprenta con caracteres mviles fundidos. En lectura. 1475 se imprimieron los primeros libros con este Si por el contrario, Espiritual Religin Frescura Altura Excelso proceso. En el siglo XVIII, resurgi la imprenta y la faltan elementos que Elegancia Dolor Lealtad Inteligencia Fantasa diagramacin de impresos comenz a tomar gran unifiquen la armona auge, como arte y ciencia, hasta nuestros das. del impreso, nos Sutilidad Melancola Camino Amplitud Soberbia quedar una vaga El desarrollo tecnolgico de la computa- Orgullo Entrega Salud Masculinidad Objetividad cin ha favorecido la rapidez, la eficiencia, la calidad idea y poco concisa, y el diseo de los ms variados impresos; los que a de lo que deseaba Clase Diferencia Confianza Ilusin Curiosidad su vez, han incrementado la competencia global de comunicar su emi- textos. sor. 4 9 Catica dia- gram aci n: La ciencia del color en el diseo elementos al azar, sin gusto. 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 ver- dadero caos visual. Existen patrones muy bsicos que deben tomarse en cuenta, los cuales veremos a continuacin. Limpia diagra- macin: ele- COLORES POR FAMILIA: Es la forma ms m entos en simple y econmica (B/N) de disear. Es jugar buen orden con las degradaciones de un mismo tono. Dan visual. seriedad, formalidad y elegancia al documento.
Elementos de la diagramacin COLORES POR ANALOGA: Son tonos secundarios deri-
vados del color primario, ya sea hacia los fros u oscuros o hacia Para comprender mejor el concepto de diagramacin, los calientes o claros. Dan continuidad y familiaridad al docu- Cabeza de deben definir 3 elementos indispensables: mento, pero se recomienda no abusar de ms de 4 tonos anlo- EL FORMATO: Es el tamao o rea de la hoja de Lomo gos, para no distraer el objetivo buscado. papel, donde va a ser impreso nuestro diseo. Existen muchos formatos de acuerdo a la necesidad del usua- COLORES COMPLEMENTARIOS: Representan el tono rio como libros, revistas, peridicos, manuales, afi- Corte contrario segn la teora del color. Requieren de ms cuidado en ches, broshures, etc. Por lo general, se denominan Pie su uso, pues podra terminar confundiendo su aplicacin y por tambin en pulgadas: por ejemplo 8.5" x 11" si es ende, la informacin. Se utilizan siempre por yuxtaposicin y formato carta. En el formato de un libro, los mrgenes reciben pueden darle mucha vida y elegancia al diseo en general. LOS MRGENES: Son los espacios circundantes diferente nombre, segn que se respetan entre la caja y el borde de la hoja de sus lados. papel. Pueden variarse de acuerdo al diseo, pero siempre respetando la continuidad del impreso. Tc- nicamente estos espacios reciben el nombre de: Ca- beza, Lomo, Corte y Pie. ES IMPORTANTE LA CAJA: Es el espacio real y limitante, donde se SABER QUE... diagrama y se acomodan los elementos de la pgina. Existen en el mercado En Microsoft Publisher, aparece la caja del docu- programas de softwa- mento deliniada por un cuadro azul dentro de la pgi- re para diseo y dia- na. Cabeza gramacin. Los ms destacados son: ! Adobe InDesign La grfica de la derecha, muestra otra for- ! QuarkXPress ma ms personal, de contrastar colores. rea de Lomo diagramacin y Corte ! Publisher Pruebe a buen criterio y sin olvidar a su diseo. usuario, con pedacitos de papel y yuxtapn- ! Word galos para concebir la motivacin visual. Los 2 primeros se Una vez seleccionado(s), utilcelo(s) para usan en la imprenta. dar continuidad al documento. Pie 8 5 Caractersticas de algunas tipografas Sugerencias bsicas de diagramacin Algunos tipos o fonts resultan ser ms legibles que otros; otros ahorran Un principio que se debe tener en cuenta, a la hora de iniciar toda obra es a cun- espacio e interlineado, mientras que otros pueden cansar la vista y por ende, la tas columnas se va a trabajar. Las columnas se disean para facilitar la lectura, en lectura. De forma bsica, la siguiente tabla comparativa, le ilustra algunas caracte- conjucin con el tipo de letra o tipografa que se va a usar. Adems, le pueden dar rsticas que puede tomar en cuenta: 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 FONT Legibilidad Espaciado Tamao Uso didctico visualizar el diseo de su documento: apropiado Ttulo Ttulo Ttulo Arial S Normal 8-10 pts S Negrita S Ms 8-9 pts S Cursiva No Menos 10-12 pts S Narrow No Menos 12 pts No
Century Gothic S Ms 12-14 pts S
Negrita S Ms 12 pts S Cursiva S Normal 14 pts No
Avant Garde S Normal 10-12 pts S
Negrita S Ms 10-12 pts S Cursiva S Normal 12 pts No A la derecha tenemos un ejemplo de Los siete mares Times Roman S Menos 10-12 pts S pginas centrales o doble pgina. Negrita S Ms 10 pts S En este caso, respetamos 2 cms. en Cursiva No Menos 12 pts S el lomo, o sea, 1 cm. de lado para el Americana S Ms 10 pts No pegue central. Slamente la ilustra- Negrita S Ms 9 pts No cin puede eventualmente, romper Cursiva No Ms 10 pts No caja excepto el texto. Verdana S Normal 8-10 pts S Negrita S Ms 10 pts S Cursiva S Normal 10 pts No Ttulo Otra buena estrategia de composi- Berlin Sans S Menos 12 pts S cin en doble pgina, es montar las Negrita No Ms 8 pts No ilustraciones sealando hacia el cen- Cursiva No Menos 12 pts No tro del documento. As se garantiza un enfoque visual en entorno con Comic Sans S Normal 10 pts S los textos y la mantiene ms intere- Negrita No Ms 8 pts No S Ms 9-10 pts No sante como un todo. Cursiva
CentSchbook S Ms 8-10 pts S
Negrita S Ms 8-10 pts No Otras formas ms osadas Cursiva No Normal 10 pts No de diagramacin las pre- El sistema Animales sento a su derecha. Aun- solar que requiere de ms Este texto es poco legible y cansa la vista del lector. experiencia el arriesgarse Este texto distrae demasiado por ser tan extendido. a jugar con los elemen- tos, nunca olvide que El texto humanista o cursivo puede usarse para dignificar frases clebres. todo depende hacia quin dirige el documen- Este texto le hace perder seriedad, pero suaviza la comunicacin. to. 6 7 Las 7 reglas de la diagramacin Uso de las tipografas o fonts La mejor forma de aprender a diagramar, es observando y emu- ORGEN DE LAS TIPOGRAFAS LATINAS lando otros impresos tales como revistas, diarios, plegables, etc. Todas las familias tipogrficas que usamos a diario Pero existen 7 reglas de oro que se deben tomar en cuenta al y que se encuentran en nuestras computadoras, disear sus documentos: nacieron del tipo Romano Clsico. Fueron mejo- radas durante el reinado del emperador Trajano, a Tenga presente el nmero de co- fines del siglo I, y cuyos caracteres son apreciables lumnas a usar, para que planifique la en la columna eregida a su honor en Roma. cantidad de texto. Antes de ese tiempo, los propios romanos, los grie- Una vez ubicados los textos, no olvi- gos, los egipcios, los fenicios, los asirios e incluso el de dejar espacio para los elementos ser humano de la prehistoria usaban signos escritos grficos. Escoga y analice el que se para comunicarse. As pues, el alfabeto mayscula adapte mejor a sus necesi- NO recargue la pgina con textos, occidental se constituye en Roma con Trajano. dades: imgenes y/o blancos. Sea conciso El alfabeto minscula llegara unos 3 siglos des- El Boletn: Peridico peque- para no distraer del tema central. o de hasta 6 pginas. pus con la adicin del tipo uncial o copto, labor desta- Los espacios pequeos en blanco, El Broshure: tamao carta u cada a los primeros monjes que usaron el camo, ayudan a descansar la vista. oficio, doblado en 3 o 4 par- para recopilar e ilustrar los textos bblicos. tes. Cuando diagrame una doble pgina, La Ficha: Media carta en deje un espacio prudente en el centro cartulina y clasificable. CLASIFICACIN Y DIVISIN DE LA de ambas, para evitar que las imge- TIPOGRAFA La Revista: ms que un nes o el texto queden atrapados en el boletn y menor que un libro. Los diferentes modelos, diseos y tamaos de engrape o pegue del lomo. las letras, se clasifican bsicamente en 2 con- El Libro: conjunto mayor de Se recomienda no utilizar ms de 2 o hojas impresas, cosido, engo- ceptos esenciales: 3 familias tipogrficas por docu- mado o engrapado. ! FAMILIA, o agrupacin de varios tipos mento diagramado. Unifquelas por La Gua: libro de indicacio- de letras cuyas caractersticas coinciden o ttulos, subttulos y prrafos. nes. son similares. No todas las fonts son conve- La Historieta: cuento breve Si trabaja en equipo con un ilustra- y/o jocoso, donde el 75% son ! TIPO, que es el modelo o diseo de una nientes para mejorar la comu- dor, indquele siempre en sus borra- nicacin visual. Escgalas a- imgenes. letra determinada. corde a su pblico meta y al dores el espacio y los detalles de la ilustracin que necesita, con tinta El Manual: libro o folleto de Estos a su vez, se dividen en 7 grandes familias contexto del documento a bolsillo, que contiene las elaborar. roja o marcador destacable. nociones esenciales de un que son: Observe cmo algunos tipos arte o ciencia. 1. Romanas se pueden ajustar y relacionar El Afiche: impreso de gran con emociones, mejorando la tamao con informacin tex- 2. Gticas comprensin del contexto: tual o grfica de un evento o actividad de aviso pblico o 3. Latinas Alegra institucional. La Pgina Web: de un for- 4. Egipcias gxt mato alargado verticalmente, 5. Grotescas Miedo en donde se conjugan infor- macin, grficas y enlaces de 6. Inglesas Comida manera interactica y atractiva Forma en que la vista entra y recorre la diagra- macin de un documento. para ser vista en un computa- dor conectado a Internet. JA btxtx Ruido