Elementos de dise±o grfico en la creaci³n de materiales didcticos

Click here to load reader

download Elementos de dise±o grfico en la creaci³n de materiales didcticos

of 20

Embed Size (px)

description

Cuando creamos un material didáctico en forma de manual o cuaerno de trabajo o incluso algunas presentaciones, necesitamos tener en cuenta algunos elementos de diseño que faciliten la comunicación visual y refuercen el mensaje y faciliten el aprendizaje. Tratamos aquí algunos de estos elementos.

Transcript of Elementos de dise±o grfico en la creaci³n de materiales didcticos

  • 1. ELEMENTOS BSICOS DE DISEO GRFICO EN LA CREACIN DE MATERIALES DIDCTICOS www.unrinconparacrear.com Blog en http://unrinconparacrear.blogspot.com Esta obra est bajo licencia de Creative Commons Reconocimiento-No comercial-Compartir bajo la misma licencia 3.0 Espaa License
  • 2. Elementos bsicos de diseo grfico El objetivo de para realizar este mdulo es diseos senci- conocer cules llos en nues- son los princi- tros propios pales elemen- materiales tos que pode- didcticos. mos utilizar 2
  • 3. Elementos bsicos de diseo grfico El contenido que desarrollaremos a continuacin gira en torno a los si- guientes puntos fundamentales: Diseos bsicos para no-diseadores La tipografa Las lneas Las cajas Las sombras Los grficos 3
  • 4. Elementos bsicos de diseo grfico CUATRO PRINCIPIOS BSICOS PARA NO-DISEADORES En el diseo de materiales didcticos no es necesario utilizar todos los elementos del diseo grfico en general. Recordemos que se trata de reforzar los mensajes con el objetivo de facilitar el aprendizaje. Identificaremos aqu cuatro principios, de los que personas sin mucha experiencia pueden sacar mucho partido: Aprendiendo a utilizar estos principios, se ver cmo mejoran con r a- pidez nuestros materiales didcticos. 4
  • 5. Elementos bsicos de diseo grfico El contraste se crea mediante la yuxtaposi- cin de elementos muy diferentes: grande y pequeo, blanco y negro, ancho y estrecho, etc. En una pgina/pantalla con poco contraste, los elementos parecen iguales, nada destaca y los co- lores parecen oscurecerse. Una pgina/pantalla con alto contraste parece tener ms fuerza, es ms llamativa, ms dinmica y ms interesante. Los elementos importantes, como los ttulos y los smbolos, destacan claramente y son ms fciles de encontrar. Si bien en algunos casos es ms apropiado el contraste bajo, como, por ejemplo, en un informe financiero, los materiales didcticos son ms fciles de utilizar y ms atractivos para el participante, si tienen un alto contraste. Veamos algunas formas sencillas de crear contraste: Utilizar conjuntamente tipografa grande y pequea. Utilizar una ilustracin grande en una pgina, o una grande y una pequea juntas. Utilizar blanco y negro o negro y sombreado claro, juntos. Lneas gruesas y finas en la misma pgina. Dejar grandes espacios blancos y los ttulos grandes y gruesos. 5
  • 6. Elementos bsicos de diseo grfico La repeticin genera consistencia. Esta consistencia se logra a travs de aspectos como, por ejemplo: Colocar el ttulo de la seccin o captulo siem- pre en el mismo lugar de la pgina. Dar a cada nivel del encabezado su propio estilo. Incluir la misma informacin en los pies de la pgina. Poner una lnea gruesa debajo del encabezado. Meter el nmero de pgina dentro de un grfico. Repetir un elemento de la portada dentro del documento. Repetir una ilustracin en diferentes tamaos, o repetir peque- as piezas de l. La repeticin aade inters y ayuda a unificar el material. Repetir algo de manera consistente, del mismo modo, hace que las pginas parez- can pertenecer al mismo documento. Asimismo, la repeticin en una serie de materiales, hace que cada pieza parezca pertenecer a la mis- ma familia. Cuando se combinan adecuadamente contraste y repeticin, los parti- cipantes pueden comprender con rapidez cmo estn organizados los materiales, porque se les ha dado consistencia y estmulos visuales . 6
  • 7. Elementos bsicos de diseo grfico Desglosar la informacin en piezas peque- as, tales como prrafos cortos y listados con vietas o nmeros, y luego agruparla en piezas relacionadas en torno a una uni- dad, ayuda a los participantes a comprender y aprender la informacin. La proximidad visual de un grupo de piezas relacionadas, hace que la pgina se vea organizada y los lectores puedan ver la relacin entre los elementos a un golpe de vista. Los elementos agrupados visualmente se comprenden ms rpida- mente. Al igual que la proximidad, el alineamiento ayu- da a organizar la pgina. Genera orden. Creamos alineamiento poniendo en lnea los bordes de los elementos de una pgina. Es conveniente alinear los elementos entre s siempre que sea posible. El alineamiento tambin incluye decidir cmo alinear o justificar el texto en una pgina. Tenemos cuatro opciones: Alineado a la izquierda Alineado a la derecha Justificado Centrado 7
  • 8. Elementos bsicos de diseo grfico El texto alineado a la izquierda mantiene ms la atencin. La alineacin a la derecha es til cuando se pone una etiqueta o explicacin al lado iz- quierdo de un grfico o dibujo, o en el margen izquierdo, o en el ttulo de portadas. El texto centrado se utiliza poco en materiales didcticos. El texto alineado a la izquierda o a la derecha tiene ms fuer- za y resulta ms interesante. Los listados con vietas o nmeros deben ir siem- pre alineados a la izquierda. Columnas: neados a la izquierda y sin Cuando se trabaja en co- sangra en la primera lnea lumnas, tanto los ttulos de prrafo. como el texto, deben ir ali- 8
  • 9. Elementos bsicos de diseo grfico En resumen Crear pginas con alto contraste. Dejar abundante espacio en blanco. Repetir deliberadamente un elemento grfico a lo largo de todo el material. No repartir los elementos por toda la pgina indiscriminadamente. Agruparlos y dejar es- pacio entre los grupos. Poner los encabezados ms cerca del texto siguiente que del precedente. Alinear los bordes de las cosas. Alinear cada cosa con alguna otra en la pgina. Evitar el alineamiento centrado. 9
  • 10. Elementos bsicos de diseo grfico LA TIPOGRAFA La tipografa, el tipo, es el elemento ms bsico del diseo grfico. El tipo de letra que elijamos, su tamao y el espacia- do entre letras y palabras, puede ayudar o entorpecer el aprendizaje. Incluso si no se utilizan otros elementos de diseo, el material puede tener la apariencia de bien diseado, slo con una letra bien elegida. Veremos a continuacin guas para la utilizacin de los tipos, con el objeto de convertir nuestros materiales en algo atractivo y legible. DIFERENCIA ENTRE TIPOS Y FUENTES FUENTES son los miembros individuales o el repertorio que hay dentro de un tipo. TIPOS son las familias de fuentes. Ejemplo: Un TIPO es la letra Times FUENTES son: Times bold, times italic, times bold italic ... 10
  • 11. Elementos bsicos de diseo grfico CATEGORAS DE TIPOS Serif SERIF son los tipos que tienen una especie de pequeos pies. Se utilizan: Para lneas largas y grandes bloques de texto. Si los participantes tienen dificultades de lectura o de visin. Para ttulos y encabezados. Leyendas y etiquetas. Tablas y listas. Sans Serif Sans serif son los tipos que no tienenserif, es decir, los que no tie- nen esospequeos pies. Se usan: En lneas cortas o bloques breves de texto. Para ttulos y encabezados. Leyendas y etiquetas, Tablas y listas. R Script Script son los tipos que parecen escritos a mano. Usar en pequeas dosis, en bloques muy bre- ves de texto; as es ms fcil leerlos. Quedan mejor en tamaos grandes. No usar todas maysculas. R 11
  • 12. Elementos bsicos de diseo grfico ELECCIN DE LOS TIPOS Es ms una cuestin de preferencia personal que de seguir unas re- glas. Cada tipo tiene sus propias caractersticas y cada uno responde a ellas de modo diferente. Se pueden seguir algunas guas bsicas: Asegurarse de que