11 Presentación Auto evaluación y aplicación de El constante avance que logra la tecnología en el campo de lo aprendido... la informática y la educación, nos sigue proponiendo como reto en este siglo, a ser más competitivos con la calidad y la eficacia 1. Busque y analice una página de revista, que contenga varios ele- que poseen los impresos didácticos del mercado. Muchos de mentos de diagramación y diseño y exponga, en base a lo estudia- estos textos contienen en su mayoría, conceptos esteriotipados y do, su criterio sobre: público meta, punto de interés, tipo de diagra- muy distantes de nuestra idiosincracia y cultura. mación y formato. Este manual tiene como objetivo, motivarle a diseñar sus 2. De los siguientes usuarios, escoja uno y diseñe una página tamaño propios impresos de una forma ágil, sencilla y atractiva, con el carta, formato afiche a todo color, con alguna temática que podría llamar la atención a ese usuario. Use titular, subtitular, textos e fin de que participe y aporte sus conocimientos al mejoramiento imágenes complementarias. Usuarios: un pulpero, una doctora en de la educación 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 proyección social, logrará llegar más allá Comparta y responda de acuerdo a su criterio y a lo aprendido so- bre diseño y diagramación: de los objetivos propuestos en beneficio de la niñez y la juven- tud costarricense. ! Se necesita diseñar un documento para directores(as) de insti- tución. a) ¿De cuántas páginas lo considera pertinente?, Sigamos pues, adelante. b) ¿Qué tipografía utilizaría?, c) ¿Cuántos colores le pondría? y, d) ¿Qué tipo de imágenes usaría? (Fotos, dibujos, gráficas). ! Desea innovar el diseño y la diagramación de una prueba de examen para educandos del segundo ciclo. ¿Cuál sería su aportación y criterio, para que sea más atractivo, más claro y El Centro Nacional de Didáctica del Mi- más motivador? nisterio de Educación Pública se localiza en San Francisco de Goicoechea, en San José. ! ¿Cuál considera usted que sería el mejor formato, si tuviera que diseñar un documento para: Un(a) educador(a), un preescolar, Puede contactarnos a los teléfonos: 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 página en: sentes 4 formatos usuales www.cenadi.mep.go.cr de impresos o documentos que conozca, sin consultar este manual.
El Centro Nacional de Didáctica pone a la disposición de 5. Proponga ideas sobre la
todos los docentes del país este manual en PDF, para su uso mejor aplicación 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. Refiéra- se a las autoridades señaladas, 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 diagramación Puede afirmarse que la diagramación na- ció junto con los diferentes métodos de reproduc- ción gráfica utilizados por el ser humano, desde la época en que los chinos, hace aproximadamente 1000 años, obtenían grabados e imprimían con xilo- ¿ B á s i c a m en t e , grafía. qué es la diagra- La xilografía fue la precusora de la im- mación? prenta y consistía básicamente en grabar sobre ma- Consiste en tratar de dera, con herramientas punzocortantes, dibujos pre- equilibrar elementos viamente elaborados. Posteriormente se aplicaba una a través de las pági- capa de pintura sobre la superficie, con la cual a su nas; organizar las vez se imprimía el papel a base de presión. masas de texto, las Posteriormente en Europa, escribas y co- ilustraciones, los Psicología del color pistas elaboraban libros en serie (básicamente la Bi- espacios en blan- blia) de manera manual, sentados alrededor de un co, los títulos y las El color siempre ha estado ligado a los estados emocionales del ser lector que dictaba los textos. Luego se decoraban fotografías, procu- humano. Grandes artístas del renacimiento y el modernismo, descubrieron estos con dibujos a color. rando encontrar la atributos y el poder de captación que ejercen sobre las personas. Conociendo un armonía de las par- poco de estas facultades cromáticas, podremos darle un mejor uso. tes con el todo. Podemos resumirlo esencialmente, en el orden y la dirección que retoma la vista Juventud Crecer Madurez Femeneidad Precaución cuando apreciamos Vida Juego Adultez Candidez Peligro un documento impre- Esfuerzo Interés Historia Inocencia Atracción so:
Dirección Amistad Erotismo Sensibilidad Tenacidad Si los elementos
aparecen ante no- Atracción Calidez Fortaleza Ética Impulso sotros como un Biblia de Guttenberg de 42 lineas. verdadero caos gráfico, sencilla- Allá por 1440, Johannes Guttenberg crea mente se obvia la la imprenta con caracteres móviles fundidos. En lectura. 1475 se imprimieron los primeros libros con este Si por el contrario, Espiritual Religión Frescura Altura Excelso proceso. En el siglo XVIII, resurgió la imprenta y la faltan elementos que Elegancia Dolor Lealtad Inteligencia Fantasía diagramación de impresos comenzó a tomar gran unifiquen la armonía auge, como arte y ciencia, hasta nuestros días. del impreso, nos Sutilidad Melancolía Camino Amplitud Soberbia quedará una vaga El desarrollo tecnológico de la computa- Orgullo Entrega Salud Masculinidad Objetividad ción ha favorecido la rapidez, la eficiencia, la calidad idea y poco concisa, y el diseño de los más variados impresos; los que a de lo que deseaba Clase Diferencia Confianza Ilusión Curiosidad su vez, han incrementado la competencia global de comunicar su emi- textos. sor. 4 9 Caótica dia- gram aci ón: La ciencia del color en el diseño elementos al azar, sin gusto. La estética del color en el diseño, cuando es factible su aplicación dado a los costos que implica, facilita la atracción e interés 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 básicos que deben tomarse en cuenta, los cuales veremos a continuación. Limpia diagra- mación: ele- COLORES POR FAMILIA: Es la forma más m entos en simple y económica (B/N) de diseñar. Es jugar buen orden con las degradaciones de un mismo tono. Dan visual. seriedad, formalidad y elegancia al documento.
Elementos de la diagramación COLORES POR ANALOGÍA: Son tonos secundarios deri-
vados del color primario, ya sea hacia los fríos u oscuros o hacia Para comprender mejor el concepto de diagramación, los calientes o claros. Dan continuidad y familiaridad al docu- Cabeza de deben definir 3 elementos indispensables: mento, pero se recomienda no abusar de más de 4 tonos análo- EL FORMATO: Es el tamaño o área de la hoja de Lomo gos, para no distraer el objetivo buscado. papel, donde va a ser impreso nuestro diseño. Existen muchos formatos de acuerdo a la necesidad del usua- COLORES COMPLEMENTARIOS: Representan el tono rio como libros, revistas, periódicos, manuales, afi- Corte contrario según la teoría del color. Requieren de más cuidado en ches, broshures, etc. Por lo general, se denominan Pie su uso, pues podría terminar confundiendo su aplicación y por también en pulgadas: por ejemplo 8.5" x 11" si es ende, la información. Se utilizan siempre por yuxtaposición y formato carta. En el formato de un libro, los márgenes reciben pueden darle mucha vida y elegancia al diseño en general. LOS MÁRGENES: Son los espacios circundantes diferente nombre, según que se respetan entre la caja y el borde de la hoja de sus lados. papel. Pueden variarse de acuerdo al diseño, pero siempre respetando la continuidad del impreso. Téc- 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 página. Existen en el mercado En Microsoft Publisher, aparece la caja del docu- programas de softwa- mento deliniada por un cuadro azul dentro de la pági- re para diseño y dia- na. Cabeza gramación. Los más destacados son: ! Adobe InDesign La gráfica de la derecha, muestra otra for- ! QuarkXPress ma más personal, de contrastar colores. Área de Lomo diagramación y Corte ! Publisher Pruebe a buen criterio y sin olvidar a su diseño. usuario, con pedacitos de papel y yuxtapón- ! Word galos para concebir la motivación visual. Los 2 primeros se Una vez seleccionado(s), utilícelo(s) para usan en la imprenta. dar continuidad al documento. Pie 8 5 Características de algunas tipografías Sugerencias básicas de diagramación Algunos tipos o fonts resultan ser más legibles que otros; otros ahorran Un principio que se debe tener en cuenta, a la hora de iniciar toda obra es a cuán- espacio e interlineado, mientras que otros pueden cansar la vista y por ende, la tas columnas se va a trabajar. Las columnas se diseñan para facilitar la lectura, en lectura. De forma básica, la siguiente tabla comparativa, le ilustra algunas caracte- conjución con el tipo de letra o tipografía que se va a usar. Además, le pueden dar rísticas que puede tomar en cuenta: aspecto más 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 Tamaño Uso didáctico visualizar el diseño de su documento: apropiado Título Título Título Arial Sí Normal 8-10 pts Sí Negrita Sí Más 8-9 pts Sí Cursiva No Menos 10-12 pts Sí Narrow No Menos 12 pts No
Century Gothic Sí Más 12-14 pts Sí
Negrita Sí Más 12 pts Sí Cursiva Sí Normal 14 pts No
Avant Garde Sí Normal 10-12 pts Sí
Negrita Sí Más 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í páginas centrales o doble página. Negrita Sí Más 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í Más 10 pts No pegue central. Sólamente la ilustra- Negrita Sí Más 9 pts No ción puede eventualmente, romper Cursiva No Más 10 pts No caja excepto el texto. Verdana Sí Normal 8-10 pts Sí Negrita Sí Más 10 pts Sí Cursiva Sí Normal 10 pts No Título Otra buena estrategia de composi- Berlin Sans Sí Menos 12 pts Sí ción en doble página, es montar las Negrita No Más 8 pts No ilustraciones señalando 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 más intere- Negrita No Más 8 pts No Sí Más 9-10 pts No sante como un todo. Cursiva
CentSchbook Sí Más 8-10 pts Sí
Negrita Sí Más 8-10 pts No Otras formas más osadas Cursiva No Normal 10 pts No de diagramación las pre- El sistema Animales sento a su derecha. Aun- solar que requiere de más 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 célebres. todo depende hacia quién dirige el documen- Este texto le hace perder seriedad, pero suaviza la comunicación. to. 6 7 Las 7 reglas de la diagramación Uso de las tipografías o fonts La mejor forma de aprender a diagramar, es observando y emu- ORÍGEN DE LAS TIPOGRAFÍAS LATINAS lando otros impresos tales como revistas, diarios, plegables, etc. Todas las familias tipográficas que usamos a diario Pero existen 7 reglas de oro que se deben tomar en cuenta al y que se encuentran en nuestras computadoras, diseñar sus documentos: nacieron del tipo Romano Clásico. Fueron mejo- radas durante el reinado del emperador Trajano, a Tenga presente el número 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 gráficos. Escoga y analice el que se para comunicarse. Así pues, el alfabeto mayúscula adapte mejor a sus necesi- NO recargue la página con textos, occidental se constituye en Roma con Trajano. dades: imágenes y/o blancos. Sea conciso El alfabeto minúscula llegaría unos 3 siglos des- El Boletín: Periódico peque- para no distraer del tema central. ño de hasta 6 páginas. pués con la adición del tipo uncial o copto, labor desta- Los espacios pequeños en blanco, El Broshure: tamaño carta u cada a los primeros monjes que usaron el cáñamo, ayudan a descansar la vista. oficio, doblado en 3 o 4 par- para recopilar e ilustrar los textos bíblicos. tes. Cuando diagrame una doble página, La Ficha: Media carta en deje un espacio prudente en el centro cartulina y clasificable. CLASIFICACIÓN Y DIVISIÓN DE LA de ambas, para evitar que las imáge- TIPOGRAFÍA La Revista: más que un nes o el texto queden atrapados en el boletín y menor que un libro. Los diferentes modelos, diseños y tamaños de engrape o pegue del lomo. las letras, se clasifican básicamente en 2 con- El Libro: conjunto mayor de Se recomienda no utilizar más de 2 o hojas impresas, cosido, engo- ceptos esenciales: 3 familias tipográficas por docu- mado o engrapado. ! FAMILIA, o agrupación de varios tipos mento diagramado. Unifíquelas por La Guía: libro de indicacio- de letras cuyas características coinciden o títulos, subtítulos y párrafos. 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 diseño de una nientes para mejorar la comu- dor, indíquele siempre en sus borra- nicación visual. Escógalas a- imágenes. letra determinada. corde a su público meta y al dores el espacio y los detalles de la ilustración 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 cómo algunos tipos arte o ciencia. 1. Romanas se pueden ajustar y relacionar El Afiche: impreso de gran con emociones, mejorando la tamaño con información tex- 2. Góticas comprensión del contexto: tual o gráfica de un evento o actividad de aviso público o 3. Latinas Alegría institucional. La Página Web: de un for- 4. Egipcias gxÜÇâÜt mato alargado verticalmente, 5. Grotescas Miedo en donde se conjugan infor- mación, gráficas y enlaces de 6. Inglesas Comida manera interactica y atractiva Forma en que la vista entra y recorre la diagra- mación de un documento. para ser vista en un computa- dor conectado a Internet. JA bÜÇtÅxÇàtÄxá Ruido