Diseo de Material didctico interactivo

sobre las Tendencias del Diseo Visual,

desde la Revolucin Industrial hasta el
siglo XXI, para la asignatura de Historia
del Arte y del Diseo Visual 3.

Diseo de material didctico interactivo sobre las tendencias del Diseo Visual, desde la Revolucin
Industrial hasta el siglo XXI, para la asignatura de Historia del Arte y del Diseo Visual 3.
Proyecto de investigacin-comunicacin a realizarse en la ciudad de Guatemala, en el perodo de marzo
a noviembre del ao 2006.

Paula Mayela Rosal Sittler, carn No. 9711070, previo a optar el ttulo de Licenciada en Diseo Grfico
con nfasis Informtico Visual (Multimedia).

Guatemala, octubre de 2007.

tendencias del diseo visual, desde la revolucin industrial hasta el siglo xxi - Por Paula Rosal
ndice
Captulo 1
Introduccin...........................1
1.1 Antecedentes.................................................................................................2
1.2 Definicin del problema.................................................................................2
1.3 Justificacin...................................................................................................3
Magnitud.............................................................................................3
Trascendencia....................................................................................3
Vulnerabilidad......................................................................................3
Factibilidad..........................................................................................4
1.4 Objetivos........................................................................................................4
Captulo 2
Perfil del Cliente y Grupo Objetivo..............5
2.1 Perfil del Cliente............................................................................................6
2.1.1 Universidad de San Carlos de Guatemala.....................................6
2.1.2 Facultad de Arquitectura.................................................................6
Historia de la Facultad de Arquitectura.......................................6
Misin, Visin y Objetivos de la Facultad de Arquitectura.........6
Carreras que ofrece la Facultad de Arquitectura.......................7
2.1.3 Escuela de Diseo Grfico...................................................................7
Historia de la Escuela de Diseo Grfico.....................................7
Misin, Visin y Objetivos de la
Escuela de Diseo Grfico....................................................8
Perfil de Egreso de los estudiantes de Diseo Grfico..............9
Estructura de la carrera de Diseo Grfico...............................9
2.1.4 Historia del Arte y del Diseo Visual........................................10
Historia del Arte y del Diseo Visual 3.....................................11
I
2.2 Perfil del Grupo Objetivo.................................................................................13
2.2.1 Perfil Geogrfico............................................................................13
2.2.2 Perfil Demogrfico.......................................................................13
2.2.3 Perfil Psicogrfico........................................................................14
2.2.4 Perfil Conductual.........................................................................14
Captulo 3
Conceptos fundamentales del tema y de diseo.....16
3.1 Conceptos de Arte, Diseo e Historia...........................................................17
3.1.1 Definicin de Arte...........................................................................17
Obra de Arte................................................................................17
Bellas Artes...............................................................................17
Esttica......................................................................................17
3.1.2 Definiciones de Diseo................................................................18
Diseo.........................................................................................18
Diseo Visual.............................................................................19
Las Artes Plsticas y el Diseo Grfico....................................19
3.1.3 Conceptos de Historia........................................................................20
Definicin de Historia.................................................................20
Fines de la Historia....................................................................20
Historia del Arte.........................................................................20
Historia del Diseo Visual.........................................................20
3.2 Didctica.......................................................................................................20
3.2.1 Didctica de la Historia....................................................................21
Aprender a formular hiptesis de trabajo...................................21
Aprender a clasificar fuentes histricas......................................21
Aprender a analizar las fuentes.................................................22
Aprender a valorar las fuentes.................................................22
tendencias del diseo visual, desde la revolucin industrial hasta el siglo xxi - Por Paula Rosal
3.2.2 Objetivos del aprendizaje de la Historia......................................22
Fines educativos de la Historia.......................................................22
Objetivos didcticos de la Historia.................................................23
Las dificultades para la enseanza de la Historia........................23
El mtodo histrico........................................................................23
El mtodo histrico y el proceso
de enseanza-aprendizaje.............................................................23
3.2.3 Didctica de la Historia del Arte..................................................24
3.2.4 Didctica del Diseo Grfico.......................................................24
Dos distorsiones en la enseanza del Diseo Grfico.................25
3.3 Los Medios Didctico...................................................................................26
3.3.1 Los medios didcticos y los recursos educativos........................26
Componentes estructurales de los medios................................26
Funciones que pueden realizar los medios................................26
Tipologa de los medios didctico................................................26
La funcionalidad de los medios.................................................27
Ventajas de cada tipo de medio didctico....................................27
3.3.2 La computadora en la educacin..................................................27
3.3.3 La educacin a distancia.............................................................28
3.3.4 Seleccin de materiales didcticos..............................................29
3.3.5 Diseo de Intervenciones Educativas...........................................30
Gua par el diseo de intervenciones instructivas..........................30
Los roles en el desarrollo de las actividades...............................31
3.4 Diseo Editorial............................................................................................32
3.4.1 Elementos del Diseo Editorial....................................................32
Ttulos...............................................................................................32
Texto..............................................................................................32
11
Imgenes....................................................................................32
Papel.........................................................................................32
3.4.2 Diagramacin...............................................................................32
Legibilidad...................................................................................32
Caja tipogrfica, filetes y capitulares..........................................33
Imgenes......................................................................................34
Composicin y utilizacin de una retcula o grilla........................34
3.5 Multimedia.....................................................................................................36
3.5.1 Componentes de la informacin multimedia..................................36
3.5.2 Pasos del trabajo multimedia.......................................................36
3.6 Sitio Web........................................................................................................37
3.6.1 Diseo Web.....................................................................................37
3.6.2 Pgina Web...................................................................................37
Diseo de Pginas Web............................................................37
Etapas del diseo de Pginas Web...........................................37
3.7 Diseo de Informacin Interactiva e Interfaces.............................................38
3.7.1 Arquitectura de la informacin.......................................................38
Experiencia del usuario.............................................................38
El arquitecto de la informacin....................................................38
3.7.2 Usabilidad....................................................................................38
Definicin......................................................................................38
Principios bsicos de la usabilidad..............................................38
Beneficios de la usabilidad............................................................39
3.7.3 Diseando la Usabilidad de la Web...............................................39
Razones del usuario para volver a un Sitio Web......................40
Cmo son los usuarios.............................................................40
tendencias del diseo visual, desde la revolucin industrial hasta el siglo xxi - Por Paula Rosal
3.7.4 Diseo de la informacin...............................................................41
Documentos comprensibles......................................................41
Sistemas interactivos.................................................................41
Espacios de informacin navegables........................................42
3.7.5 Diseo y evaluacin de interfaces visuales.................................42
El monitor, la percepcin del color y la tipografa.....................42
Recomendaciones....................................................................43
Visibilidad de la pantalla............................................................43
Usabilidad cognitiva.....................................................................43
Captulo 4
Concepto de Diseo y Proceso de Bocetaje........44
4.1 Concepto Creativo.......................................................................................45
4.1.1 Cdigo Cromtico.........................................................................45
4.1.2 Cdigo Lingstico........................................................................46
4.1.3 Cdigo Tipogrfico........................................................................46
4.1.4 Cdigo Icnico..............................................................................47
4.1.5 Concepto de comunicacin.........................................................47
4.2 Mtodo de diseo........................................................................................47
4.3 Proceso de Bocetaje...................................................................................47
4.3.1 Bocetaje de la diagramacin del folleto escrito.............................47
4.3.2 Ideas del concepto de diseo.......................................................54
4.3.3 Bocetaje de la animacin flash y el Sitio Web.............................55
i
ii
4.4 Bocetos finales previos a la validacin........................................................56
4.4.1 Tipografa.....................................................................................56
4.4.2 Imgenes......................................................................................57
4.4.3 Colores..........................................................................................57
4.4.4 Navegacin...................................................................................57
4.4.5 Diseos........................................................................................58
Captulo 5
Comprobacin de la eficacia
y Propuesta Grfica Final....................59
5.1 Comprobacin de la eficacia de las piezas de diseo.................................60
5.1.1 Descripcin Metodolgica............................................................60
5.1.2 Perfil del informante......................................................................60
5.1.3 Anlisis e interpretacin de resultados............................................61
5.2 Propuesta Grfica Final.................................................................................65
5.2.1 Cambios a realizarse con base en la validacin.........................65
5.2.2 Diseos Finales............................................................................66
Diseo final del Folleto..............................................................66
Diseo final de la Animacin de flash.......................................71
Diseo final del Sitio Web.........................................................74
5.2.3 Fundamentacin de formatos y programas utilizados para la
realizacin de los diseos......................................................................80
Realizacin del folleto..................................................................80
tendencias del diseo visual, desde la revolucin industrial hasta el siglo xxi - Por Paula Rosal iv

Elaboracin de la Presentacin Flash.......................................80

Diseo y maquetacin del Sitio Web..........................................80

Conclusiones.....................................................................................................82

Recomendaciones.............................................................................................82

Lineamientos para la Puesta en Prctica..........................................................83

Lineamientos..........................................................................................83

Presupuesto..........................................................................................84

Bibliografa.........................................................................................................86

Glosario.............................................................................................................89

Anexos................................................................................................................91

Anexo No. 1. Material ya elaborado con fines didcticos, para los

estudiantes de Historia del Arte y del Diseo Visual...............................92

Anexo No. 2. Investigacin del grupo objetivo.....................................93

Anexo No. 3. Encuesta de validacin de las piezas de diseo.............96

tendencias del diseo visual, desde la revolucin industrial hasta el siglo xxi - Por Paula Rosal v

Nmina de Autoridades

Junta Directiva de la Facultad de Arquitectura Tribunal Examinador

Arq. Carlos Enrique Valladares Cerezo Arq. Carlos Enrique Valladares Cerezo
Decano Decano

Arq. Jorge Arturo Gonzlez Peate Arq. Alejandro Muoz Caldern

Vocal I Secretario

Arq. Ral Estuardo Monterroso Jurez Lic. Alberto Jos Paguaga

Vocal II Examinador

Arq. Carlos Enrique Martini Herrera Licda. Sandra Carolina Rojas

Vocal III Examinadora

Br. Javier Alberto Girn Daz Arquitecta Brenda Mara Penados

Vocal IV Examinadora

Br. Omar Alexander Serrano de la Vega

Vocal V Asesores del Proyecto

Arq. Alejandro Muoz Caldern

Secretario Lic. Alberto Paguaga, Asesor del Proyecto de Graduacin.

Directores Licda. Carolina Rojas, Asesora especialista del Proyecto de Graduacin.

Arq. Manuel Y. Arriola Retolaza Arquitecta Brenda Penados, tercer Asesora del Proyecto de Graduacin.
Director de la Escuela de Diseo Grfico
tendencias del diseo visual, desde la revolucin industrial hasta el siglo xxi - Por Paula Rosal
Agradecimientos
A mis asesores, Licenciada Carolina Rojas y Licenciado Alberto Paguaga, por
toda su ayuda dedicacin. Un agradecimiento especial para la Arquitecta Brenda
Penados, quien brind toda la bibliografa para la realizacin del material didctico
y que, gracias a su amplio conocimiento del tema, elabor toda la teora y los
anlisis de imgenes del folleto, la presentacin flash y el sitio web.
A la Licenciada Julieta Molina y a Ana Domnguez, por su asesora en el diseo
grfico del proyecto.
A mis hijas y mi esposo, por toda su paciencia y apoyo a lo largo de la licenciatura
y de este proyecto, en las noches de desvelo, domingos y fiestas sacrificadas,
este logro no es slo mo, si no de los cuatro.
A toda la familia, por todo su apoyo y ayuda, tanto moral como con las nenas:
Papil y Mamil, Angelita, Luisa, Anita, Pino, Doa Chiqui, Don Alfredo, Abuelita
Hildita, Ixmucan, Nict, Carlitos. Y a Doa Mary. S que no las pude dejar en
mejores manos.
A mis compaeras y amigas de la licenciatura, especialmente a Claudia, Anita
y Paola, por volver la lucha ms suave y por todos los conocimientos compartidos.
Gracias por ayudarme a hacer posible este proyecto.
vi
dedicatoria
A Dios, por darme la vida, la oportunidad de lograr mis sueos y la fuerza para
alcanzarlos.
A mis paps, Mario Hugo y Anglica, ya que han sido siempre mi apoyo y el
ejemplo ms grande para ser mejor cada da y lograr todo lo que me proponga.
A mi esposo, Jos Mara, quien es el dueo de mi corazn, mi compaero en
momentos buenos y malos, por su paciencia y optimismo, s que el camino no
hubiera sido igual sin l a mi lado.
A mis chiquitas lindas, Paula Nahir e Ivanna Luca, el regalo ms grande que
Dios me ha dado. Gracias por ser tan pacientes y darme tanta felicidad.
A mis hermanas y hermano, Angelita, Luisa, Ana Luca y Mario Hugo, que han
sido y sern siempre mis mejores amigos.
A mis abuelos, Mamita, Mamam y Papap, mi mejor ejemplo de la lucha y la
perseverancia, y de no darse por vencidos a pesar de todas las dificultades. A
Papito, quien desde arriba me acompaa siempre.
A mis tas, primas y primos, quienes fueron, son y sern mis amigos inseparables
de toda la vida.
A mi segunda familia, Doa Chiqui, Don Alfredo, Abuelita Hildita, Carlitos,
Ixmucan y Robeto, Nict y Juan Carlos, Fernando. A mis sobrinos Fernandito,
Gabriel, Juan Carlitos, Christian, Diego, Roberto, Josecito, Marito, Gabriela,
Nicolle, Christa, Marquitos y Huguito.
Todos forman parte importante de mi vida y de mi corazn. Muchas gracias,
salud y bendiciones para todos!
Cada perodo de la Historia es producto de la mezcla del pasado y el futuro, y las
proporciones de pasado y futuro que contiene la mezcla, determina la calidad del presente.

Henri Focillon (ao 1000).

tendencias del diseo visual, desde la revolucin industrial hasta el siglo xxi - Por Paula Rosal i
vi

Presentacin
Las races del Diseo Visual se remontan a la poca en que el hombre empieza
a comunicarse por medio de imgenes visuales. A travs de pinturas rupestres,
tallado en piedra, escritura en arcilla, pergaminos, manuscritos, etc., los diversos
medios de comunicacin grfica han servido tanto en su tiempo como en el
presente, y nos ayudan a conocer ms acerca de las culturas, su historia, sus
creencias, su forma de vida.
Las tcnicas para realizar esta comunicacin fueron evolucionando de la mano
de la tecnologa de cada poca. La reproduccin masiva fue posible gracias a
la invencin de la imprenta, que abri el acceso a la informacin, ofreciendo a
todos la oportunidad de leer, informarse, aprender y educarse. El conocimiento
dej de ser posesin de religiosos y nobles, para estar a disposicin de cualquier
persona y convertirse en una herramienta fundamental para el desarrollo de la
humanidad.
Con el desarrollo econmico surgi la poca que vio nacer la profesin de
Diseador Grfico: la Revolucin Industrial. La demanda de diseos, libros y
publicidad fue tal que el trabajo de la imprenta fue dividido en editores, fundidores
de tipos, ilustradores y diseadores. La invencin de la fotografa, as como los
avances tecnolgicos en impresiones, dio rienda suelta al trabajo grfico creativo,
que cada vez se volvi ms funcional y conceptual.
La Historia del Diseo Grfico crece a pasos agigantados a partir de la Revolucin
Industrial, y es influenciada directamente por los movimientos artsticos de
vanguardia, as como por las dos guerras mundiales y las grandes escuelas
de diseo de Europa y Estados Unidos.
La aparicin de nuevos medios de comunicacin ampli el campo de trabajo del
diseo visual, que ahora no se limita al diseo impreso, pues se ha vuelto animado
e interactivo, gracias a la televisin, el cine, las presentaciones multimedia e
Internet.
El conocimiento de este desarrollo es fundamental en la cultura general y visual
de todo diseador grfico. Comprender las diversas tendencias de diseo pone
a disposicin del diseador una gran variedad de opciones para elaborar sus
mensajes grficos y ofrece la posibilidad de realizar nuevas creaciones combinando
conocimiento y creatividad.
Con el objetivo de facilitar la informacin y el aprendizaje de estas tendencias,
se elabor material didctico para la Asignatura de Historia del Arte y del Diseo
Visual 3, el cual comprende un folleto impreso con la informacin escrita, ejemplos
grficos y actividades de enseanza-aprendizaje, una animacin flash para
presentar las imgenes en clase, con anlisis y observaciones y un sitio web
para consulta y muestra de imgenes de cada poca, desde la Revolucin
Industrial hasta el siglo XXI. Este material servir tanto para los estudiantes de
Diseo Grfico de la Universidad de San Carlos de Guatemala, como para todo
aquel que se apasione por la historia de esta profesin, al igual que la autora
del proyecto que a continuacin se presenta.
 Captulo 1. Introduccin: definicin del problema y objetivos
Captulo 1
Introduccin
1.1 Antecedentes
La Historia del Diseo Visual es un rea muy importante para todo diseador
grfico, ya que ensea el origen y desarrollo de esta profesin. Ofrece una gran
muestra de estilos, los cuales incluyen una amplia variedad de tipos de letras,
ilustraciones, formas de composicin, utilizacin del color, montajes fotogrficos
y teoras del diseo. El conocimiento a fondo de las distintas corrientes y de sus
fundamentos, brinda al diseador la posibilidad de realizar nuevas propuestas,
combinando los estilos del pasado con las tendencias ms actuales del diseo,
y, de esta manera, realizar piezas grficas diferentes, creativas, que no sean
solamente una copia de lo que estn realizando otros diseadores. Los
conocimientos sobre este tema forman parte de la cultura general y visual que
un diseador universitario debe poseer.
Luego de cursar Historia del Arte y del Diseo Visual, despert un inters especial
por este tema, especialmente en el rea de Diseo Visual durante el siglo XX.
La falta de informacin grfica y de material especfico para la asignatura, as
como la experiencia en la ctedra de algunos cursos de Diseo Grfico, generaron
la inquietud de investigar ms al respecto y de crear material didctico para los
estudiantes. El tema que se pens originalmente para el desarrollo de este
proyecto era sobre la Historia del Diseo Grfico en Guatemala, pero al solicitar
trabajarlo, se descubri que ya se haba realizado por una estudiante del nivel
tcnico. Por lo que se buscaron nuevos temas, hasta llegar a definir ms el
material a trabajarse.
Al hacer un anlisis sobre los contenidos de la asignatura de Historia del Arte
y del Diseo Visual I, II y III, se busc los temas que no posean material realizado
especialmente con fines didcticos para los estudiantes de Diseo Grfico de
la Universidad de San Carlos de Guatemala. Ver anexo No. 1.
Al investigar los temas, se descubri que no existe material didctico sobre las
2
Tendencias del Diseo Visual desde la Revolucin Industrial, hasta el siglo XXI,
elaborado especialmente para los estudiantes de Diseo Grfico de la Universidad
de San Carlos de Guatemala. As que se eligi este punto como tema del Proyecto
de Graduacin, con el objetivo de realizar material didctico que incluya un folleto,
un CD interactivo y material para colocar en Internet, con hojas de trabajo y
documentos de estudio.
1.2 Definicin del problema
Luego de realizar una entrevista a la Arq. Brenda Penados (ver anexo No. 2),
catedrtica del tema en cuestin, se lleg a la conclusin de que al cursar la
asignatura de Historia del Arte y del Diseo Visual, los alumnos se encuentran
con una gran dificultad para tener acceso a material sobre la Historia del Diseo
Visual en general. La bibliografa es escasa, costosa y difcil de conseguir; lo son
an ms las muestras grficas a color. Existen algunos libros, pero todos tienen
precios elevados, y hay pocas unidades en Guatemala. Muchos de los estudiantes
no pueden gastar en libros, y las fotocopias no son adecuadas para esta informacin,
ya que todas las muestras grficas se pierden casi por completo mediante este
mtodo de reproduccin. El problema especfico a solucionar es la falta de material
didctico sobre la Historia del Diseo Visual, y la dificultad de los estudiantes de
poder acceder a informacin concisa y a muestras grficas a color. La solucin
propuesta ofrece realizar material didctico sobre la Historia del Diseo, presentada
en formatos que sean accesibles para los estudiantes de diseo Grfico de la
Universidad de San Carlos de Guatemala.
La revolucin tecnolgica actual, encabezada por las computadoras e Internet,
ha permitido facilitar la investigacin, el intercambio de informacin y la
comunicacin. Transmitir datos digitales ha sido una herramienta didctica muy
til y cada vez ms popular. Internet permite reproducir las imgenes a color,
aunque con muy baja resolucin. Otros medios digitales como la fotografa y el
escner, as como materiales para transportar la informacin, como discos
compactos, dvds, memorias usb, etc., permiten mayor calidad para las imgenes,
lo que los convierte en medios muy adecuados para la docencia, al proyectar las
muestras grficas por medio de caonera. Esto resulta particularmente adecuado
para ilustrar los temas estudiados en Historia del Arte y del Diseo Visual.
 Captulo 1. Introduccin: definicin del problema y objetivos
Las muestras grficas son una parte fundamental del tema. Se necesita una
recopilacin amplia con ejemplos de cada poca, y ofrecerla de varias formas:
a los catedrticos, como apoyo visual para su clase; a los alumnos, por medio
de un folleto que se pueda fotocopiar libremente y material digital interactivo que
incluya un CD y pginas web. Este material permite un mtodo de reproduccin
sencillo, econmico, y mantiene la informacin inalterable.
El material didctico deber incluir un folleto impreso con la informacin resumida
y ejemplos, un Sitio Web donde se colocarn imgenes a color con un pequeo
anlisis, y un CD interactivo con informacin, as como las guas didcticas que
sern colocadas en Internet, y ejemplos grficos para mostrar en clase.
Para solventar el problema de la falta de material didctico sobre la Historia
del Diseo, se plantea el proyecto de investigacin-comunicacin titulado Diseo
de Material didctico interactivo sobre las Tendencias del Diseo Visual,
desde la Revolucin Industrial hasta el siglo XXI, para la asignatura de
Historia del Arte y del Diseo Visual 3. Proyecto de investigacin-comunicacin
a realizarse en la ciudad de Guatemala, en el perodo de marzo a noviembre del
ao 2006.
1.3 Justificacin
1.3.1 Magnitud
El beneficio del proyecto ser tanto para los estudiantes de la Escuela de Diseo
Grfico de la Universidad de San Carlos de Guatemala, como para los docentes
de Historia del Arte y del Diseo Visual 3. Segn datos brindados por el
Departamento de Registro y Estadstica de la Universidad de San Carlos de
Guatemala, en el ao 2006 se inscribieron 1,102 estudiantes a la carrera Tcnica
de Diseo Grfico. De este total, 90 son de primer ingreso y 1,012 de reingreso.
La Universidad completa tuvo un total de inscripciones de 112,257, por lo que
la poblacin estudiantil del tcnico de Diseo Grfico conforma un 1.0 % de la
poblacin total de esta Universidad.
Tambin beneficia a personas que estn interesadas en la historia del diseo,
pues el proyecto podr ser consultado en la Biblioteca Central de la Universidad
3
de San Carlos de Guatemala, en la Biblioteca de la Facultad de Arquitectura,
as como por Internet, en el rea de publicacin de tesis digitales de la USAC,
y en el Sitio Web que se elabor para este proyecto.
1.3.2 Trascendencia
Los conocimientos en el rea de Historia del Arte y del Diseo Visual son
fundamentales para todo diseador grfico. Tanto como cultura general como
por manejar la historia de la propia profesin, y conocer no slo cules son las
tendencias actuales de diseo en el mundo, si no la evolucin que se ha llevado
a cabo para llegar a lo que hoy conocemos como diseo grfico. Estos
conocimientos deben brindarse a los alumnos por medio de documentos sencillos
pero completos, con la informacin ms importante, incentivando la investigacin
y la bsqueda de informacin y muestras grficas, pues lo que se busca, sobre
todo, es crear una cultura visual muy rica en cada uno de los estudiantes as
como iniciativa para la investigacin y el autoaprendizaje.
Debido a las dificultades en la obtencin de material y de informacin, los alumnos
cursan esta asignatura con poco contacto con la Historia Grfica del Diseo
Visual, informacin fundamental que debe ser manejada a la perfeccin por los
diseadores. Se trata de la historia de su profesin, la cual se ha ido desarrollando
de una manera peculiar. El conocimiento de todo este desarrollo, as como de
las caractersticas de cada estilo y poca, es bsico para entender el diseo
actual, sus diferentes corrientes y formas de expresin. Y las referencias grficas
pueden dar lugar a diseos novedosos, peculiares, creativos, cuando se logra
la mezcla adecuada entre la visin moderna con los estilos pasados.
1.3.3 Vulnerabilidad
El proyecto tiene como resultado una serie de documentos que facilitarn el
aprendizaje de los estudiantes, reforzando el anlisis, la investigacin y el
autoaprendizaje. Los formatos son tanto impresos como electrnicos y de fcil
reproduccin; contendrn la informacin necesaria requerida para el tema del
curso as como una amplia variedad de piezas grficas. El material servir como
fuente de informacin para el estudio de sus contenidos, as como para consulta
y bsqueda de referencias.
 Captulo 1. Introduccin: definicin del problema y objetivos
El tema elegido posee la informacin ms importante del rea de la Historia del
Diseo Visual, pues es la poca donde aparece el Diseo Grfico como una
profesin y comienza el desarrollo de las tendencias del diseo moderno. El
acceso a esta informacin, as como su conocimiento, comprensin y aprendizaje,
ayudar a los estudiantes a tener una cultura visual mucho ms rica y completa,
lo cual se ver reflejado en la calidad y creatividad de sus diseos.
1.3.4 Factibilidad
Las catedrticas de Historia del Arte y del Diseo Visual de la Escuela de Diseo
Grfico de la Universidad de San Carlos, consideran que el proyecto ser til
para su clase.
La solucin del problema grfico presentado es factible pues puede ser
materializada, elaborando la investigacin, el folleto, el sitio web y el disco
interactivo. Adems, resultar accesible para los estudiantes, ya que el costo de
reproduccin del material ser econmico, pues el folleto escrito podr ser
fotocopiado, el disco podr ser copiado y el material digital podr bajarse de
Internet.
4
1.4 Objetivos
Objetivo general
Desarrollar Material Didctico de apoyo a la docencia de la asignatura de Historia
del Arte y del Diseo Visual 3, Escuela de Diseo Grfico, Facultad de Arquitectura
de la Universidad de San Carlos de Guatemala.
Objetivos especficos
Facilitar el proceso de enseanza-aprendizaje de Historia del Diseo Visual, a
travs de un folleto, material para Internet y un disco compacto interactivo.
Incentivar en los estudiantes la consulta, el anlisis, la investigacin y el
autoaprendizaje por medio del material elaborado.
Ofrecer a los estudiantes un folleto resumido con el contenido ms importante
del tema, alternando texto e imgenes de muestra, y finalizando con actividades
para reforzar los temas. El folleto original se entregar al catedrtico, tanto
impreso para su reproduccin por medio de fotocopias, como en formato digital
en un archivo PDF.
Brindar a los alumnos una galera grfica completa del desarrollo de las diferentes
tendencias del Diseo Visual desde la Revolucin Industrial hasta el siglo XXI,
mediante el diseo de un disco compacto interactivo y pginas de Internet que
contenga todos los tpicos del tema y una gran fuente de imgenes visuales.

Captulo 2
Perfil del Cliente
y Grupo Objetivo
2.1 Perfil del Cliente
Escuela de Diseo Grfico, Facultad de Arquitectura, Universidad de San Carlos
de Guatemala, Asignatura de Historia del Arte y el Diseo Visual 3.
2.1.1 Universidad de San Carlos de Guatemala
La Universidad de San Carlos de Guatemala es la universidad estatal del pas.
Esto significa que es financiada por el Estado, y el pago que deben realizar los
alumnos es mnimo. Es autnoma y posee ya ms de 300 aos de estar
funcionando. El Rector actual es el Lic. Carlos Estuardo Glvez Barrios.
2.1.2 Facultad de Arquitectura
La Facultad de Arquitectura se encuentra ubicada en el edificio T-2 de la Ciudad
Universitaria de la USAC, en la zona 12 de la ciudad de Guatemala. Su PBX es
el (502) 2476-6192.
Actualmente, el Decano es el Arq. Carlos Enrique Valladares Cerezo.
Historia de la Facultad de Arquitectura
La Unidad de Planificacin de la Facultad de Arquitectura de la Universidad de
San Carlos de Guatemala, redact la historia de la Facultad como se describe
a continuacin: La Facultad de Arquitectura se funda el da 7 de Junio de 1958,
consolidndose y legitimndose la actividad acadmica de la Facultad el 30 de
agosto de 1958. El acto Inaugural se realiz el viernes 5 de septiembre de ese
mismo ao. Con motivo de esa fecha, a solicitud del Colegio de Arquitectos al
Congreso de la Repblica, posteriormente se declar oficialmente Da del
Arquitecto.
El primer Decano Interino de la Facultad fue el Arquitecto Roberto Aycinena
Echeverra, convirtindose pocos aos despus en el primer Decano electo,
Captulo 2. perfil del cliente y grupo objetivo 6
por los respectivos cuerpos electorales, conforme lo determina la Ley Orgnica y
los Estatutos de la Universidad de San Carlos de Guatemala. No fue sino a partir
del ao de 1971 que la Facultad cuenta con edificio propio, el actual edificio T-2.
En el ao 1972 se inicia un movimiento transformador en la enseanza en la facultad
de Arquitectura, dando como resultado el inicio del Congreso de Reestructuracin
de Arquitectura -CRA- el 10 de Mayo de 1972, paralizando la educacin en la misma
durante ocho meses. A partir del CRA el pnsum tuvo un enfoque social humanstico,
el cual fue adecuado luego de la experiencia del Terremoto de 1976. A partir de
1982 el pnsum tuvo un enfoque ms tecnolgico.
Lo importante del proceso de readecuacin es cambiar el enfoque acorde a la
misin de la Facultad, que es lograr que el egresado maneje el conocimiento y la
tecnologa de punta con capacidad empresarial para competir en el mercado laboral
con arquitectos y diseadores de cualquier parte del mundo, pero con profundo
compromiso social para atender las necesidades del pas.
En noviembre del 2002 y en apoyo a los procesos de descentralizacin que se
impulsan en el Pas, se suscribi un Convenio de Cooperacin entre el Centro
Universitario de Occidente CUNOC y la Facultad de Arquitectura, por medio del
cual ambas instituciones se comprometen a desarrollar la Licenciatura en
Arquitectura en Quetzaltenango, la parte acadmica es responsabilidad de la
Facultad y la parte administrativa del CUNOC. El pnsum de estudios es el
mismo que se implementa en la Ciudad Capital.
A nivel de postgrado la facultad desarrolla los siguientes programas de Maestras
en Diseo, Planificacin y Manejo Ambiental, Restauracin de Monumentos,
Asentamientos Humanos y Diseo Arquitectnico y el Doctorado en Arquitectura,
impartido a distancia conjuntamente con la UNAM de Mxico.
Misin, Visin y Objetivos de la Facultad de Arquitectura
Misin de la Facultad de Arquitectura
Formar profesionales de la Arquitectura y el Diseo Grfico altamente calificados
y competitivos en el mercado laboral, con liderazgo para ser agentes de cambio y
comprometidos con el proceso de desarrollo sostenible del pas.
Visin de la Facultad de Arquitectura
Ser el ente rector de la educacin superior en la formacin del profesional de la
arquitectura y el Diseo Grfico, que aporten soluciones a los problemas nacionales
en el mbito de su competencia preservando los recursos culturales y nacionales.

Objetivos de la Facultad de Arquitectura
La Facultad de Arquitectura tiene como objetivo la formacin de un profesional
en el campo de la Arquitectura y el Diseo Grfico que ejerza su profesin con
eficiencia y eficacia, que sea creativo y que est preparado para enfrentar la
problemtica actual y futura, con una visin estratgica en relacin a su contexto
social, cultural, tecnolgico y ambiental; contribuyendo de esta forma al
cumplimiento de los fines, objetivos y polticas de la USAC y de la Facultad de
Arquitectura.
Objetivo general
Establecer las bases para la adecuada formacin del arquitecto y del diseador
grfico de manera que al egresar estn lo suficientemente preparados para
enfrentar la problemtica de la arquitectura y el diseo grfico a nivel nacional
e internacional.
Objetivos especficos
Formar profesionales de alto nivel acadmico en el campo de la arquitectura
y el diseo grfico, orientados a atender con eficiencia, eficacia, equidad y
productividad las demandas que impone la sociedad guatemalteca, en las
diferentes reas de desempeo del diseo, la arquitectura y el urbanismo.
Posibilitar la generacin de conocimiento cientfico, tecnolgico y humanstico
a travs de la formacin de profesionales en arquitectura y del diseo grfico
en diferentes niveles: tcnico, grado (licenciatura) y postgrado (maestra y
doctorado).
Brindar alternativas de formacin superior.
Apoyar la investigacin bsica aplicada en las reas de su competencia, en
funcin de las caractersticas del medio.
Orientar el proceso formativo a la solucin de los problemas y necesidades de
la sociedad guatemalteca dentro de sus reas de accin.
Fortalecer las actividades de extensin y servicio en funcin del cumplimiento
de los fines universitarios.
Captulo 2. perfil del cliente y grupo objetivo 7
Carreras que ofrece la Facultad de Arquitectura
Nivel tcnico
Tcnico en Diseo Grfico
Nivel de grado
Licenciatura en Arquitectura
Licenciatura en Diseo Grfico con nfasis Informtico Visual (Multimedia)
Licenciatura en Diseo Grfico con nfasis Creativo (Publicidad)
Licenciatura en Diseo Grfico con nfasis Editorial
Nivel de postgrado
Maestra en Planificacin de Asentamientos Humanos.
Maestra en Restauracin de Monumentos Especialidad en Bienes Inmuebles
y Centros Histricos.
Maestra en Diseo, Planificacin y Manejo Ambiental.
Maestra en Diseo Arquitectnico Especialidad en Diseo Arquitectnico.
Maestra en Diseo Visual (en construccin).
Doctorado en Arquitectura
2.1.3 Escuela de Diseo Grfico
La Escuela de Diseo Grfico est ubicada en la Ciudad Universitaria, zona 12,
edificio T-1. Su telfono es el 2476-6192 extensin 222.
Su Coordinadoar es la Arq. Elda Velsquez de Lpez. La catedrtica actual de
Historia del Arte y el Diseo Visual 3 es la Arq. Brenda Penados.
Historia de la Escuela de Diseo Grfico
La informacin que se presenta a continuacin, fue obtenida del documento La

Identidad de la Escuela de Diseo Grfico de la Facultad de Arquitectura,
elaborado por Carlos Barneond, Brenda Penados y Ana Mara Saavedra.
La Facultad de Arquitectura cuenta desde 1987 con el programa de Diseo
Grfico a nivel tcnico, la carrera tuvo xito rpidamente, el que se evidenci
a travs del posicionamiento laboral de sus primeros egresados.
En 1986 el Consejo Superior Universitario la aprob en la calidad de carrera
tcnica, a nivel de Programa. Se siente la necesidad de llevarla hacia el nivel
de licenciatura y es as como el 12 de noviembre del ao 2003 es aprobada por
el Honorable Consejo Superior Universitario.
En el 2004, el programa en cuestin fue elevado a la categora de Escuela
facultativa.
El programa de Licenciatura en Diseo Grfico, tiene como objetivo formar
profesionales adaptados a la globalizacin, tecnologa y modernizacin de las
estructuras econmicas, defensores de los valores culturales de la Nacin.
El programa debe mantener un nivel de excelencia que permita que sus egresados
posean conocimientos conceptuales y tcnicos actualizados en el mbito de su
especialidad, desarrollando competencias laborales acordes a la prctica real.
Capaces de producir comunicacin grfica con impacto para los medios de
comunicacin masiva , la publicidad y las empresas que demandan sus servicios
y a la vez ser agentes de cambio comprometidos en la contribucin de la solucin
de las necesidades de los sectores marginados, desarrollando campaas de
inters social.
Misin, Visin y Objetivos de la Escuela de Diseo Grfico
Misin de la Escuela de Diseo Grfico
Formar Diseadores Grficos capaces de producir comunicacin grfica con
impacto para los medios de comunicacin, la publicidad y las empresas que
demandarn sus servicios, a la vez, ser agentes de cambios comprometidos con
la contribucin de la solucin de las necesidades de los sectores marginados,
Captulo 2. perfil del cliente y grupo objetivo 8
desarrollando campaas de inters social. Producir conocimiento para aportar
a la solucin de los problemas sociales y la comunicacin social del pas.
Lo anterior significa contar con profesionales con las siguientes caractersticas:
Adaptados a la globalizacin, tecnologa y modernizacin de las estructuras
econmicas, pero defensores de los valores culturales de la Nacin, para que
patrones culturales de otras partes no tiendan a desaparecerlos.
Preparados tcnica y conceptualmente, comprometidos con la preservacin
de sus recursos culturales y naturales. Con absoluta tica ambiental.
Diseadores Grficos capaces de producir comunicacin grfica con impacto
para los medios de comunicacin, la publicidad, y las empresas que demandarn
sus servicios, a la vez de ser agentes de cambio comprometidos en la
contribucin de la solucin de las necesidades de los sectores marginados,
desarrollando campaas de inters social.
Desarrollo profesional de otras ramas del diseo y el desarrollo artstico en
las artes plsticas y visuales.
Visin de la Escuela de Diseo Grfico
Ser en Guatemala una institucin de educacin superior cuya funcin es ser
el ente rector en la formacin profesional, as como de la produccin y difusin
del conocimiento en Diseo Grfico. Todo ello para contribuir al desarrollo
sostenible del pas, preservando y protegiendo los recursos culturales y
naturales.
Objetivos de la Escuela de Diseo Grfico
Dotar al estudiante de una slida formacin tcnica con capacidad para dar
respuestas de diseo grfico y visual a las necesidades del orden de la
comunicacin de masas, propias de las caractersticas y condiciones del pas.
 Captulo 2. perfil del cliente y grupo objetivo 9

Perfil de Egreso de los estudiantes de Diseo Grfico Ser emprendedor.

Perfil de egreso del tcnico en Diseo Grfico Tener vocacin de servicio.
Al finalizar el nivel tcnico de la licenciatura, el Tcnico Grfico estar en la Poseer cualidades de autoestudio.
capacidad de:
Desempearse como codificador dentro de un proceso de comunicacin visual.
Utilizar equipos, dispositivos, tecnologas y medios de informacin.
Aplicar conocimientos de disciplinas sociales, humansticas y conocimientos
tcnicos.
Utilizar el lenguaje oral y escrito y su combinacin con imgenes.
Asesora y participa en todo el proceso de produccin de originales.
Perfil de egreso de la Licenciatura en Diseo Grfico
Ser un profesional capaz de dar respuestas creativas e innovadoras en su
campo profesional, su mentalidad ser positiva, crtica emprendedora y
autosugestionable.
Conocedor y dominador de las tecnologas aplicadas al diseo grfico, interactuar
beneficiosamente para su empresa, ente o para la persona como profesional
individual en sus diversos campos, inclusive el docente, de forma consecuente,
tica, innovadora y aplicando las tcnicas y artes que le sean propios.
Estar apto para la licenciatura de diseo grfico y tendr calidad de respuestas
en:
Manejar valores ticos.
Mostrar atencin al cliente.
Investigacin como cultura y herramienta de trabajo.
Ser autocrtico.
Adquirir como forma de trabajo: la mejora continua.
Estructura de la Carrera de Diseo Grfico
La carrera de diseo grfico est conformada por el Tcnico en Diseo Grfico,
y la Licenciatura. Esta licenciatura ofrece tres especialidades diferentes: nfasis
Creativo (enfocado a Publicidad), nfasis Informtico Visual (enfocado a creaciones
Multimedia, animaciones, diseo Web y Televisin), nfasis Editorial Didctico
(Interactivo).
Tanto el Tcnico como la Licenciatura, estn divididos en 4 reas de estudio, las
cuales se muestran a continuacin.
rea de Diseo y Comunicacin
rea de Tecnologa
rea de Contexto social, humanstico e histrico
rea de Gestin
Asignaturas pertenecientes a cada una de las reas

Identificar, analizar y solucionar proyectos visuales. rea de Diseo y Comunicacin

Conceptualizacin grfica.
Interrelacin con otras disciplinas para desarrollar proyectos. Fundamentos del Diseo
Desarrollar al mximo su creatividad. Diseo Visual 1, 2, 3, 4, 5.
Competir tica y profesionalmente. Taller de Diseo Visual 6 nfasis en Creatividad.
Disear grficamente cualquier proyecto y en particular su nfasis profesional. Taller de Diseo Visual 7 nfasis creativo.
Emplear la tecnologa con acierto y propiedad. Taller de Diseo Visual 7 nfasis video.
Administrar proyectos visuales. Taller de Diseo Visual 7 nfasis Editorial.
Dominar los costos y presupuestos. Taller de Diseo Visual 8 nfasis creativo.
Visualizar otros campos del dominio grfico. Diseo Visual 8 nfasis edicin.
 Captulo 2. perfil del cliente y grupo objetivo 10

Diseo Visual 8 nfasis Didctico. Historia del Arte y del Diseo Visual 1, 2 y 3.

Medios de expresin Psicologa de la Comunicacin 1 y 2

Expresin grfica 1, 2 y 3.
Ilustracin Estimulacin creativa - guin.
Cromatologa. Pensamiento Creativo
Produccin Audiovisual.
Tesis profesional. Historietas.

rea de tecnologa rea de gestin

Dibujo geomtrico Matemtica Introductoria

Tipologa
Procesos de Reproduccin 1 y 2. Mercadotecnia
Administracin 1 y 2
Tcnicas Digitales 1 y 2. Mercadeo
Creatividad Digital 1.
Creatividad Digital 2, Creativo. Organizacin Profesional
Creatividad Digital 2, Multimedia. Prctica Tcnica
Creatividad Digital 3, Creativo. Desarrollo de Proyectos
Creatividad Digital 3, Interactivo. Ejercicio Profesional Supervisado

Fotografa. 2.1.4 Historia del Arte y del Diseo Visual

Fotografismo.
Tcnicas Audiovisuales. La asignatura de Historia del Arte y del Diseo Visual, pertenece al rea de
contexto social, humanstico e histrico. Su contenido se reparte en tres
rea de contexto social, humanstico e histrico semestres, por lo que la asignatura se divide en Historia del Arte y del Diseo
Visual 1, 2 y 3; se encuentra en el rea de Tcnico en Diseo Grfico, iniciando
Sociologa y Desarrollo en el 2do ciclo y concluyendo en el 4to. Sus cdigos, prerrequisitos y contenidos
generales son los siguientes:
Teora de la Comunicacin 1 y 2.
Teora de la Imagen Historia del Arte y del Diseo Visual 1
Comunicacin Persuasiva
Prerrequisito. Sociologa y Desarrollo.
Metodologa de la Investigacin Contenido: Prehistoria, culturas antiguas, culturas clsicas.
Metodologa Proyectual. Culturas de la Edad Media. Culturas del Lejano Oriente. Culturas de Mesoamrica.
 Captulo 2. perfil del cliente y grupo objetivo
Historia del Arte y del Diseo Visual 2
Prerrequisito. Historia del Arte y del Diseo Visual 1.
Contenido: Renacimiento. Manierismo. Barroco. Ultra barroco. Neoclsico.
Romanticismo. Realismo. Arte Colonial en Amrica.
Historia del Arte y del Diseo Visual 3
Prerrequisito. Historia del Arte y del Diseo Visual 2.
Contenido: Movimientos de la segunda mitad del siglo XIX. Las vanguardias de
la primera mitad del siglo XX. Movimientos de la pos-guerra (1945) hasta las
ltimas tendencias contemporneas.
Historia del Arte y del Diseo Visual 3
Debido a que el contenido del proyecto pertenece a Historia 3, sta se presenta
de forma especfica, acompaada de los objetivos generales y actividades:
Descripcin de la asignatura
Se mueve de la segunda mitad del siglo XIX hasta las ltimas tendencias del
siglo XXI y de la mano de Cezanne encontramos la belleza formal de sus
productos hasta llegar al abstraccionismo, para luego ver cmo las artes se
inclinan hacia la pragmtica interesada en los efectos del receptor (Artes de
retroalimentacin y de auto revisin), hombre masa, teora del arte y necesidad
del diseo, en el mundo globalizado.
Objetivo general de la asignatura
Que el estudiante desarrolle las actitudes crticas-valorativas de las
manifestaciones artsticas y del diseo grfico y su incidencia en la revolucin
conceptual del mundo, motivndolo a lograr con optimismo una comunicacin
del arte y del diseo a sus compaeros y a la comunidad de la escuela.
11
Objetivos especficos de la asignatura
Al terminar de cursar la asignatura el (la) estudiante:
Analice, sintetice y comunique con juicio crtico y objetivo la relacin socio
histrica de las caractersticas del arte y del diseo.
Valorice las teoras conceptuales y el conocimiento de las culturas que le permitan
argumentar sus propuestas grficas.
Comunique ideas efectivas que persuadan la conciencia del grupo, potenciando
las relaciones sociales que le permitan desarrollar con compresin los
conocimientos del arte y del diseo.
Metodologa de la asignatura y actividades de enseanza-aprendizaje
Se desarrollar con la participacin del profesor, a manera de exposicin oral
dinamizada y exposiciones de grupos, con la utilizacin de medios audiovisuales
como medio de comunicacin y anlisis.
Los alumnos debern realizar lecturas dirigidas y realizarn anlisis en dinmica
de grupos, en algunos temas, en otros casos se realizarn investigaciones con
guas de trabajo, que debern ser entregadas en fechas estipuladas, para
favorecer la participacin activa en clase, las cuales se comunicarn a sus
c o m pa e r o s p o r m e d i o s e s c r i t o s , v i s u a l e s o a u d i o v i s u a l e s .
Temas de estudio y contenidos de Historia del Arte y del Diseo Visual 3
1860-1900: La herencia de la Revolucin Industrial y el mundo moderno.
Contenidos
La poca victoriana.
Eclecticismo, racionalismo y la Escuela de Chicago.
 Captulo 2. perfil del cliente y grupo objetivo 12

Impresionismo, neo y pos impresionismo. Social, Realismo Socialista y el Neo Romanticismo.

Arts and Crafts y Art Nouveau.
Les Vingt, Cloisonismo, Simbolismo, Decadentismo, Rose-Croise, Sintetismo y Objetivos
los Nabis.
Valorizar la Arquitectura a travs de las intenciones de los modelos creados en
Objetivos especficos el siglo XX. Que el estudiante exprese sus criterios sobre los diferentes estilo
vanguardistas y la nueva esttica de una manera fundamentada.
Defina el contexto econmico-social-poltico con los efectos de la Revolucin
Industrial y los avances cientficos. 1945-1965: Un nuevo desorden

1900- 1918: El auge de las Vanguardias Contenidos

Contenidos
Escuela de Werkbund. Naif, Fauvismo, Expresionismo, Escuela de Ashcan,
Cubismo, Sincronismo, Futurismo, metafsica, Sota de Diamantes, Constructivismo.
Funcionalismo y Organicismo Arquitectnico.
Die Brucke, Der Blaue Reiter, Rayonismo, Suprematismo.
Objetivos
El Arte Brut, Existencialista, El Outsider Art, Arte Abstracto Orgnico, etc. El
diseo en Europa y EEUU.
La Arquitectura Internacional y Regionalista.
Amrica Latina y Guatemala.
Art Informal, Expresionismo Abstracto, Letrerismo, Cobra, Beat Art, Cintico,
Ktchen Sink School, Neodadasmo, Combines, Funk art, el nuevo Brutalismo,
Nouveau Realismo, Internacional Situacionista, Ensamblaje, Art Pop, Performance,
Grav, Fluxus, Op Art y Abstracto Pospictrico.

Que el estudiante identifique el nuevo impulso de logro superando el nivel de Objetivos

excelencia de la sociedad en las artes y el diseo.
Que el estudiante se interrelacione, acte, discuta, proponga y resuelva en
1918-1945: La bsqueda de un nuevo orden propuestas de anlisis del arte y del diseo, en un compromiso de solidaridad
identificndose con las metas de grupo.
Contenidos
1965-hoy: Ms all de las Vanguardias
Escuela de la Bauhaus.
El Racionalismo Francs. Contenidos
El Art Dec.
Grupo 7, el M.I.A.R. Minimalismo, Conceptualismo, Budy Art, la Instalacin, grafitti, Hiperrealismo,
Escuela de Pars, Dering, Never-Sachlichkeit, el Surrealismo, etc. Arte Digital, Arte Internet.
El Estilo Internacional y el Movimiento de EEUU de Diseo.
Guatemala y Amrica Latina. Arbeitstrat fur Kunst, Novembergruppe, Precisionismo, La Arquitectura Moderna, Hightech, Tardomoderna, Deconstructivista, del Pliegue
Elementarismo, Arte Concreto, Realismo Mgico, American Scene, Realismo y Fractal.

Guatemala y Amrica Latina.
El anti diseo y el diseo global.
Objetivos
Que el estudiante identifique, analice y comunique la esttica y caractersticas
de las expresiones de Diseo Grfico, Diseo Arquitectnico y las Artes Puras,
con creatividad y excelencia.
2.2 Perfil del grupo objetivo
El grupo objetivo primario del proyecto est formado por los estudiantes del
tcnico de Diseo Grfico, especficamente los que reciben la asignatura de
Historia del Arte y del Diseo Visual 3. Escuela de Diseo Grfico, Facultad de
Arquitectura de la Universidad de San Carlos de Guatemala. Como se dijo
anteriormente, esta poblacin est conformada por 3 secciones, una en horario
matutino y dos en nocturno.
2.2.1 Perfil geogrfico
Segn datos brindados por el Departamento de Registro y Estadstica de la
Universidad de San Carlos de Guatemala, en el ao 2006 se inscribieron 1,102
estudiantes a la carrera Tcnica de Diseo Grfico. De este total, 90 son de
primer ingreso y 1,012 de reingreso. La Universidad completa tuvo un total de
inscripciones de 112,257, por lo que la poblacin estudiantil del tcnico de Diseo
Grfico conforma un 1.0 % de la poblacin total de esta Universidad.
Para conocer mejor al grupo objetivo de este proyecto, se realiz un estudio
sobre su perfil (ver anexo No. 2), del cual se obtuvieron los datos que se presentan
a continuacin.
Los estudiantes, en su mayora, viven en la ciudad de Guatemala y en ciudades
vecinas. El rea es urbana, con un clima templado, dividido principalmente en
dos estaciones: seca y lluviosa.
Captulo 2. perfil del cliente y grupo objetivo 13
Un porcentaje menor procede del interior del pas. Algunas reas son urbanas
y otras rurales. El clima es variado, va desde fro en el altiplano del pas, hasta
caluroso en las costas.
2.2.2 Perfil demogrfico
Edad: la mayora poseen entre 18 y 30 aos de edad, aunque no existe lmite
de edad para ser estudiante de esta carrera.
Sexo: Hombres y mujeres.
Ciclo de vida familiar: jvenes, solteros, casados, con o sin hijos.
Ingresos: Algunos estudiantes trabajan, y devengan un sueldo que vara entre
Q1,559.20 y Q5,000.00.
Ocupacin: estudiantes universitarios. El trabajo de quienes son empleados se
relaciona con su ttulo de nivel medio: maestros, secretarias, peritos, dibujantes,
diseadores, o se desempean en servicio al cliente, recepcin, ventas, etc.
Algunos trabajan en reas relacionadas con diseo grfico: agencias de publicidad,
estudios de diseo, imprentas, empresas editoriales, fotografa, animacin flash,
diseo web, o trabajo de freelance.
Educacin: ttulos a nivel medio: Bachilleres en Ciencias y Letras, Bachilleres
en Computacin, Bachilleres Industriales, Maestras de Prvulos, Maestras de
Primaria, Secretarias Bilinges, Peritos en Mercadotecnia y Publicidad, Bachilleres
en Diseo y Publicidad, Peritos en Dibujo en Construccin, entre otros.
Actualmente realizando estudios universitarios.
Religin: sin distingo religioso.
Raza: sin distingo de grupo tnico.
Nacionalidad: Guatemalteca, en su mayora. Sin embargo, la Universidad de
San Carlos recibe estudiantes de cualquier nacionalidad.
 Captulo 2. perfil del cliente y grupo objetivo
2.2.3 Perfil psicogrfico
Clase Social: Nivel Socio-econmico ABC.
Estilo de vida: Los estudiantes dividen su da entre trabajo y carrera, por lo que
su tiempo es ms limitado. Van diariamente a la universidad, y deben realizar
constantemente trabajos tanto tericos como prcticos. La mayora de los das
deben entregar bocetos o trabajos. Las clases que ms exigen dedicacin son
las prcticas, en especial Expresin Grfica y Diseo Visual.
Adems del trabajo, el estudio y las tareas universitarias, diariamente dedican
tiempo a realizar alguna de las siguientes actividades: tareas domsticas, escuchar
msica, ver televisin, ir al gimnasio, hacer deportes, jugar en la computadora,
navegar y chatear en Internet, compartir con la familia, etc.
Durante los fines de semana, dedican parte de su tiempo a leer y realizar trabajos,
y el resto lo dedican a compartir con la familia y amigos, y a asistir a la Iglesia,
distraerse, ir de compras, salir de vez en cuando a bailar, ir al cine, ver televisin,
hacer tareas domsticas, deporte, jugar en la computadora, dormir y descansar.
Sus gastos se encuentran limitados ya que algunos no trabajan, y quienes s lo
hacen tienen un sueldo que les sirve principalmente para pagar su carrera
(materiales, cmara fotogrfica, equipo de cmputo, tintas, impresiones, etc.)
Por lo general, poseen computadora, en su mayora con lector de cds, algunas
con lector de dvds, y con fcil acceso a Internet. Utilizan Internet tanto para
realizar investigaciones, bajar informacin, hacer tareas, enviar trabajos, buscar
tutoriales, as como para comunicarse por medio de correos electrnicos, chats,
messenger, compartir fotografas, conocer gente, jugar en red, descargar msica,
actualizar sus blogs, etc.
Personalidad: gustan del arte, principalmente las artes visuales, que incluyen
pinturas, diseos, dibujos, ilustraciones, fotografa, animaciones y material
audiovisual e interactivo. Son personas en su mayora perfeccionistas que
disfrutan de hacer las cosas manualmente, por ellos mismos. Son creativos,
innovadores, les gusta la tecnologa. Prefieren los trabajos prcticos, por lo que
14
prestan ms atencin a las clases prcticas que a las tericas. Pueden pasarse
horas trabajando un diseo o una ilustracin, dedicndole atencin especial a los
detalles y a la calidad del trabajo. En las clases tericas prefieren los ejemplos
grficos. Conforme avanzan en la carrera, van adquiriendo prctica en el manejo
de diversos programas de computadora, por lo que se introducen cada vez ms
en la utilizacin de la tecnologa como herramienta de investigacin y de diseo.
2.2.4 Perfil conductual
Frecuencia en el uso del material: Los estudiantes reciben la asignatura
regularmente, una o dos veces por semana, durante un semestre, situado en el
cuarto ciclo del pnsum de estudios.
Beneficios buscados: Los alumnos esperan de la asignatura poder conocer los
movimientos artsticos y de diseo grfico del siglo XX, tanto a nivel mundial como
nacional (diseo grfico guatemalteco) Quieren ver mucha informacin visual,
ejemplos grficos, una clase dinmica e interactiva, con actividades extra-aula
como visitas a museos, lugares histricos, etc.
Estatus del usuario: Los estudiantes son usuarios regulares, ya que deben llevar
la asignatura obligatoriamente.
Tasa de uso: Frecuente. Reciben clases una o dos veces por semana. Por lo
general, dedican semanalmente entre 1 y 10 horas de tiempo extra aula para
estudiar y realizar tareas para esta asignatura.
Estatus de lealtad: Media. Las asignaturas favoritas son Diseo Visual, Expresin
Grfica y Fotografa, las que son, a la vez, a las que ms tiempo dedican. Las
materias tericas son las de menos aceptacin, sobre todo las que se relacionan
con investigacin.
Etapa de disposicin: Informado, interesado.
Actitud hacia el producto: La asignatura no se encuentra ni entre las favoritas ni
entre las de menos aceptacin. Algunos estudiantes gustan mucho de esta materia,
a pesar de que las clases tericas son las que menos gustan a los estudiantes.
 Captulo 2. perfil del cliente y grupo objetivo 15

A la mayora les gusta investigar pero sobre todo si el tema les interesa.

Las clases les parecen poco amenas, sugieren que sean ms dinmicas,
interactivas, que participen los alumnos, que realicen visitas a museos, galeras,
lugares histricos, que se hagan talleres donde se apliquen las tcnicas de los
artistas, que se utilicen ms imgenes en diapositivas, material audiovisual y
documentales, poder tener contacto directo con las piezas de arte y diseo, que
los contenidos estn ms enfocados al diseo grfico.
 Captulo 3. conceptos fundamentales del tema y de diseo
Captulo 3.
Conceptos fundamentales del
tema y de Diseo
En este captulo se definen los conceptos relacionados con el tema, tanto
generales como de diseo grfico. Estos sern la base para la realizacin de
la propuesta grfica, la cual se presentar ms adelante.
3.1 Conceptos de Arte,
Diseo e Historia
3.1.1 Definiciones de Arte
El Arte es la accin por la que el ser humano expresa o representa una visin
personal de sentimientos, emociones, ideas, objetos reales o imaginarios, usando
imgenes, sonidos, palabras, movimientos corporales, etc., que pueden ser
percibidos por los sentidos. El artista se rige, en general, por principios estticos.
Busca lograr cierta reaccin emocional en el pblico que tiene contacto con su
obra de arte.
El trmino arte procede del latn ars. En la Antigedad se consider el arte como
la pericia y habilidad en la produccin de algo. (http://es.wikipedia.org).
Obra de Arte
La obra de arte es el producto o mensaje obtenido por la produccin artstica.
Se considera una obra de arte a objetos estticos (bellos), agradables, realizados
con una tcnica muy precisa, o que expresan la visin del artista.
17
Bellas Artes
A finales del siglo XV, las obras fueron separadas en artesanas (produccin
mltiple de una misma obra), y artes liberales, llamadas actualmente bellas artes.
Estas ltimas eran nicas, y estaban conformadas por escultura, pintura y
arquitectura.
Gracias a la variedad de tcnicas y a los avances tecnolgicos, actualmente los
medios de produccin artstica se han multiplicado, encontrndose entre los
principales:
Las seis primeras son arquitectura, danza, escultura, msica, pintura y poesa
(literatura) segn la clasificacin usada en la antigua Grecia.
El sptimo es la cinematografa.
La octava es la fotografa.
La novena es la historieta.
Algunos consideran otras artes en la lista, como la televisin, la moda, la publicidad
o los videojuegos (http://es.wikipedia.org). En realidad el listado es mucho ms
amplio. Entre esta gran lista encuentran las artes grficas y el arte digital (que
puede ser ilustracin, montajes fotogrficos, animaciones 2 y 3 dimensiones,
pginas web, material interactivo y multimedia, etc.) Todos estos ltimos,
relacionados directamente con el trabajo del diseador grfico.
Esttica
La Esttica se define como la ciencia que trata de la belleza y de la teora
fundamental y filosfica del arte. La palabra se deriva de las voces griegas
aistesis (sentimiento) e ica (relativo a). Ciencia de lo bello, a la que se agrega
un estudio de la esencia del arte, de las relaciones de ste con la belleza y los
dems valores (http://es.wikipedia.org/wiki/Est%C3%A9tica).
Por lo general, una obra es considerada arte si en ella se cumplen ciertos
parmetros de esttica o, como comnmente se dira, si es bella. Pero el tema
de la belleza es muy debatido, ya que en la consideracin sobre si algo es bello
o no, influyen diversos factores fsicos, psicolgicos y culturales, que varan de
 Captulo 3. conceptos fundamentales del tema y de diseo
una persona a otra. Las obras de arte las interpretamos de acuerdo con nuestras
propias finalidades y aspiraciones, les trasladamos un sentido cuyo origen est
en nuestras formas de vida.
Muchos son los pensadores que se han interesado por el arte y su significado:
Aristteles afirma que la belleza consiste en magnitud y orden, dice que no
existe lo bello absoluto. asegura que para discernir si algo es bello o no, debemos
referimos al sentimiento de agrado o desagrado experimentado por ste. Lo
esttico no se puede medir. No puede haber ninguna regla de gusto objetiva
que determine por conceptos lo que sea bello, afirma que la belleza de la forma
en la naturaleza se presenta sucesivamente como regularidad, simetra y
conformidad y armona (http://es.wikipedia.org).
Una nueva visin del arte
Durante el siglo XX, surge una revolucin artstica que reacciona en contra del
concepto tradicional de belleza, el cual pone en tela de juicio la clasificacin
comnmente dada a las obras de arte como bellas. De all surge un nuevo
concepto de arte, donde lo ms importante es que la obra muestre la visin y
los sentimientos del artista, y provoque alguna reaccin sentimental en el pblico,
no necesariamente agradable. Algunos tericos incluso consideran al arte
moderno como antiesttico.
La produccin ya no se limita a copiar la naturaleza, a pintar retratos y paisajes,
(gracias a la aparicin de la fotografa, que posibilitaba realizar estas reproducciones
realistas sin mayor esfuerzo). En cambio, se busca expresar conceptos, ideas.
Las corrientes artsticas de vanguardia estaban muy comprometidas con sus
creencias y su visin del mundo y de la vida, y trataron de plasmarlo en sus
obras, por medio de las tcnicas tradicionales, o a travs del collage, la tipografa,
montajes fotogrficos, troncos, huesos, palos, acero, y mtodos de reproduccin
moderna a gran escala como la serigrafa.
3.1.2 Definiciones de Diseo
Diseo
La palabra Diseo es considerada tanto sustantivo como verbo. Diseo como
verbo (disear) se refiere al proceso de creacin y desarrollo de un plan para
18
producir un nuevo objeto o medio de comunicacin para uso humano. Como
sustantivo, el diseo se refiere al plan final o proposicin determinada fruto del
proceso de disear (dibujo, proyecto, maqueta o descripcin tcnica), o al
resultado de poner ese plan final en prctica (el objeto producido).
Disear requiere consideraciones funcionales y estticas. Necesita de numerosas
fases de investigacin, anlisis, modelado, ajustes y adaptaciones previas a la
produccin definitiva del objeto.
El diseo tiene su origen en el cambio social que los pases industrializados
sufrieron a finales del siglo XIX y principios del XX, ms ligado a la economa
que a la expresin creativa y al arte. Surgi y se desarroll en momentos de gran
avance econmico e industrial. Relacionado con la expansin del consumo y la
produccin.
Sin embargo, el diseo, en alguna de sus formas, tambin naci como un rechazo
a la revolucin industrial. Supuso una ltima esperanza para las actividades
ligadas al artesanado y a las ideas preindustriales. As sucedi con casi todos
los movimientos que miraban con desconfianza el avance industrial al que
culpaban del deterioro esttico de los nuevos objetos de la vida cotidiana y de
la destruccin de la creacin artesanal.
El diseo guarda relacin con la actividad artstica en la medida que emplea un
lenguaje similar, que utiliza una sintaxis prestada de las artes plsticas, pero es
un fenmeno de naturaleza ms compleja y enteramente vinculado a la actividad
productiva y al comercio.
El Diseo puede conceptualizarse como un campo de conocimiento
multidisciplinario, que implica su aplicacin en distintas profesiones, que puede
ser estudiado, aprendido y enseado. Es una actividad tcnica y creativa
encaminada a idear un proyecto til, funcional y esttico que pueda llegar a
producirse en serie como en el diseo grfico.
El buen diseo se caracteriza por su buena usabilidad y no siempre por su
originalidad.
El diseador y el artista tienen en comn la creatividad. El diseador es el
intermediario y mediador entre el mensaje y la poblacin a quin va dirigido, por
lo que debe contener una serie de signos comprensibles para el sector a quien
 Captulo 3. conceptos fundamentales del tema y de diseo
pretende ir dirigido y basado en una serie de armonas estticas
(http://es.wikipedia.org).
Diseo visual
El diseo visual es una disciplina profesional que estudia los sistemas de
informacin, con el objeto de convertir los datos en formas visuales, teniendo
en cuenta los procesos perceptivos. Consiste en la creacin de imgenes estticas
y funcionales con fines netamente comunicacionales, para esto se hace uso de
las nuevas tecnologas. El diseo visual crea estructuras de comunicacin e
informacin visual.
El diseador visual es un profesional que comunica mensajes significativos a
travs de imgenes estticas, relacionadas con el diseo grfico, el diseo
editorial, la identidad corporativa; e imgenes dinmicas que tienen que ver con
el video, la televisin y el cine, el diseo ambiental y la sealtica, buscando la
expresin del medio social y cultural que vive, con base en sus posibilidades
creativas y apoyndose en los avances cientficos y tcnicos como los
computadores, cmaras profesionales, etc.
Est capacitado para diagnosticar las necesidades existentes en la comunidad
para disear imgenes propicias para la comunicacin. La capacidad analtica
y el sentido esttico desarrollado le permite evaluar el entorno visual
(http://es.wikipedia.org).
Las Artes Plsticas y el Diseo Grfico
El debate sobre si el diseo grfico es arte o no lo es, es uno de los temas sobre
el que los tericos del diseo discuten actualmente. Hay quienes alegan que el
diseo no es arte por ser un encargo de parte de un cliente, y se basan en la
teora de que el diseador no expresa su visin personal, sino que elabora
mensajes solicitados por el cliente, y dirigidos a un grupo objetivo especfico.
Entre estos pensadores, algunos aseguran que el diseo grfico es una tarea
ms complicada que la produccin artstica, pues posee objetivos de comunicacin
especficos, y debe llamar la atencin e incluso persuadir al pblico a quien va
dirigido. Por otro lado, quienes defienden al diseo como arte, se basan en el
aporte creativo y esttico que el autor da a sus creaciones.
19
Andrs Muglia es uno de los tericos que considera que el diseo es una disciplina
artstica, y defiende su teora con los siguientes argumentos: Separar al arte
del diseo es un error que no surge de una mala definicin del concepto de
diseo sino, por el contrario, de una definicin incorrecta del concepto de arte.
El diseo, dicen, parte de un encargo, de un cliente que pide la resolucin a un
problema de comunicacin. El arte, en cambio, est para ellos motivado por la
necesidad de auto-expresin del artista.
Durante miles de aos el artista vivi de los encargos de los ms diversos
clientes, desde la Iglesia a la corona, desde la aristocracia a la burguesa. Las
obras que llenan Iglesias y museos fueron encargos de mecenas muchas veces
ms intransigentes e incomprensivos que el peor de los clientes actuales. El
artista tambin tiene que tratar con un cliente, y en la actualidad contina
hacindolo. Sigue prestando atencin al mercado, y sigue estando condicionado
por l.
La mecnica de trabajo del diseador tiene puntos de contacto con la del artista
plstico. Tanto en el proceso artstico como en el del diseo, existen una serie
de decisiones que apelan a la subjetividad del individuo. Tienen que ver con el
gusto del diseador y con la moda o tendencia del momento. Negar la importancia
de este margen de decisin personal es negar el sello que cada diseador le
pone a lo que hace. La diferencia comunicacional entre la plstica y el diseo
se torna completamente difusa al contemplar los resultados del diseo
contemporneo. (Muglia, 2006. www.foroalfa.com).
Tanto la produccin artstica como la de diseo grfico, tienen puntos en comn,
entre los que se encuentran la creatividad, el uso del color y la forma, el manejo
de tcnicas especficas para realizar sus obras, y la decisin sobre utilizacin
de smbolos grficos, combinaciones, esttica, composicin, etc. El diseo grfico,
adems, debe tener en consideracin cuestiones como el grupo objetivo a quien
va dirigido su mensaje, la legibilidad, el cliente, el contexto, y debe tener
conocimientos sobre sociologa, psicologa de la comunicacin, mercadotecnia,
etc.
Para resumir la primer rea de definiciones y continuar con los conceptos
fundamentales del problema a resolver, hemos definido el arte y el diseo. El
arte es la produccin de obras que transmiten informacin de ideas o conceptos
 Captulo 3. conceptos fundamentales del tema y de diseo
con principios estticos, y que representan la visin personal del artista. La
esttica busca lograr la belleza, aunque nunca se podr encontrar la belleza
absoluta, siempre ser relativa. El diseo es la planificacin y produccin de
algo, y el resultado busca combinar la esttica con la funcionalidad. El diseo
visual es la planificacin y creacin de mensajes utilizando signos visuales, y
ahora tambin audiovisuales, que buscan cumplir objetivos concretos de
comunicacin, y son creados para un pblico bien delimitado que ha sido
estudiado con anterioridad. Las piezas resultantes debern ser tanto funcionales
como estticas y creativas, lo que coloca al diseo grfico muy cerca de la
produccin artstica.
A continuacin, se presentan definiciones sobre Historia y Didctica, para ir
acercndose ms al tema a tratar en este proyecto de comunicacin visual.
3.1.3 Conceptos de Historia
Definicin de Historia
La Historia es la ciencia que tiene como objeto el pasado de la humanidad y
como mtodo el propio de las ciencias sociales. La palabra Historia deriva del
griego oida (yo s), deriv a iotopia (investigacin o informacin) y de all pas
al latn Historia. (http://es.wikipedia.org/wiki/Historia).
Historiografa
La historiografa es el registro escrito de la Historia.
Historiologa
La Teora de la Historia puede llamarse tambin historiologa. Su papel es
estudiar la estructura, leyes y condiciones de la realidad histrica.
(http://es.wikipedia.org/wiki/Historiograf%C3%Ada).
Fines de la Historia
La historia es una ciencia social y humana, que se encarga de estudiar los
procesos sociales. Explica los hechos y eventos del pasado y nos ayuda a
comprender el presente. La historia tiene una proyeccin al futuro por su potencia
20
transformadora como herramienta de cambio social.
Enfoques del campo de estudio de la historia:
Enfoque clsico: este enfoque afirma que la historia comienza con la aparicin
de la escritura y se prolonga hasta la actualidad; desde este punto de vista, gran
nmero de pueblos de la Tierra no tienen historia.
Enfoque multiculturalista: la historia es el perodo dentro del cual es posible
obtener o reconstruir un relato fiable de los acontecimientos que afectan a un
grupo humano.
Los acontecimientos ocurridos antes del periodo histrico se denominan prehistoria.
Los acontecimientos situados en un perodo de transicin entre la prehistoria y
la historia son denominados protohistoria. Proto significa primero, protohistoria:
la primera historia" (http://es.wikipedia.org/wiki/Historia).
Historia del Arte
La Historia del Arte es la rama de la historiografa cuya rea de conocimiento
se basa en el estudio de las distintas extensiones artsticas que se han dado a
lo largo de toda la historia de la humanidad y su posterior clasificacin e
interpretacin de las mismas (http://es.wikipedia.org/wiki/Historia_del_Arte).
Historia del Diseo Visual
Basados en la definicin de Historia del Arte, se puede deducir que la Historia
del Diseo Visual es la rama de la historiografa que estudia las diferentes
tendencias del Diseo Visual a lo largo de la historia de la humanidad.
3.2 Didctica
La Didctica es la disciplina cientfico-pedaggica que tiene como objeto de
estudio el proceso de enseanza-aprendizaje. Es la parte de la pedagoga que
 Captulo 3. conceptos fundamentales del tema y de diseo
se ocupa de los sistemas y mtodos prcticos de enseanza. Pretende fundamentar
y regular los procesos de enseanza y aprendizaje.
(http://es.wikipedia.org/wiki/Did%C3Alctica).
Componentes
Los componentes que actan en el acto didctico son: El docente o profesor,
el discente o alumno, el contenido o materia, el contexto del aprendizaje y las
estrategias metodolgicas.
La mayora de los modelos tradicionales se centraban en el profesorado y en
los contenidos. Los aspectos metodolgicos, el contexto y, especialmente, el
alumnado, quedaban en un segundo plano. Como respuesta al verbalismo y al
abuso de la memorizacin tpica de los modelos tradicionales, los modelos
activos buscan la comprensin y la creatividad, mediante el descubrimiento y
la experimentacin. Estos modelos pretenden desarrollar las capacidades de
autoformacin.
Hoy en da, la aplicacin de las ciencias cognitivas a la didctica ha permitido
que los nuevos modelos didcticos sean ms flexibles y abiertos, y muestren la
enorme complejidad y el dinamismo de los procesos de enseanza-aprendizaje.
Cabe distinguir: Didctica general, aplicable a cualquier individuo. Didctica
diferencial, que tiene en cuenta la evolucin y caractersticas del individuo.
Didctica especial, que estudia los mtodos especficos de cada materia o
asignatura. (http://es.wikipedia.org/wiki/Did%C3Alctica).
3.2.1 Didctica de la Historia
Existe una serie de actividades que deben estar presentes en toda ctedra de
Historia: aprender a formular hiptesis; aprender a clasificar de fuentes histricas;
aprender a analizar las fuentes; aprender a analizar la credibilidad de las fuentes
y, por ltimo, el aprendizaje de la causalidad y cmo iniciarse en la explicacin
histrica.
21
Aprender a formular hiptesis de trabajo
Los alumnos deben aprender a formular hiptesis. Las hiptesis son las
suposiciones lgicas que intentan dar respuestas al problema planteado. Estas
deben ser demostradas o rechazadas, por medio de fuentes histricas, del
testimonio de los informantes (que pueden ser tambin: objetos, edificios,
imgenes, etc.) que fueron testigos o parte del tema que se estudia. (Prats y
Santacana, 1998: www.ub.es/histodidactica/)
Aprender a clasificar fuentes histricas
Es preciso aprender a conocer la naturaleza de las fuentes, el tipo de fuentes
y saber buscarlas, ordenarlas y clasificarlas. Poner al alumnado en contacto
directo con fuentes muy diversas, bien sean orales o escritas.
Tipos de fuentes primarias.
-Fuentes materiales: Edificios, caminos, instrumentos, vestidos, armas,
monumentos, etc.
-Las fuentes escritas, (cartas, tratados, crnicas, documentos legales, etc.)
Tambin las de tipo periodstico: prensa, revistas y material grfico.
-Las fuentes iconogrficas (grabados, cuadros, dibujos, etc.) Sin embargo, la
mayora de las veces las utilizamos como meras ilustraciones, sin entrar en el
anlisis de sus contenidos.
- Fuentes orales. Importantes para la Historia reciente: registrar la voz del abuelo
que nos explica cmo trabajaba, cmo se diverta, etc.
Hay quien afirma que la Historia debera pisarse, en el sentido que cuando
hablamos, por ejemplo, de la Edad Moderna deberamos pisar alguna ciudad
colonial del siglo XVIII; para comprender la revolucin industrial deberamos
poder visitar una fbrica o un barrio burgus, entrar en sus casas y compararlo
con los suburbios obreros del mismo momento. La cuestin principal radica en
saberlo identificar como documento histrico, en saber acercarse a l con actitud
 Captulo 3. conceptos fundamentales del tema y de diseo
especulativa y con sensibilidad cientfica. (Prats y Santacana, 1998:
www.ub.es/histodidactica/)
Aprender a analizar las fuentes
Ensear a obtener informacin y descodificar los distintos tipos de fuentes. Leer
con mentalidad indagativa para obtener noticias directas o indirectas de la poca.
En las imgenes preguntarse: Qu elementos observamos? Cmo son? Qu
representan? Qu actividades realizan los personajes? Qu objetos usan?
En el caso del anlisis de textos, imaginarse los escenarios a base de las
descripciones. (Prats y Santacana, 1998: www.ub.es/histodidactica/)
Aprender a valorar las fuentes
Introducir al alumnado a la crtica de fuentes. Cada fuente expresa la ptica
particular de un individuo, o de su grupo. Es preciso contrastar las fuentes con
otras distintas, contrarias, para establecer todas las posiciones y pticas posibles.
No se puede analizar cada parte por separado; hay que estudiar la documentacin
de forma global, entendindolo como diversos enfoques. (Prats y Santacana,
1998: www.ub.es/histodidactica/)
3.2.2 Objetivos del aprendizaje
de la Historia
Uno de los mayores problemas de las ciencias sociales es que no son vistas
como conocimientos cientficos. Se suelen presentar como conocimientos
acabados. Son vistas por el alumnado como asignaturas memorsticas, ms o
menos interesantes, y que no conllevan actividades discursivas, de indagacin
o de resolucin de problemas. Pero la Historia sirve de diversas maneras a los
estudiantes. Su principal funcin es la de explicar el presente.
Fines educativos de la Historia
El estudio de la Historia puede servir en la educacin para:
-Facilitar la comprensin del presente.
22
- Preparar a los alumnos para la vida adulta. Para entender los problemas
sociales, para usar crticamente la informacin.
-Despertar el inters por el pasado.
-Potenciar en los estudiantes un sentido de identidad. Tener una conciencia
de los orgenes significa que cuando sean adultos podrn compartir valores,
costumbres, ideas, etc. La propia identidad siempre cobrar su positiva dimensin
en la medida que movilice hacia la mejor comprensin de lo distinto, lo que
equivale a hablar de valores de tolerancia y de valoracin de lo diferente.
-Ayudar a los alumnos en la comprensin de sus propias races culturales
y de la herencia comn.
-Contribuir al conocimiento y comprensin de otros pases y culturas del
mundo de hoy.
-Contribuir a desarrollar las facultades de la mente mediante un estudio
disciplinado. La Historia depende en gran medida de la investigacin rigurosa
y sistemtica. El conocimiento histrico es una disciplina para la formacin de
ideas sobre los hechos humanos, lo que permite la formulacin de opiniones y
anlisis sobre las cosas, mucho ms estrictos y racionales.
-Introducir a los alumnos en el conocimiento y dominio de una metodologa
rigurosa propia de los historiadores. El mtodo histrico puede ser simulado
en el mbito didctico, lo que supone el entrenamiento en la capacidad de
anlisis, inferencia, formulacin de hiptesis, etc.
Tanto la Historia como la Geografa contribuyen a ampliar la sensibilidad respecto
a las formaciones sociales; permiten realizar observaciones; proporcionan
informacin para establecer esquemas de diferencias; son las disciplinas que
permiten analizar los procesos y las tensiones temporales; intervienen en la
construccin de perspectivas conceptuales; tratan de la causalidad interactiva;
 Captulo 3. conceptos fundamentales del tema y de diseo
estudian ritmos y "tempos"; y permiten incorporar tcnicas y mtodos de
investigacin social aplicada al pasado y al presente. Son materias de conocimiento
primordial y central en cualquier currculum. (Prats y Santacana, 1998:
www.ub.es/histodidactica/)
Objetivos didcticos de la Historia
Los principales objetivos de enseanza de la Historia son los siguientes:
1. Comprender los hechos ocurridos en el pasado y saber situarlos en su
contexto.
2. Comprender que en el anlisis del pasado hay muchos puntos de vista
diferentes.
3. Comprender que hay formas muy diversas de adquirir, obtener y evaluar
informaciones sobre el pasado.
4. Ser capaces de transmitir de forma organizada lo que sobre el pasado se ha
estudiado o se ha obtenido.
Comprender los hechos ocurridos en el pasado y saber situarlos en su
contexto.
Saber ubicar los acontecimientos en una secuencia temporal y utilizar
convenciones cronolgicas adecuadas mediante el uso de lneas u otras
representaciones grficas. Las acciones ocurridas en el tiempo nunca pueden
explicarse de forma aislada. Contextualizar histricamente los hechos. Comprender
que los acontecimientos histricos tienen ms de una causa y diversas
consecuencias.
Comprender que en el anlisis del pasado hay muchos puntos de vista
diferentes.
Los valores de su poca, de su clase, nacionalidad, o creencias afectan a los
historiadores en sus juicios sobre el pasado.
Comprender que hay formas muy diversas de adquirir, obtener y evaluar
informaciones sobre el pasado.
Adquirir informacin histrica a travs de fuentes diversas que contienen ms
informacin de la necesaria y que deben ser valoradas y criticadas, segn los
procedimientos habituales que los historiadores emplean en la crtica de fuentes.
23
Transmitir de forma organizada lo que sobre el pasado se ha estudiado o
se ha obtenido.
Saber comunicar cosas del pasado sirvindose de ms de un medio de expresin
(mapas, informes, dibujos, diagramas, narraciones, etc.) Seleccionar la informacin
relevante. Sintetizar. Estructurar informacin compleja. (Prats y Santacana,
1998: www.ub.es/histodidactica/)
Las dificultades para la enseanza de la Historia
La comprensin de los fenmenos histricos supone un dominio de modelos
de conocimiento extremadamente abstractos y la utilizacin de anlisis de
variables y relaciones difcilmente aislables. Una dificultad para el aprendizaje
de la Historia radica en la imposibilidad que ofrece de poder reproducir hechos
concretos del pasado. Tan solo disponemos de fuentes (restos arqueolgicos,
documentos, cuadros, etc.) que suponen un trabajo de anlisis, crtica y relacin
que comporta una cierta especializacin tcnica. (Prats y Santacana, 1998:
www.ub.es/histodidactica/).
El mtodo histrico
Se debe buscar que los alumnos comprendan cmo pueden conseguir saber
lo que pas y cmo lo explican. Esto significa utilizar los instrumentos del
historiador.
El mtodo histrico y el proceso de
enseanza/aprendizaje
El historiador se plantea cualquier trabajo de acuerdo con las siguientes pautas:
-Recopilacin de informacin previa sobre el tema objeto de estudio.
-Hiptesis explicativas.
-Anlisis y clasificacin de las fuentes histricas.
-Causalidad. Una vez establecidos los hechos, de ellos se derivarn
consecuencias, o quizs sern la causa de otros.
- Explicacin histrica del hecho estudiado. Elaborar una explicacin que
enmarque lo ocurrido en una teora explicativa del pasado. Saber porqu ocurri
y en qu contexto histrico puede explicarse. Esta es la fase de interpretacin.
(Prats y Santacana, 1998: www.ub.es/histodidactica/).
 Captulo 3. conceptos fundamentales del tema y de diseo
3.2.3 Didctica de la Historia del Arte
La Historia del Arte debe utilizar herramientas de la didctica de la Historia como
lo son la investigacin, el anlisis y la valoracin de las fuentes histricas, la
interpretacin, etc. Los alumnos deben conocer el contexto para comprender las
diferentes formas de expresin artstica. Las obras de arte, a su vez, son una
importante fuente de informacin histrica, que ayudan a explicar sucesos,
muestran modas, estilos de vida, jerarquas, espiritualidad, mitologas, etc.
Las imgenes juegan una parte fundamental en la enseanza de la Historia del
Arte. Los alumnos deben poder reconocerlas, distinguir a qu lugar, poca y
estilo pertenecen, as como a realizar anlisis y utilizarlas como referencia para
nuevas creaciones.
El programa de enseanza de Arte debe integrar y relacionar la crtica del Arte,
la Esttica, la Historia de Arte y la Produccin Artstica, a travs de un anlisis
cronolgico.
Para introducir a los alumnos al estudio de la Historia del Arte, se recomienda
utilizar una lnea de tiempo que muestre el desarrollo del Arte en las diferentes
culturas y manifestaciones. Esto ayuda a crear una idea global del contenido
que se va a estudiar.
Se busca tres tipos de aprendizaje: Anlisis de la esttica y crtica de la obra de
arte. Aprender sobre obras de arte e historia del arte. Aprende a hacer arte.
Como se ha mencionado anteriormente, el alumno debe ser un ente activo en
el proceso de aprendizaje. La creacin artstica y la experimentacin son tcnicas
que ayudan a los alumnos a comprender y a aprender la Historia del Arte, adems
de incentivarlo, ya que vuelve a la clase ms dinmica y participativa.
Tambin es importante acercar a los estudiantes al material original. Visitar
lugares histricos de las pocas que se estn aprendiendo, que visiten edificios
que posean las caractersticas de la poca, iglesias, ruinas, etc., que vayan a
museos tanto de historia como de arte, que tengan contacto con los artistas ms
famosos y destacados del pas, que vean su forma de trabajo, su ideologa, sus
tcnicas, que visiten escuelas de educacin artstica, que asistan a conciertos
musicales y a producciones teatrales, que aprecien el desarrollo del cine y la
fotografa, que tengan contacto con hemerotecas, etc. Y que aprendan a
interrelacionar las diferentes disciplinas artsticas, as como la poca y el contexto
de cada una de ellas.
24
3.2.4 Didctica del Diseo Grfico
La forma de ensear Diseo Grfico no se basa en las tcnicas tradicionales
de enseanza. El diseo es una mezcla de conocimientos tericos, manejo de
tcnicas artsticas y digitales, as como memoria visual, cultura grfica y
creatividad. Adems, exige conocimientos del mercado, del grupo objetivo y de
las tendencias actuales de diseo visual. Requiere de mucha capacidad de
abstraccin y de poder comunicar ideas por medio de imgenes.
Este tipo de educacin debe brindar una amplia gama de teoras relacionadas
con el diseo (color, tipografa, formas, composicin, teora de la imagen,
psicologa de la comunicacin, mercadotecnia, etc.); no slo basndose en unos
pocos autores, si no brindar puntos de vista divergentes que ayuden a los
alumnos a tener una visin ms amplia de la teora del diseo. Tambin debe
fomentar el anlisis de obras grficas, tanto desde el punto de vista del diseador
como del grupo objetivo (muchas veces una pieza grfica que puede parecer
incorrecta para un diseador, puede funcionar para el cliente y para el pblico,
y cumplir con sus objetivos de comunicacin). Tambin es importante desarrollar
la memoria visual de los estudiantes. Entre ms rico sea este conocimiento,
ms imgenes tendr como referencia para nuevas creaciones.
Pero la teora sin prctica es difcil de comprender y fcil de olvidar. El refuerzo
ideal para toda esa informacin sera aplicarla a trabajos de diseo. El aprendizaje
de medios de expresin grfica es un pilar fundamental para todo diseador.
El inicio lgico es el entrenamiento en el dibujo y tcnicas como crayn, acuarela,
pintura acrlica, tinta, etc. Tambin se incursiona en la fotografa, una herramienta
que no puede separarse del trabajo del diseador. El manejo de programas de
software tambin es un requisito bsico para poder optar a un lugar en el mercado
del diseo. Un aspecto importante que no se debe dejar a un lado es la
experimentacin. Probar nuevas tcnicas, combinarlas, buscar nuevos materiales,
trabajar manualmente, todo para fomentar la creacin de obras originales, y
brindarle herramientas al alumno para ir encontrando su propio estilo y estimular
una actitud de bsqueda constante de soluciones diferentes, nicas.
El resultado de adquirir toda esa serie de conocimientos tericos y aptitudes
grficas debe verse reflejado en los trabajos realizados por los estudiantes. La
combinacin de la teora y la prctica necesita de un elemento ms para ser
eficaz: la creatividad.
 Captulo 3. conceptos fundamentales del tema y de diseo
La realizacin de obras diferentes, nicas, con el toque personal que cada autor
les brinda, es lo que hace al diseo grfico ganarse un lugar dentro de la
clasificacin de arte. Por lo que el estudiante debe aprender a combinar toda
esta serie de elementos, y lograr una pieza creativa, esttica y funcional.
El mercado actual exige que las piezas de diseo sean creativas, estticas,
funcionales, que cumplan con sus objetivos de comunicacin estratgica. La
funcin principal del diseo grfico es la de transmitir un mensaje especfico al
pblico. Por lo que lo ms importante es que la pieza grfica logre este objetivo.
La forma queda a criterio del diseador.
Jos Korn Bruzzone afirma que se debe lograr en los futuros profesionales del
diseo: manejo de la imagen, el texto, el espacio, el movimiento, el tiempo, el
sonido y la interactividad. Desarrollo de una mentalidad crtica y actitud de
autorreflexin. Manejo estratgico de la comunicacin. Comprensin del
conocimiento y las emociones, as como factores humanos de tipo fsico, social
y cultural. Ms que nunca, la enseanza del diseo debe preparar al alumno
para experimentar y desarrollar sus potenciales dentro y ms all de los programas
acadmicos. (Jos Korn Bruzzone, 2006: www.foroalfa.com).
Francisco Calles, al criticar la enseanza del diseo grfico, asegura que se
debe desarrollar en los estudiantes estrategias de autoaprendizaje y
autoformacin, promover las condiciones favorables para la experimentacin,
sin la coaccin de concepciones recibidas, y ayudar a los estudiantes a construir
su propio repertorio de competencias y habilidades. El nfasis de este modelo
pedaggico se sita en el aprender haciendo. Los cambios vertiginosos en
materia tecnolgica demandan a los diseadores una gran capacidad de
adaptabilidad, y un estado constante de aprendizaje (Calles, 2006:
www.foroalfa.com). Autoaprendizaje, autoformacin, adaptabilidad, son actitudes
que un diseador debe mantener a lo largo de su desempeo profesional, por
lo que la educacin de los diseadores debe enfatizar y desarrollar estas actitudes
en los estudiantes.
25
Dos distorsiones en la enseanza del diseo grfico
Norberto Chvez defiende su teora de que el diseo grfico es un oficio, bajo
el argumento que es un trabajo productivo en un campo especfico; trabajo
que, a travs de la experiencia, acumula una serie de habilidades y saberes
prcticos. (Chvez, 2006: www.foroalfa.com). Critica las dos visiones opuestas
del diseo grfico, teoricismo y creativismo, pues descartan la idea del carcter
de oficio del diseo, y muestran una parte importante pero no suficiente del
proceso de diseo.
Segn Chvez, el teoricismo concibe al diseo grfico como teora aplicada.
Dicha concepcin tiende a considerar que el criterio de validacin de la prctica
es la obediencia a dichos preceptos tericos y no a la eficacia comunicacional
real del producto diseado.La comunicacin grfica y su diseo, para esta ptica,
constituyen hechos absolutamente aprehensibles y aprendibles por medio de
las ideas, resultando superflua toda otra va de captacin del fenmeno grfico
y de la intervencin sobre l: la intuicin, la memoria, la sensibilidad, la experiencia
y la reiteracin, la observacin, la recopilacin de imgenes, etc.
El creativismo localiza a la creatividad en el ncleo del diseo. Este mito reniega
de la teora, de la racionalidad y hasta de los mismsimos condicionantes del
programa: la respuesta creativa hace eclosin como una pura manifestacin del
talento inmanente del diseador.
Chvez propone desarrollar en los estudiantes el hbito de observacin y
anlisis del campo grfico real, la ejercitacin de la mirada y el desarrollo de
una real cultura visual. Tener informacin sobre el estado actual de la produccin
grfica mundial y su historia. Poseer hemerotecas y bibliotecas grficas bien
nutridas. La cultura grfica es despreciada por el terico, que siente fobia hacia
todo saber prctico o verdad emprica. Y es despreciada por el creativo, pues
empaa el protagonismo y la originalidad del diseo de autor. Ninguno quiere
aprender un oficio que preexiste a toda carrera acadmica y que evoluciona
con autonoma respecto de lo que ocurre en los claustros. (Chvez, 2006:
www.foroalfa.com).
 Captulo 3. conceptos fundamentales del tema y de diseo
En realidad, el diseo grfico es una mezcla de ambas visiones, as como de
la experiencia y cultura visual del diseador (o sea el carcter de oficio del
diseo). Se necesita tanto de teora para aplicar a las piezas grficas, como de
creatividad. La teora incluye aspectos como composicin, combinacin de
colores, tipologa, semiologa, teora de la imagen, etc. La creatividad es lo que
hace nica a esa pieza grfica, el toque especial que cada diseador da a sus
obras. La cultura grfica sirve tanto como referencia, para evocar pocas pasadas,
para estar a la vanguardia en las corrientes de diseo, como para proponer
nuevos estilos, combinando los estilos pasados, con la teora y la creatividad.
3.3 Los medios didcticos
3.3.1 Los medios didcticos
y los recursos educativos
Distinguimos los conceptos de medio didctico y recurso educativo.
Medio didctico es el material elaborado con la intencin de facilitar los procesos
de enseanza y aprendizaje. Un libro de texto o un programa multimedia.
Recurso educativo es cualquier material que, en un contexto educativo
determinado, sea utilizado con una finalidad didctica. Puede ser o no medio
didctico. (Mrquez, 2001: http://dewey.uab.es/pmarques/medios.htm).
Componentes estructurales de los medios
El sistema de smbolos (textuales, icnicos, sonoros)
El contenido material los elementos semnticos de los contenidos, su
estructuracin, los elementos didcticos que se utilizan, la forma de presentacin
y el estilo. Informacin y propuestas de actividad.
La plataforma tecnolgica que sirve de soporte para acceder al material.
El entorno de comunicacin con el usuario. (Mrquez, 2001:
http://dewey.uab.es/pmarques/medios.htm).
26
Funciones que pueden realizar los medios
Segn Mrquez, los medios didcticos pueden realizar las siguientes funciones:
Proporcionar informacin.
Guiar los aprendizajes de los estudiantes, instruir. Ayudan a organizar la
informacin, a relacionar conocimientos, a crear nuevos conocimientos y aplicarlos.
Ejercitar habilidades, entrenar.
Motivar, despertar y mantener el inters. Un buen material didctico siempre
debe resultar motivador.
Evaluar los conocimientos y las habilidades.
Proporcionar simulaciones que ofrecen entornos para la observacin, exploracin
y la experimentacin.
Proporcionar entornos para la expresin y creacin. (Mrquez, 2001:
http://dewey.uab.es/pmarques/medios.htm).
Tipologa de los medios didcticos
A partir de la consideracin de la plataforma tecnolgica en la que se sustenten,
los medios didcticos, y por ende los recursos educativos en general, se suelen
clasificar en tres grandes grupos, cada uno de los cuales incluye diversos
subgrupos:
Materiales convencionales:
- Impresos (textos): libros, fotocopias, peridicos, documentos.
- Tableros didcticos: pizarra, franelograma.
- Materiales manipulables: recortables, cartulinas.
- Juegos: arquitecturas, juegos de sobremesa.
- Materiales de laboratorio.
 Captulo 3. conceptos fundamentales del tema y de diseo
Materiales audiovisuales:
-Imgenes fijas proyectables (fotos): diapositivas, fotografas.
-Materiales sonoros (audio): cassettes, discos, programas de radio.
-Materiales audiovisuales (vdeo): montajes audiovisuales, pelculas, vdeos,
programas de televisin.
Nuevas tecnologas:
- Programas informticos (CD o en lnea) educativos: videojuegos, lenguajes de
autor, actividades de aprendizaje, presentaciones multimedia, enciclopedias,
animaciones y simulaciones interactivas.
- Servicios telemticos: pginas web, weblogs, tours virtuales, webquest, cazas
del tesoro, correo electrnico, chats, foros, unidades didcticas y cursos en lnea.
- TV y vdeo interactivos.
(Mrquez, 2001: http://dewey.uab.es/pmarques/medios.htm).
La funcionalidad de los medios
Los medios didcticos sirven para presentar la informacin y guiar la atencin
y los aprendizajes. Organizar la informacin. Relacionar informacin, crear
conocimiento y desarrollar habilidades. (Mrquez, 2001:
http://dewey.uab.es/pmarques/medios.htm).
Ventajas de cada tipo de medio didctico
El sistema simblico. Hay informaciones que se comprenden mejor mediante
imgenes, algunos estudiantes captan mejor las informaciones icnicas concretas
que las verbales abstractas...
El contenido. Incluso tratando el mismo tema, un material puede estar ms
estructurado, o incluir muchos ejemplos y ancdotas, o proponer ms ejercicios.
La plataforma tecnolgica No siempre se tiene disponible la infraestructura.
27
El entorno de comunicacin con el usuario. Por ejemplo: un simulador
informtico de electricidad permite realizar ms prcticas en menor tiempo, pero
resulta menos realista y formativo que hacerlo en un laboratorio. (Mrquez,
2006: http://dewey.uab.es/pmarques/medios.htm).
Evaluacin de los medios
Cuando se evalan unos materiales se puede hacer para saber cules tienen
ms informacin sobre un tema, cules son los mejores desde un punto de vista
tcnico, cules son los ms adecuados para unos estudiantes determinados,
etc. Los destinatarios de esta evaluacin pueden ser los docentes, los diseadores
de materiales didcticos, los administradores de las instituciones educativas.
Uno de los criterios que siempre suele estar presente es el de la eficacia
didctica, es decir, su funcionalidad como medio facilitador de aprendizajes.
Suelen considerarse dos tipos de evaluacin:
La evaluacin objetiva. Valorar la calidad de los medios didcticos. Generalmente
la realiza un especialista.
La evaluacin contextual. Valora la manera en la que se han utilizado los
medios en un contexto educativo determinado. (Mrquez, 2001:
http://dewey.uab.es/pmarques/medios.htm).
3.3.2 La computadora en la educacin
La computadora es un medio que est utilizndose cada vez ms en la educacin.
Ha resultado muy til tanto para reforzar los contenidos de clase, como para el
aprendizaje a distancia, por medio de material digital generalmente presentado
en discos compactos, o accesible en lnea a travs de Internet. Esta informacin
digital se presenta en diversos formatos y se necesitan programas determinados
para que el usuario los pueda leer, observar e interactuar con ellos. Entre los
ms utilizados se encuentran los editores de texto como Microsoft Word,
presentaciones en Microsoft Power Point, lectores de documentos con texto e
 Captulo 3. conceptos fundamentales del tema y de diseo
imgenes (revistas y libros electrnicos) como Adobe Acrobat Reader, y archivos
Html presentados en Internet, con textos, imgenes, hipertexto, galeras,
buscadores, etc. El formato de animaciones Macromedia Flash y Shockwave
brindan herramientas avanzadas que pueden simular ambientes, presentar
informacin altamente grfica e interactiva, y brindan la posibilidad de agregar
audio y video, volviendo el material ms rico e interesante para los alumnos.
Tambin existen programas que permiten la evaluacin de los estudiantes, por
medio de preguntas y respuestas, y los programas ms avanzados que son
sistemas completos de educacin en lnea.
Internet ha venido a revolucionar las comunicaciones y a reducir el tiempo de
transmisin de mensajes e informacin. Es una herramienta muy til tanto para
la educacin como para aumentar los canales de comunicacin entre docentes
y estudiantes, as como para enviar y recibir archivos, y acceder a una infinidad
de informacin gratuita que facilita el autoaprendizaje y la actualizacin. Sistemas
como el correo electrnico, blogs, mensajera instantnea, foros, grupos de
trabajo, etc., permiten una comunicacin en doble va entre docentes y estudiantes.
Es posible, adems, la educacin a distancia por medio de videoconferencias
transmitidas en lnea.
3.3.3 La educacin a distancia
El material escrito para el uso en educacin a distancia debe tener las siguientes
caractersticas:
Incluir en cada uno de los materiales los objetivos educativos que se pretenden
alcanzar.
El uso de test, cuestiones y actividades como forma de proporcionar interaccin
con el material.
Mejorar la adaptabilidad mediante la incorporacin de textos suplementarios
para aquellos alumnos que quieran profundizar en algn aspecto.
Proporcionar cuestiones de auto evaluacin para ayudar al estudiante a
comprobar sus propios conocimientos.
Se debe diversificar el material educativo y proponer diversos enfoques sobre
el mismo contenido.
La enseanza a distancia, en la que el contacto con el profesor es reducido,
debe proporcionar un tipo de interaccin o de realimentacin al alumno que le
permita realizar el proceso de aprendizaje de forma parecida a la situacin ideal
28
de presencia en clase con el profesor, en la que se establece un dilogo con el
alumno, en el que el profesor gua el aprendizaje proporcionando elementos de
reflexin y de interaccin con el alumno, adaptando el mensaje a la situacin y
argumentando la explicacin.
Los elementos integrados de la enseanza
La extensin de las comunicaciones y de la World Wide Web ha llevado tambin
aparejado el desarrollo de entornos genricos para la creacin de material
educativo para la formacin a distancia.
Las caractersticas fundamentales de los llamados IDLE (Integrated Distributed
Learning Environments) est basada fundamentalmente en el aprovechamiento
de las caractersticas de accesibilidad y cooperacin entre los usuarios de la
red. Constan por lo general de una serie de herramientas de gestin y creacin
de contenido educativo.
Estos entornos se basan en los foros de debate, sistemas de conferencia
electrnica, servicios para compartir archivos, aplicaciones de comunicacin
sncrona como los chats.
Caractersticas comunes:
Se orientan fundamentalmente hacia el soporte de trabajo en grupo, intercambio
de ficheros o de material entre los alumnos.
Proporcionan facilidades para el diseo de pginas Web, crear plantillas a un
nivel de la estructura fsica de las pginas.
Pueden gestionar grupos para la creacin de foros.
Ejemplos de este tipo de entornos: Foro, WebCT, Learning Space, First Class,
Top Class .
Psicologa del aprendizaje en lnea
Jos Enebral Fernndez asegura que el aprendizaje se materializa mediante
dos tipos bsicos de comunicacin: comunicacin persona-persona, y
comunicacin persona-informacin. Cuando se habla de formacin a distancia
y aprendizaje autoconducido, es decir, de estudio personal, se piensa en la
 Captulo 3. conceptos fundamentales del tema y de diseo
comunicacin individuo-material didctico. El curso en lnea es interactivo y
presenta diversos medios (texto, imgenes, sonido, video, animaciones), a
diferencia de un libro, y debera ser tambin ms estimulante, y generar una
actitud proactiva.
El estudio personal demanda disciplina propia, motivacin y concentracin. Esta
disposicin es ms necesaria cuando el estudio se lleva a cabo ante el ordenador;
el dilogo ante la pantalla del ordenador requiere mayor atencin. El mtodo
demanda elevada atencin y participacin.
El alumno asume un papel especialmente activo y los mensajes que recibe son
multimedia (textos, dibujos, sonido, animacin, vdeo). Este dilogo puede atraer
y mantener la atencin del usuario si el curso est suficientemente bien concebido.
Si el arte del buen docente est presente en el diseo, el curso consigue
enganchar al alumno hasta el final, y satisfacer sus expectativas de aprendizaje.
El alumno es sensible al cromatismo empleado, a la semitica propia de la
pantalla (smbolos, gestos, etc.), a la conjuncin de los medios, al reto de
aprendizaje que percibe. El alumno debe aprender de manera eficiente y debe
sentirse satisfecho mientras lo hace. El mtodo conseguir fidelizar a muchos,
si estas condiciones se cumplen.
Cuando el alumno se muestra satisfecho siguiendo un curso, cabe deducir que
est aprendiendo de manera eficiente y que lo est haciendo a gusto. Si se
hablara de formacin presencial, se imaginara un profesor capaz de hacer
estimulante cualquier tema, que explicara con claridad, que se anticipara a las
dificultades, y que tuviera respuestas precisas y convincentes, todo ello en un
clima de serenidad y concentracin. La eficacia que este escenario sugiere es
tambin imaginable en un dilogo hombre-mquina si est idneamente diseado
y hay una buena puesta en escena.
En el aprendizaje por computadora, cabra alimentar especialmente la satisfaccin
"de alumno": la satisfaccin por el hecho mismo de ir sabiendo ms, de manera
progresiva. Se habla de un aprendizaje autotlico, distinto de aquel otro aprendizaje
exotlico de la universidad, en que quiz casi todos estudibamos principalmente
para aprobar.
29
Slo una posologa adecuada puede asegurar tanto la eficiencia como la
satisfaccin buscadas. Una hora de dilogo diario con la computadora (mientras
dura el curso) es lo recomendado en la mayora de los casos. En este mtodo
de aprendizaje la sobredosis se alcanza antes que en la formacin presencial.
Aprender utilizando la computadora a modo de profesor particular, puede ser en
muchas ocasiones la ms apropiada forma de hacerlo. El alumno puede controlar
el horario, el ritmo de avance, los temas e incluso el progreso (mediante
autoevaluaciones). Pero la difusin de este mtodo depende del xito que se
obtenga en la fidelizacin de los usuarios, de la calidad y eficacia de los cursos.
Estos productos formativos en lnea deben atender a la eficiencia didctica y a
conseguir que los usuarios disfruten del mtodo. Algo que exige una capacidad
creativa multidisciplinar, en los creadores de estos materiales didcticos. (Enebral
Fernndez, 2006: www.secretosenred.com).
3.3.4 Seleccin de materiales didcticos
Cuando seleccionamos recursos educativos, adems de su calidad objetiva
hemos de considerar en qu medida sus caractersticas especficas (contenidos,
actividades, tutoras) estn en consonancia con determinados aspectos
curriculares de nuestro contexto educativo:
Los objetivos educativos que pretendemos lograr. En qu medida el material
nos puede ayudar a ello.
Los contenidos deben estar en sintona con los contenidos de la asignatura.
Las caractersticas de los estudiantes que los utilizarn: capacidades, estilos
cognitivos, intereses, conocimientos previos, experiencia y habilidades requeridas
para el uso de estos materiales.
Las caractersticas del contexto donde pensamos emplear el material didctico.
Las estrategias didcticas, que contemplan: la secuenciacin de los contenidos,
el conjunto de actividades que se pueden proponer, la metodologa asociada a
cada una, los recursos educativos que se pueden emplear, etc. (Marqus, 2001:
 Captulo 3. conceptos fundamentales del tema y de diseo
http://dewey.uab.es/pmarques/orienta.htm).
Ventajas de cada medio didctico
Sistema de smbolos: hay informaciones que se comprenden mejor mediante
imgenes, estudiantes que captan mejor las informaciones icnicas concretas
que las verbales abstractas.
Contenido material: dos materiales didcticos pueden diferir por su mayor o
menor estructuracin, por los ejemplos y ancdotas, por los ejercicios, etc.
Plataforma tecnolgica: No siempre se tiene disponible la infraestructura que
requieren determinados medios.
Entorno de comunicacin con el usuario: propicia unos determinados sistemas
de mediacin en los procesos de enseanza y aprendizaje, segn la interaccin
que genera, la pragmtica de uso que facilita, los aspectos organizativos que
implica. (Mrquez, 2001: http://dewey.uab.es/pmarques/orienta.htm ).
3.3.5 Diseo de intervenciones educativas
Elaborado por Pere Marqus, 2001
Uno de los factores que asegura ms el xito de una intervencin educativa es
la planificacin previa de la actuacin docente. Disponer de un buen plan bsico
de actuacin, llevar bien pensadas las actividades de aprendizaje y tener a punto
los recursos educativos que se van a utilizar siempre facilitar las cosas.
A continuacin se presenta una plantilla-gua que muestra los principales aspectos
a considerar al preparar una intervencin educativa.
Gua para el diseo de intervenciones instructivas
Estudiantes y contexto
mbito de la intervencin: etapa educativa y curso.
Los estudiantes: edad, capacidades, estilos cognitivos, conocimientos y
30
habilidades previas, experiencias, actitudes, intereses. Nmero de estudiantes
que integran el grupo.
El contexto educativo: marco general, caractersticas fsicas y socio-econmicas
de la zona y del centro docente.
Objetivos y contenido
Objetivos que se persiguen, logro de nuevos aprendizajes, el repaso o la
aplicacin de conocimientos y habilidades, despertar el inters de los estudiantes
y sensibilizarles hacia determinas cuestiones, etc.
Contenidos que se tratarn: hechos, conceptos, principios, procedimientos,
actitudes.
Recursos que se utilizarn
Materiales e infraestructuras fsicas que se emplearn. La utilizacin de los
medios debe venir condicionada por las circunstancias curriculares, las
caractersticas de los materiales y el coste. Por qu se han elegido estos
materiales? Qu aportan en este caso a los procesos de enseanza y
aprendizaje?
Funciones que desarrollarn los recursos que se utilicen
Motivacin del alumno (motivacin inicial, mantenimiento del inters...)
Fuente de informacin y transmisin de contenidos. Funcin informativa y de
apoyo.
Entrenamiento, ejercitacin y adquisicin de habilidades, prctica aplicativa,
memorizacin.
Instruir, guiar los aprendizajes.
Introduccin y actualizacin de conocimientos previos.
Ncleo central de un tema.
Repaso, refuerzo, recuperacin.
Ampliacin, perfeccionamiento.
Entorno para la exploracin libre o guiada; estudio de casos; realizacin de
descubrimiento.
 Captulo 3. conceptos fundamentales del tema y de diseo
Entorno para el contraste de opiniones, debates, negociacin de significados.
Entorno para experimentar, resolver problemas, investigar.
Evaluacin de los conocimientos de los estudiantes.
Medio de expresin y creacin personal escrita, oral o grfica de los alumnos.
Instrumento para el proceso de datos.
Entretenimiento.
Estrategia didctica que se utilizar con estos materiales
Enseanza dirigida, indicaciones estrictas.
Exploracin guiada, instrucciones generales
Libre descubrimiento, estudiantes que interactuarn libremente con el material.
Entorno (espacio-temporal) en el que se utilizar;
Espacio: aula normal, biblioteca o sala de estudio, aula informtica, en la empresa,
en casa.
Tiempo: escolar/laboral, extraescolar, en casa.
Usuarios y agrupamiento
Usuarios: todos los estudiantes, slo algunos estudiantes, slo el profesor.
Agrupamiento: individual, parejas, grupo pequeo, grupo grande.
Actividades y metodologa
Se explicitarn las actividades de enseanza/aprendizaje, indicando la modalidad
de agrupamiento y la metodologa que se utilizar.
Duracin y nmero de sesiones. (Marqus, 2001:
http://dewey.uab.es/pmarques/orienta.htm).
31
Los roles en el desarrollo de las actividades
Los materiales: informacin que proporcionarn, tareas que propondrn.
Los estudiantes: tareas que desarrollarn, nivel de autonoma en el uso de los
recursos (libre, semidirigido, dirigido), tcnicas de aprendizaje que utilizarn,
forma de interaccin con los materiales, con sus compaeros y con el profesor,
etc.
El profesor: informacin inicial que proporcionar (objetivos, trabajo a realizar,
materiales y metodologa, fuentes de informacin), orientacin y seguimiento de
los trabajos (dinamizacin, asesoramiento y orientacin), interaccin con los
estudiantes, tcnicas de enseanza.
Evaluacin (qu, cmo, cundo)
Descripcin de los instrumentos que se utilizarn para determinar en qu medida
los estudiantes han logrado los aprendizajes previstos y para evaluar la
funcionalidad de las estrategias didcticas utilizadas. Indicar qu se evaluar,
de qu manera y cundo.
Observaciones
Dificultades que pueden darse: posibles problemas, dificultades de comprensin
por parte de los estudiantes, dificultades para gestionar la actividad, problemas
de espacio...
Coste, tiempo de preparacin de la actividad y los ejercicios, tiempo estimado
de correccin. (Marqus, 2001: http://dewey.uab.es/pmarques/orienta.htm).
 Captulo 3. conceptos fundamentales del tema y de diseo
3.4 Diseo Editorial
El diseo editorial se utiliza para ordenar la informacin de libros y revistas. Su
contenido consta generalmente de bloques de texto e imgenes. Se debe
jerarquizar la informacin, y hacer notar esta jerarqua por medio de tamaos
ms grandes para ttulos y subttulos, as como utilizacin del color. La facilidad
y la fluidez de la lectura es uno de los aspectos ms importantes a tener en
cuenta en la diagramacin de pginas.
3.4.1 Elementos del Diseo Editorial
Los elementos fundamentales del diseo editorial son los ttulos, el texto y las
imgenes. Se debe buscar una combinacin armoniosa, equilibrada, que facilite
la lectura y la comprensin de los temas.
Ttulos
Los ttulos introducen al tema y atraen la atencin del lector. El tamao y el grosor
deben ser mayores que el de los textos. Son un elemento muy til para brindar
riqueza al diseo. Pueden resaltarse por medio de colores, sombras o diversos
efectos. Los subttulos dividen la informacin, guiando la lectura. El tamao es
menor que el de los ttulos, pero mayor que el de los textos.
Texto
El texto posee la informacin del documento. Es una parte fundamental para el
diseo, por su organizacin en bloques o columnas. Se debe mantener la
uniformidad en el interlineado, el tamao de la letra y el espaciado. No es
conveniente utilizar ms de tres tipos diferentes.
Imgenes
Las imgenes ofrecen ms versatilidad en su utilizacin. Suelen ser el centro de
atencin del diseo y rompen la monotona de los bloques de texto. Una imagen
puede atravesar las columnas, ocupar el espacio de ms de una columna e,
incluso, superar los lmites de la retcula. Puede extenderse a lo ancho de dos
pginas. Puede ser mono-tono, bi-tono o a todo color, producindose as
32
interesantes variaciones visuales. El uso de contorneos de texto alrededor de las
imgenes puede producir efectos realmente atractivos. Son una fuente inigualable
de recursos creativos. La divisin vertical en columnas y horizontal formando
mdulos o campos, es la referencia que permitir al diseador evitar el caos y
mantener equilibrado el conjunto, de tal manera que el tamao y posicin de las
imgenes se dispongan en funcin de los espacios definidos en la retcula.
Papel
La eleccin de un tipo de papel en particular y su tamao condicionarn
decisivamente los costes y el aspecto del trabajo. El formato condiciona el estilo
y tipo de retcula a utilizar. Cada clase de papel ofrece un nivel distinto de absorcin
de la tinta, variando as el aspecto de los colores. (Garca: www.imageandart.com).
Se deben reservar un par de centmetros en el lado ms ancho del pliego, ya que
es el espacio utilizado para la toma del papel por parte de las pinzas de la m-
quina (Anarella: www.wolkoweb.com).
3.4.2 Diagramacin
Diagramar es organizar el contenido segn formas comunicantes y convincen-
tes, sin dejar de lado los valores estticos y retricos.
Legibilidad
Uno de los aspectos ms importantes a tener en cuenta al diagramar las pginas,
es la legibilidad. El contraste entre tipografa y fondo debe ser alto (colores oscuros
sobre fondos claros y viceversa).
Escoger caracteres que sean abiertos y bien proporcionados, con regularidad en
los tipos y con remates clsicos. Los caracteres que contienen afectaciones
estilsticas o irregularidades son menos legibles, ms adecuados para textos cortos
o titulares.
Para un bloque de texto el tamao idneo debe estar entre 8 y 11 puntos. Para
otras finalidades del texto: titulares, subttulos, etc. los tamaos pueden ser muy
variables.
Las lneas demasiado largas producen aburrimiento en el lector y las demasiado
cortas dificultan la lectura por el ritmo visual al que obliga con el cambio constante
de lnea de lectura.
 Captulo 3. conceptos fundamentales del tema y de diseo
El interlineado es el espacio vertical entre las lneas de texto. Debe ser
aproximadamente un 20% mayor que el tamao de la fuente. Por ejemplo un
interlineado de 12 puntos es correcto para un texto de 10 puntos. Los requerimientos
varan segn el texto y la fuente. La cantidad de palabras promedio por lnea no
debe superar las diez ni ser inferior a siete. Las lneas demasiado prximas en-
tre s perjudican la velocidad de lectura. Lo mismo puede decirse del interlinea-
do excesivo, ya que al lector le cuesta encontrar la unin con la lnea siguien-
te (www.newsartesvisuales.com/editor/).
Dentro de una misma familia tipogrfica hay ciertas caractersticas que la
diferencian entre s:
1. Grosor del trazo: Puede clasificarse en extrafina, fina, redonda, negra o sper
negra. En los tipos demasiado pesados los ojales se llenan y desaparecen,
mientras que la tipografa demasiado fina puede no distinguirse fcilmente del
fondo. Utilizar para textos extensos un grosor normal y hacer uso de distintos
grosores en momentos puntuales. Utilizar un grosor contrastado sirve para
destacar un prrafo dentro del texto.
2. Proporcin entre ejes vertical y horizontal o el ancho: Las tipografas
estrechas son efectivas cuando hay abundancia de texto y debe ahorrarse
espacio. Pero se disminuye la legibilidad cuando son demasiado estrechas
(condensadas) o demasiado anchas (expandidas).
3. Inclinacin del eje vertical o cursivas: Itlicas. Una gran cantidad de
caracteres inclinados en el texto dificulta la lectura.
4. Maysculas: Todo el texto en maysculas no slo consume ms espacio,
sino que tambin hace ms lenta la lectura (www.newsartesvisuales.com/editor/).
Espaciado
Las palabras parecen de un tono ms luminoso si las letras estn ms separadas.
Si se incrementa el espaciado que hay entre palabras y lneas, el tipo parece
adquirir un valor ms brillante.
Puede favorecer la legibilidad cuando el contraste de color es escaso o cuando
debe imprimirse en color un gran fragmento textual. Si el tipo se disminuye, debe
33
incrementarse la fuerza de contraste de color. Los fondos estampados o con
textura perjudican la legibilidad. Sobre un fondo texturizado hay que asegurarse
de que est muy contrastado. Cuando los tipos se combinan con fotografas de
fondo, debe buscarse un espacio liso dentro de la foto que no afecte el tipo,
buscar un gran contraste entre el color tipogrfico y el fondo.
Empleando tramas podemos enriquecer la variedad cromtica de un texto. Son
especialmente tiles en trabajos de impresin con uno o dos colores.
Se debe tener cuidado si la letra es demasiado pequea o demasiado fina, ya
que hay muchas posibilidades de que los puntos de la imagen en cuatricroma
invadan los tipos y alteren su legibilidad. Para destacar el tipo sobre el fondo,
pueden aadirse perfiles y sombras. No es recomendable utilizar estos efectos
en los bloques de texto. Los mejores resultados se consiguen con tipos grandes
o en titulares.
Para elegir las combinaciones de color ms adecuadas para texto y fondo, tener
en cuenta una serie de reglas:
Fuertes contrastes de tono (colores clidos y fros).
Contrates de valor (luminosos y oscuros)
Contrastes de saturacin (vivos y apagados).
Debemos pensar en trminos de claridad y oscuridad antes que en tonos. Las
letras oscuras sobre fondo claro son ms efectivas que al contrario.
(www.newsartesvisuales.com/editor/).
Caja tipogrfica, filetes y capitulares
El sector impreso en todas y cada una de las pginas estar determinado por
un lmite virtual llamado caja tipogrfica, que dar lugar a cuatro mrgenes (su-
perior, inferior, lateral izquierdo y derecho). El margen respecto al lomo debe di-
mensionarse de manera que no perjudique la lectura. Hay que tener en cuenta
el tipo de encuadernacin, Los mrgenes superior e inferior deben permitir la
ubicacin del cabezal, pie de pgina y folio (Anarella: www.wolkoweb.com).
Filetes
Los filetes son lneas que sirven para delimitar recuadros, cuadros, ilustraciones
o fotografas o para separar diferentes partes del texto. Elementos ornamentales
 Captulo 3. conceptos fundamentales del tema y de diseo
que dotarn al diseo de atractivo y aligerarn la estructura de la maqueta o la
reforzarn, tales como filetes, diferentes lneas, encuadres, diferentes elementos
geomtricos. Pueden estar dividiendo y estructurando el espacio textual o blanco,
pueden ser utilizados para destacar cierta informacin de diseo general.
Se puede utilizar una gama amplia de distintos grosores, estilos o colores. La
utilizacin de filetes demasiados gruesos con caracteres finos puede hacer que
nuestro trabajo se eche a perder. Las lneas deben establecer una relacin con
la tipografa utilizada as como con el diseo. Cuando se est utilizando diferentes
tipos de lneas y grosores de las mismas, hay que lograr que los contrastes sean
evidentes (www.newsartesvisuales.com/editor).
Capitulares
Las capitulares son iniciales muy grandes, que tienen como funcin indicar el
comienzo de un captulo y centrar la atencin en el inicio del texto o simplemente
con una intencin decorativa.
Lo normal es que la lnea base de la capitular caiga una o ms lneas bajo la
lnea base de la primera lnea del prrafo. Es conveniente que utilicemos este
recurso en aquellas columnas que tengan suficiente ancho como para que no
queden espacios o escasez de texto junto a la capitular. Es recomendable que
la capitular mantenga el mismo espacio con las lneas inferiores que con las
lneas que tenga a la derecha. (www.newsartesvisuales.com/editor).
Combinacin de imgenes y tipografa
Para la comunicacin publicitaria es casi imprescindible la utilizacin de la
fotografa, configurndose como un elemento de venta y un medio para llamar
la atencin del lector. La ilustracin puede ser ms eficaz cuando se trata de
transmitir ideas, mientras que la fotografa es ms literal.
La mayor importancia visual la tienen las imgenes y su disposicin dentro de
la pgina condicionar el orden de lectura, el recorrido visual y la atencin del
lector. Otra posibilidad es la de que las imgenes rompan la estructura rgida
establecida por la retcula y las imgenes se inserten dentro de los propios
bloques de textos de una forma ms libre, giradas, contorneadas o atravesando
diversos bloques de texto y siendo contorneadas por las propias lneas de los
prrafos. El contorneo debe ser lo suficientemente amplio para que deje suficiente
34
aire, las columnas deben ser suficientemente anchas como para que lo permitan
y no queden espacios de la columna demasiado pequeos.
Es recomendable que cuando comencemos a plantearnos el trabajo de
maquetacin ya tengamos todo el material, as podremos hacer una planificacin
y distribucin de los espacios. El ancho de la columna, los medianiles o los
mrgenes definirn los tamaos de las imgenes o ilustraciones.
La monotona puede ser disminuida cuando comenzamos a combinar el texto
con las imgenes de distintas formas. El texto tambin puede tener un uso ms
grfico, jugando con tamaos tipogrficos inusuales o girados con respecto a
l a h o r i z o n ta l . ( w w w. n e w s a r t e s v i s u a l e s . c o m / e d i t o r / e d i t 0 2 4 . h t m )
Composicin y utilizacin de una retcula o grilla
Utilizacin de retculas
Maquetacin, composicin de pgina, compaginacin, son la manera de ocupar
el espacio de la pgina. Cmo disponer el conjunto de elementos de diseo
impresos (texto o imgenes) dentro de un espacio dado.
Trabajar con una estructura previa de pgina y utilizarla como gua para colocar
los elementos, es un requisito indispensable para el diseador grfico. Este
proceso de planificacin y estructuracin previa de la pgina, base de la
maquetacin profesional, se denomina diseo o creacin de la retcula (Garca
Torres: www.imageandart.com).
El diseo de la retcula base
Lo primero a tener en cuenta antes de crear la retcula es determinar el objetivo
de comunicacin grfica. Conceptualizar la esencia del tipo de mensaje a transmitir
y el estilo de comunicacin que se quiere conseguir. La retcula quedar
condicionada a las caractersticas del documento grfico de que se trate.
Adicionalmente, la cantidad de fotografas o ilustraciones a utilizar en la pgina
y la tipografa sern condicionantes.
 Captulo 3. conceptos fundamentales del tema y de diseo
La retcula ms simple es la de una sola columna con mrgenes iguales en todos
sus bordes. Normalmente, este tipo de retcula se usa para libros tradicionales
de lectura. Las posibilidades en una retcula de una sola columna son muy
limitadas y se muestra ms rgida. (Garca Torres: www.imageandart.com).
Aspectos esenciales de la retcula
Definir los mrgenes, la tipografa a utilizar, el cuerpo (tamao) del tipo, el cuerpo
de los ttulos y subttulos, la alineacin de prrafos, el espacio vertical entre
lneas, el espaciado entre caracteres (kern) y el nmero de lneas por pgina,
el nmero de columnas a utilizar y la distancia entre ellas. Deben tener en cuenta
la funcionalidad de la anchura de las mismas. Una retcula de tres columnas es
adecuada para folletos, proporciona anchas y legibles columnas de texto, y la
flexibilidad de poder subdividirlas en seis columnas para darle una mayor
versatilidad.
La frmula de dos columnas, que puede ajustarse fcilmente a cuatro, son las
ms utilizadas en trabajos de diseo grfico. Cuando el nmero de columnas
es par se consigue una distribucin ms equilibrada, aunque puede resultar
carente de originalidad. Un nmero impar de columnas suele proporcionar un
estilo diferente e incluso ms original pero puede resultar ms difcil conseguir
equilibrio.
El uso de un medio de distribucin horizontal del espacio puede resultar
tremendamente til para obtener el equilibrio en la pgina entre todos los
elementos. El nmero de mdulos por pgina depender de los objetivos de
diseo y sobre todo del nmero y tamao de fotografas o imgenes. La retcula
condiciona decisivamente el resultado final, por lo que antes de empezar un
proyecto de diseo se deben realizar diversas pruebas de retculas, experimentar
con los elementos grficos y plantearse una composicin esquemtica de lo que
se quiere conseguir. (Garca Torres: www.imageandart.com).
Utilizacin de la retcula y otros elementos de nuestro diseo
Mediante la colocacin de los diferentes elementos ajustados a la lnea de caja,
habremos conseguido una marcada lnea, que podremos cortar en algunos
momentos con ciertos recursos que rompan la monotona y ayuden a la lectura.
35
La utilizacin de "textos destacados", se logra mediante la tipografa o algn otro
recurso (color, lneas, caja de texto...).
El texto destacado debe ser una frase que resulte un tanto provocativa, para
que el lector se sienta atrado por el resto del contenido y suele superar la
anchura de la columna invadiendo incluso la columna colindante. Habilitarle un
espacio reservado que le proporcione un cierto aire.
Que no coincidan elementos o blancos a una misma altura, para no generar
rompimientos visuales o confusiones de lectura.
Cuando el texto se divide en dos columnas, que stas sean iguales. En el caso
de que el contenido o la retcula no puedan retocarse para conseguir que tengan
el mismo nmero de lneas, que sea ms larga la primera columna
(http://www.newsartesvisuales.com/editor/edit024.htm)
Composicin
La composicin es adecuar distintos elementos grficos dentro de un espacio
visual. Estos elementos pueden ser imgenes, texto, ilustraciones, espacios en
blanco o construir nuestra composicin con la ausencia deliberada de alguno
de estos elementos.
El diseo deber ordenarse habitualmente en una estructura rgida, coherente
y con simetra. Cada elemento de la composicin, en funcin de la ubicacin,
dimensin o protagonismo que le asignemos, experimenta pequeas variaciones
en su significado. Es muy importante encontrar el equilibrio formal entre todos
ellos.
Algunos de los elementos van a ser ms o menos pesados dependiendo de la
ubicacin y en funcin de los elementos que les rodean. Los situados a la derecha
del rea poseen un mayor peso visual y dan sensacin de proyeccin y avance
en la composicin. Los situados a la izquierda dan una sensacin de ligereza
visual ms acentuada segn nos vayamos acercando al margen izquierdo.
La parte superior de la composicin posee mayor ligereza visual, en esta parte
el peso de los elementos es mnimo, al verse equilibrado por la zona inferior de
la pgina. En el borde inferior los elementos que ubiquemos tendrn mayor
peso. (www.newsartesvisuales.com/editor)
 Captulo 3. conceptos fundamentales del tema y de diseo
3.5 Multimedia
Multimedia es un sistema que utiliza ms de un medio de comunicacin al
mismo tiempo en la presentacin de la informacin, como texto, imagen, animacin,
video y sonido.
Cuando un programa de computador, un documento o una presentacin combina
adecuadamente los medios, se mejora notablemente la atencin, la compresin
y el aprendizaje, ya que se acerca ms a la manera habitual en que los seres
humanos nos comunicamos, cuando empleamos varios sentidos para comprender
un mismo objeto o concepto.
Hipertexto: acceder a temas de inters especfico, simplemente haciendo clic
con el ratn en las palabras remarcadas (subrayadas o de un color diferente).
El programa trae inmediatamente a la pantalla otros documentos que contienen
el texto relacionado con dicha palabra.
Tambin se puede interactuar con sonidos, animaciones y servicios de Internet,
lo cual ha dado origen a un nuevo concepto: resultado de la fusin de los
conceptos y multimedia. A los sistemas de hipermedios podemos entenderlos
como organizacin de informa cin textual, grfica y sonora a travs de vnculos
que crean asociaciones entre informacin relacionada dentro del sistema. El
hipertexto es la base funcional y estructural de la Web.
Multimedia encuentra su uso en varias reas: arte, educacin, entretenimiento,
ingeniera, medicina, matemticas, negocio, y la investigacin cientfica. En la
educacin, se utiliza para producir los cursos de aprendizaje computarizado
y los libros de consulta como enciclopedia y almanaques. Una enciclopedia
electrnica multimedia puede presentar la informacin de maneras mejores que
la enciclopedia tradicional, as que el usuario tiene ms diversin y aprende ms
rpidamente. Se dice que algunos aprenden mejor viendo que leyendo, y algunos
otros escuchando. Multimedia permite que los usuarios participen activamente
en vez de estar pasivos, es interactiva. (http://es.wikipedia.org/wiki/Multimedia)
36
3.5.1 Componentes de
la informacin multimedia
Texto: lineal e hipertexto.
Grficos: para representar esquemas, planos, dibujos lineales.
Imgenes: documentos formados por pixeles. Tienden a ser ficheros muy
voluminosos.
Animacin: presentacin de un nmero de grficos por segundo que genera
en el observador la sensacin de movimiento.
Vdeo: Presentacin de un nmero de imgenes por segundo, que crean en
el observador la sensacin de movimiento. Pueden ser sintetizadas o captadas.
Sonido: puede ser habla, msica u otros sonidos.
(http://es.wikipedia.org/wiki/Multimedia).
3.5.2 Pasos del trabajo multimedia
Definir el mensaje clave. Qu se quiere decir. Conocer al cliente y pensar
en su mensaje comunicacional.
Conocer al pblico. Buscar qu le puede gustar al pblico para que interacte
con el mensaje. Formular una estrategia de ataque fuerte. Se crea un documento
que se denomina "ficha tcnica", "concepto" o "ficha de producto". Este
documento se basa en 5 tems: necesidad, objetivo de la comunicacin, pblico,
concepto y tratamiento.
Desarrollo o guin. La definicin de funcionalidades, herramientas para llegar
a ese concepto.
 Captulo 3. conceptos fundamentales del tema y de diseo
Creacin de un prototipo. EL prototipo es una pequea parte de una seleccin
para testear la aplicacin. De esta manera el cliente ve, ojea, interacta. Tiene
que contener las principales opciones de navegacin. Es un elemento muy
importante en la creacin y siempre va a ser evaluado (pblico objetivo y
encargados de comprobar que todo funciona)
Creacin del producto. En funcin de los resultados de la evaluacin del
prototipo, se hace una redefinicin y se crea el producto definitivo.
(http://es.wikipedia.org/wiki/Multimedia)
3.6 Sitio Web
Un Sitio Web es un conjunto de archivos electrnicos y pginas Web que son
accesibles mediante el protocolo HTTP de Internet.
(http://es.wikipedia.org/wiki/Dise%C3%B1o_web).
3.6.1 Diseo Web
Actividad que consiste en la planificacin, diseo e implementacin de sitios
web y pginas web. No es simplemente una aplicacin del diseo convencional
sobre Internet ya que requiere tener en cuenta cuestiones tales como navegabilidad,
interactividad, arquitectura de la informacin.
El diseo web aporta a la comunicacin textual existente en Internet una faceta
visual, obliga a pensar una mejor estructuracin. La unin de un buen diseo
con una jerarqua bien elaborada de contenidos aumenta la eficiencia de la web
como canal de comunicacin e intercambio de datos.
(http://es.wikipedia.org/wiki/Dise%C3%B1o_web).
3.6.2 Pgina Web
Una pgina web es un documento de la World Wide Web, normalmente en
formato HTML. Incluye texto, imgenes y enlaces hacia otros documentos,
37
pudiendo adems contener animaciones, sonidos, programas en Java, y otro
tipo de documento, por medio de otras tecnologas. Cada vez son ms dinmicas
permitiendo que el visitante participe. Tambin existen pginas dinmicas, las
cuales permiten mayor interactividad entre la web y el visitante, proporcionndole
herramientas dinmicas tales como buscadores, chat, foros, sistema de encuestas,
etc, y poseen de un panel de control de administracin de contenidos. Este
permite crear, actualizar y administrar cantidades ilimitadas de contenido. (Garca
Garca: http://es.wikipedia.org/wiki/Dise%C3%B1o_de_p%C3%A1ginas_web)
Normalmente los formatos grficos de las pginas web son JPEG para fotografas
y GIF o PNG para otras imgenes como diagramas, dibujos, grficos, etc. Para
animaciones se suele utilizar GIF y Flash, para imgenes con pixeles transparentes
tanto GIF como PNG, y para imgenes con pixeles parcialmente transparentes,
PNG (no est soportado por Internet Explorer).
(http://es.wikipedia.org/wiki/P%C3%A1gina_Web).
Diseo de pginas web
El diseo de pginas Web es una amplia rea de aplicacin del diseo grfico
en la cual se integran conocimientos propios del diseo como son la composicin,
el uso de color y la tipografa con conocimientos tcnicos del medio como son
los lenguajes HTML y CSS, as como conocimientos sobre usabilidad, accesibilidad
y organizacin de un sitio web.
(Garca Garca: http://es.wikipedia.org/wiki/Dise%C3%B1o_de_p%C3%A1ginas_web)
Etapas del diseo de pginas web
Para el diseo de pginas Web debemos tener en cuenta dos etapas:
La primera es el diseo visual de la informacin que se desea editar. Se trabaja
en el papel distribuyendo el texto, los grficos, los vnculos a otros documentos
y otros objetos multimedia que se consideren pertinentes.
La segunda, una vez que se tiene este boceto se pasa a 'programar' la pgina
web. Para manejar los vnculos, se cre el lenguaje de marcacin de hipertexto
o HTML. Que al pulsar sobre ellos conducen a otras pginas con informacin
relacionada. (Garca Garca: http://es.wikipedia.org/wiki/Dise%C3%B1o_de_p%C3%A1ginas_web)
 Captulo 3. conceptos fundamentales del tema y de diseo
3.7 Diseo de informacin
interactiva e interfaces
3.7.1 Arquitectura de la informacin
La Arquitectura de la Informacin es la disciplina encargada de la fundamentacin,
anlisis, planificacin y estudio de la disposicin de los datos contenidos en los
sistemas de informacin interactivos.
Con el fin de que la asimilacin de contenidos por parte del usuario sea accesible
y usable, la Arquitectura de la Informacin se encarga de supervisar:
Los estudios de audiencia y pblico objetivo.
El diseo de la interaccin.
La navegacin.
La planificacin, gestin y desarrollo de contenidos.
La facilidad de bsqueda y el diseo de la interfaz de bsqueda.
La usabilidad.
La retroalimentacin.
Facilitar al mximo los procesos de compresin y asimilacin de la informacin
presentada a los usuarios, de acuerdo a los objetivos planteados en la
fundamentacin del proyecto.
(http://es.wikipedia.org/wiki/Arquitectura_de_la_informaci%C3%B3n#El_arquitecto_de_Informaci.
C3.B3n)
Experiencia del usuario
La Experiencia del Usuario es el conjunto de factores y elementos que determinan
una interaccin satisfactoria del usuario con un entorno.
El arquitecto de la informacin
El arquitecto de informacin es el encargado de verificar el proceso de desarrollo
de una interfaz grfica de usuario. Debe procesar y dosificar la informacin y
ponerla de una manera clara, relevante y significativa a disposicin del usuario.
38
Disear estructuralmente sistemas de informacin con el fin de que el usuario
pueda hacer de su experiencia de recuperacin algo simple, agradable, eficaz
y productivo. (Ibd).
3.7.2 Usabilidad
Definicin
La usabilidad es una medida emprica y relativa de lo fcil, rpido y agradable
que es utilizar un determinado producto o servicio. Tpicamente se utiliza para
una aplicacin informtica de software. El diseo debe estar centrado en el
usuario. (http://es.wikipedia.org/wiki/Usabilidad)
Definiciones de la ISO
La Organizacin Internacional para la Estandarizacin (ISO) dispone de dos
definiciones de usabilidad:
La usabilidad se refiere a la capacidad de un software de ser comprendido,
aprendido, usado y ser atractivo para el usuario, en condiciones especficas de
uso
La usabilidad depende no slo del producto sino tambin del usuario. Slo
tendr la capacidad de ser usado en un contexto particular y por usuarios
particulares. La usabilidad no puede ser valorada estudiando un producto de
manera aislada." (http://es.wikipedia.org/wiki/Usabilidad).
Principios bsicos de la usabilidad
Facilidad de Aprendizaje: la facilidad con la que nuevos usuarios pueden
tener una interaccin efectiva.
Flexibilidad: la variedad de posibilidades con las que el usuario y el sistema
pueden intercambiar informacin. Abarca la posibilidad de dilogo y la multiplicidad
de vas para realizar la tarea.
 Captulo 3. conceptos fundamentales del tema y de diseo
Robustez: es el nivel de apoyo al usuario.
Uno de estos expertos de la usabilidad en los entornos web es Jakob Nielsen,
el cual defini la usabilidad como un atributo de calidad que mide lo fciles de
usar que son las interfaces web.
La buena usabilidad puede lograrse mediante el diseo centrado en el usuario.
(http://es.wikipedia.org/wiki/Usabilidad).
Beneficios de la usabilidad
Reduccin de los costes de aprendizaje.
Disminucin de los costes de asistencia y ayuda al usuario.
Optimizacin de los costes de diseo, rediseo y mantenimiento.
Aumento de la tasa de conversin de visitantes a clientes de un sitio web.
Mejora la imagen y el prestigio.
Mejora la calidad de vida de los usuarios, ya que reduce su estrs, incrementa
la satisfaccin y la productividad. (Ibd.)
3.7.3 Diseando la usabilidad de la Web
Jackob Nielsen muestra en su libro Diseando la usabilidad de la Web, las
siguientes ideas:
Los competidores de todo el mundo estn a un click de distancia. Se compite
con millones de sitios por conseguir el tiempo y la atencin de los usuarios.
Se debe conseguir que las cosas se hagan de la forma ms sencilla.
El tiempo de respuesta ha de ser el principal criterio del diseo. Las pginas no
deberan superar los 34k.
El contenido es el foco de atencin de los usuarios. Es el motivo por el que
vienen a la red. Al menos debera ocupar el 50% del espacio de pantalla. La
calidad del contenido y la capacidad de encontrar la pgina en donde est son
los dos principales criterios de la usabilidad.
39
Las pginas deben ser diseadas para que su impresin se produzca sin fallos.
Si los vnculos estn descritos por muchas palabras, el usuario no puede captar
su significado echando un vistazo, y seguramente elegir otra opcin.
Es bsico el respeto de la convencin de colores de los vnculos, para saber qu
partes ha explorado de una web.
No manche la pantalla con ventanas secundarias.
Los vnculos a otros sitios son un valor aadido importante del contenido de una
pgina web.
Diseo de contenido
Principales guas de las escritura para la web: escribir no ms de la mitad del
texto que estara destinado a imprimir, potenciar la visibilidad (agrupacin de
prrafos cortos en subttulos, uso de listas con guiones), organizar la informacin
larga en mltiples pginas organizadas en hipertexto.
Cuando se ofrecen varias categoras de productos, brindar la oportunidad de
comparar opciones para que el usuario lea slo las descripciones que le parecen
ms adecuadas.
Para los motores de bsqueda, el sitio slo existe en la forma de ttulo de pgina
que aparece en la pantalla. Es de radical importancia aprender a titular y usar
un criterio coherente y comprensible si queremos ser visitados.
Si hay que dar explicaciones de uso en lnea tienen que ser muy prcticas y
explicar cmo realizar una determinada tarea. Si son largas ha de tener una
versin para descargar e imprimir.
Es preferible mostrar una previsualizacin de un contenido multimedia, porque
si el usuario no tiene idea de lo que va a ver, por qu habra de molestarse en
verlo?
 Captulo 3. conceptos fundamentales del tema y de diseo
Evitar las animaciones, usarlas slo si aportan algo y no hacerlas reproducirse
infinitamente. Reducir la utilizacin de audio y video.
Diseo del sitio
El diseo del sitio es un reto mayor y ms importante que el diseo de pantallas.
La pantalla principal es el buque insignia de tu sitio y puede estar diseado de
una forma diferente al resto de las pginas. Debe contener: el logo de la empresa,
datos que permitan responder a la pregunta qu hace este sitio?, las principales
opciones de navegacin, la informacin ms reciente y promociones especiales,
una herramienta de bsqueda.
No publicar sitios que estn parcialmente acabados.
Las metforas han de ser utilizadas con precaucin. sense cuando ofrezcan
un marco unificador para el diseo y cuando faciliten el aprendizaje. El carro de
la compra se ha convertido en una interfaz estndar partiendo de una metfora.
Las denominaciones que se han generalizado hay que adoptarlas, en lugar de
buscar generalidad a toda costa.
La navegacin tiene que ayudar a los usuarios a responder a las preguntas
fundamentales: dnde estoy, de dnde he venido y a dnde puedo ir.
El sitio debe reflejar el punto de vista del usuario, la informacin que le interesa
y los servicios que se le ofrecen.
La costumbre se ha convertido en convencin y para el usuario resulta muy
sencillo encontrar el logo de la compaa arriba a la izquierda, la caja de bsqueda
en el extremo opuesto y la principal estructura de navegacin en la columna
izquierda.
Facilitar la libertad de movimiento y la navegacin flexible que permita mltiples
vas de recorrer el sitio.
Hay varios mtodos de presentar informacin:
40
Agregar: mostrar una unidad que representa a una coleccin de otras menores.
Sumar: resumen de un texto largo, imgenes en tamao reducido.
Filtrado: mostrar una seleccin con un criterio.
Truncamiento: mostrar el comienzo de la informacin.
Ejemplificacin: Eleccin de un modelo que representa al resto.
Hacer funcionar las herramientas de bsqueda, en la totalidad del sitio. Cuanto
mayor es la caja de bsqueda, ms trminos introduce el usuario y mejor
consigue resultados ms precisos.
Un correcto uso de los Meta Tags para eleccin de buenas palabras clave,
mejora la posibilidad de ser encontrados en la inmensidad de la Web.
Mantener las URL y no cambiarlas al menos en medio ao, es preferible un
perodo de dos aos.
Razones del usuario para volver a un sitio web
Contenido de alta calidad. Frecuente actualizacin. Tiempo de descarga mnimo.
Sencillez de uso. Lo que se ofrece es relevante para las necesidades del usuario.
Cmo son los usuarios
Impacientes e insistentes. Consideran que la navegacin es un mal que hay
que soportar, por lo que hay que darle a cada pgina slo el peso que le
corresponde. Un tiempo de respuesta menor a un segundo da la impresin de
libertad en la navegacin. Diez segundos es el lmite. Las pginas que tienen
ms de 40k sufren un 25-30% de abandono por parte del usuario.
Utilizan las prestaciones estndar de los navegadores dos versiones anteriores
a la actual.
No utilizar lo ltimo en tecnologa ni en plug-in, porque si los usuarios tienen
que descargarlo o instalarlo, la mayora se irn.
El uso del botn de retroceso (back) del navegador es la segunda herramienta
 Captulo 3. conceptos fundamentales del tema y de diseo
ms usada de los navegadores. Es un elemento esencial en la sensacin de
seguridad para el usuario.
El 20-30% de los usuarios que pulsan un banner y llegan a la pgina principal
del anunciante, hacen click de inmediato en el botn de retroceder. Consejo: los
enlaces publicitarios tienen que ir a la pgina que explica el objetivo de la
campaa.
Cuando llegan a una nueva pgina la mirada va directamente a los contenidos,
echan un vistazo a titulares e indicios que les informen de qu va la pgina y
slo despus buscan la zona de navegacin para elegir otros destinos.
El 50% de los usuarios navegan sobre todo haciendo bsquedas, un 20% prefiere
hacerlo pulsando los links y el 30% restante combina ambos comportamientos.
Les disgusta todo lo que huele a marketing. El tono desenfadado y en exceso
informal puede ser rechazado, si bien son muy bien admitidos toques de humor
y apreciada la perspectiva clara y la personalidad expositiva.
Los usuarios detestan hacer scroll: se debe hacer pginas cortas. Estn dispuestos
a hacer scroll para leer un artculo largo que les interese mucho, pero para
navegar eligen entre las opciones que tienen a primera vista. El scroll horizontal
es la ms odiada tcnica de navegacin en un visualizador de web.
Leer en pantalla cansa la vista y es un 25% ms lento que leer en papel.
El 79% de los usuarios primero echan un vistazo y slo despus empiezan a
leer un texto.
El abuso de animaciones en los banners ha hecho que los usuarios consideren
irrelevante la informacin que se mueve y no le prestan atencin.
Se abusa de las metforas en el diseo de interfaces de usuario y en muchas
ocasiones es preferible ser ms literal.
Los usuarios se quejan cuando un sitio usa interfases de navegacin drsticamente
diferentes de las que esperan por su experiencia con el resto de los sitios.
41
En cajas pequeas de bsqueda, casi ningn usuario introduce ms de una
palabra. La mayora de las bsquedas que se hacen en la web contienen dos
palabras. (Nielsen, resumen elaborado por Jos Ochoa: wwww.jose.ochoa.net)
3.7.4 Diseo de la Informacin
El diseo de informacin (DI) puede definirse como el arte y la ciencia de
preparar la informacin, de modo que pueda usarse por los humanos con eficacia
y eficiencia. (1999a) define los objetivos del DI como la conexin entre la
informacin, el pensamiento humano y el uso. Identifica tres requisitos de un
buen DI:
Documentos comprensibles.
Sistemas interactivos.
Espacios de informacin navegables.
(1999) sostiene que hoy en da la informacin puede ser vista como una
herramienta para dar sentido, tanto a una realidad catica, como ordenada. "
(Martn Fernndez: http://www.nosolousabilidad.com/diseno_informacion.htm).
Documentos comprensibles
Los documentos deben ser comprensibles. Un lenguaje visual es el conjunto
de palabras, imgenes y formas que sirven para comunicar. Al uso de grficos
interactivos para fomentar la generacin de representaciones mentales durante
el anlisis exploratorio se le llama "visualizacin".
La comprensin del documento se puede conseguir mediante la visualizacin
de los componentes que lo forman. (2000) introduce este concepto visualizacin
documental (Vizdoc) , definindolo como la capacidad de entender mejor la
informacin que existe en los documentos, sin necesidad de leerlos. (Ibd.)
Sistemas interactivos
Los sistemas interactivos implican la visualizacin de todos los elementos de
la interaccin, lo que incluye el entorno social, el estado cognitivo del usuario,
el sistema de diseo y la operacin del programa. Informacin coherente, global,
comunicativa, receptiva y panormica, evitando la sobre-estructuracin de la
informacin. (Ibd.)
 Captulo 3. conceptos fundamentales del tema y de diseo
Espacios de informacin navegables
Los espacios informativos deben ser navegables. La navegacin de espacios
informativos se puede disear usando conceptos de la navegacin espacial en
el mundo y de la navegacin semntica a travs de ndices. (Ibd).
3.7.5 Diseo y evaluacin
de interfaces visuales
Definicin de interfaz:
En general, una Interfaz es el punto, el rea o la superficie a lo largo de la cual
dos cosas de naturaleza distinta convergen. Es cualquier medio que permita la
interconexin de dos procesos diferenciados con un nico propsito comn.
En software, una interfaz de usuario es la parte del programa informtico que
permite el flujo de informacin entre varias aplicaciones o entre el propio programa
y el usuario. Tambin se habla de interfaz grfica del usuario, que es un mtodo
para facilitar la interaccin del usuario con la computadora a travs de la utilizacin
de un conjunto de imgenes y objetos pictricos (iconos, ventanas) adems de
texto (http://es.wikipedia.org/wiki/Interfaz).
El monitor, la percepcin del color y la tipografa
Un mismo objeto puede ser visto con colores diferentes por diferentes
observadores o un mismo observador en condiciones diferentes.
Ningn monitor es capaz de presentar todos los colores. Distintos monitores
utilizan distintos primarios. (Julio Lillo Jover, s.f.)
Las pantallas comunes suelen ser de los siguientes tamaos: 13, 14, 15, 17, 19
y 21 pulgadas.
La resolucin del monitor altera el tamao como se ver la animacin o la pgina
web. Los monitores utilizan alguna de las siguientes resoluciones: 640 x 480 px,
800 x 600 px, 1024 x 768 px, 1152 x 864 px, 1280 x 1024 px, 1600 x 1200
42
pixeles. Como regla comn, la mayora de los usuarios utilizan una pantalla con
resolucin baja, generalmente de 800 x 600. Cuanto ms baja sea la resolucin
de la pantalla, ms grande se vern los diseos. Una pgina web o animacin
elaborada con 1024 x 768 px, quedar grande para un monitor de 800 x 600 px,
por lo que el diseo no se ver completo. Se tendr que utilizar el scroll tanto
horizontal como vertical para lograr ver todo el contenido. Por esta razn, la
norma es disear a 800 x 600 px, para que el diseo pueda verse cmodamente
por cualquier usuario.
Colores seguros para la web
Los sistemas operativos de Windows y MAC OS utilizan cada uno sus propias
paletas de colores. nicamente tienen 216 colores en comn. Por lo que se
seleccion estos colores para utilizarlos en la Web. Se denominan colores
seguros para la web (web safe colors). Esta es la paleta que utilizan los programas
para realizar pginas web, as como animaciones que van a ser vistas en
monitores.
El cdigo html define los colores por medio de nmeros hexadecimales. Los
valores hexadecimales de los colores seguros para la web son combinaciones
de 00, 33, 66, 99, CC y FF.
Tipografa
Para que un tipo de letra sea reconocida por el navegador del usuario, sta debe
estar instalada en su computadora. Para mantener ms control y homogeneidad
en el diseo, se seleccion un listado de letras que generalmente se encuentran
instaladas en la mayora de las computadoras, y son las que siempre se utilizan
para los textos en Internet. Se clasifican por grupos de tres, el primer tipo es
el que aparece en la pantalla, y los otros dos son los que la sustituyen en el caso
de que la computadora no tenga ese tipo. Los grupos predeterminados son:
Arial, Helvtica, sans-serif
Times New Roman, Times, serif
Courier New, Courier, mono
Georgia, Times New Roman, Times, serif
Verdana, Arial, Helvtica, sans-serif
 Captulo 3. conceptos fundamentales del tema y de diseo
La tipografa ms recomendada para el monitor es la Arial, ya que fue diseada
especialmente para ser leda en pantalla. Por norma general, los estilos tipogrficos
ms legibles en el monitor son los palo seco, sin remates (sans serif).
Para los titulares, si se desea algn otro tipo de letra, se puede utilizar, pero
debe colocarse en el diseo como imagen (gif, jpeg, png).
Recomendaciones
Disear primero en monocromtico. Basarse en el modelo del usuario respecto
a cmo se utiliza el color en el mundo real.
Los indicadores visuales deben ser, adems de funcionales, estticamente
agradables. Para conseguir pantallas agradables se debe seguir los dos principios
de la armona de colores: anlogos y complementarios. (Julio Lillo Jover, s.f.).
Visibilidad de la pantalla
Las imgenes presentadas por el monitor son el medio ms comn mediante
el cual el ordenador transmite informacin. Tal transmisin se facilita cuando las
imgenes son ntidas (definicin o resolucin de imagen), estables (ausencia de
parpadeos u oscilaciones), y su contemplacin no se ve dificultada por ningn
tipo de reflejo o deslumbramiento. El desarrollo de las aplicaciones multimedia
hace cada vez ms importante la utilizacin de estimulacin auditiva en conjuncin
con la visual.
Analizar
Son los caracteres identificables a una distancia tres veces superior a la
utilizada normalmente?
Se aprecian los contornos en forma ntida?
Carecen los caracteres de "aureola" o difuminacin de contornos?
Para iconos: El tipo de dibujo empleado permite diferenciar identificar lo
representado en ellos?
Permiten los distintos colores utilizados como fondo una identificacin-
reconocimiento cmoda de las figuras y caracteres presentados sobre ellos?
43
Estabilidad de imagen
Las probabilidades de que se aprecie parpadeo se reducen con fondos de baja
luminancia, con estimulaciones de dimensiones reducidas y utilizando un sistema
entrelazado. Aunque los monitores pequeos y los fondos oscuros reduzcan
tambin el riesgo de que se aprecie parpadeo, pueden conllevar ciertas
desventajas: el abigarramiento de la imagen y la mayor visibilidad de los reflejos
(Ibd.)
Usabilidad cognitiva
Analizar la facilidad con la que se aprende a utilizar y a navegar:
Puede calificarse como positiva a la interaccin?
Permite hacer lo que se desea?
Funciona con la suficiente rapidez?
Es flexible en su funcionamiento?
Es fcilmente adaptable a distintos usuarios?
Resulta lgica la forma en que se hacen las cosas?
Es reducido el nmero de pasos requeridos para efectuar una tarea?
Es fcil pasar de un tema a otro y desplazarse entre los distintos aspectos de
un tema?
Es conciso y especfico en sus contenidos? (Ibd).
Visibilidad cognitiva
La visibilidad es alta cuando presenta informacin directamente interpretable
sobre las acciones que se pueden realizar en un momento dado.
Analizar
Las pantallas son adecuadamente informativas (buena visibilidad cognitiva)
respecto a las posibilidades del programa en un momento dado? Es adecuada
la cantidad de informacin presentada? Cuando las tareas implican el uso de
pantallas Es fcil navegar entre ellas?
Los grafismos se usan en forma consistente? Utilizan un lenguaje sencillo
y comprensible? (Ibd.)
 Captulo 4. concepto de diseo y proceso de bocetaje
Captulo 4
Concepto de Diseo
y Proceso de Bocetaje
4.1 Concepto creativo:
Cultura grfica que inspira
El concepto creativo seleccionado es: Cultura grfica que inspira. La cultura
grfica se refiere a los conocimientos que se tienen sobre el trabajo de diseo
visual desde el pasado hasta la actualidad. Esta cultura la van adquiriendo los
estudiantes de dos maneras: por medio de la observacin de su entorno (diarios,
revistas, libros, vallas, afiches, televisin, Internet, etc.) y a travs de las muestras
grficas presentadas en clase por sus catedrticos, en especial en la asignatura
de Historia del Arte y del Diseo Visual.
Uno de los propsitos de este material didctico es aumentar la cultura grfica
de los estudiantes, para que puedan encontrar en sta, diversas fuentes de
inspiracin. La cultura grfica se relaciona directamente con la historia. Se busc
elementos visuales que acentuaran el concepto de historia, un diseo agradable
que motive a los estudiantes a profundizar en el material de manera tranquila,
que no distraiga la vista de los contenidos principales, que inspire, que muestre
creatividad y una relacin directa con la asignatura de Historia del Arte y del
Diseo Visual.
El concepto creativo es la base para todos los diseos de este proyecto. Este
concepto es el que dar unidad a todo el trabajo, y a su vez le brindar cierta
personalidad y har ms interesantes a las piezas grficas. Se manejan dos
ideas principales: utilizar el slide como signo grfico, y crear una atmsfera de
historia, de trabajo manual.
Para llegar al concepto creativo de las piezas de diseo, se trabaj con base en
el proceso de diseo planteado por Jorge Frascara y se realiz un proceso de
bocetaje que ser descrito en los siguientes apartados de este captulo. Se busc
una idea que lograra darle unidad a todos los captulos del folleto, as como a
la presentacin flash y al sitio de Internet. Los elementos de este concepto sern
descritos uno a uno a continuacin, con su respectiva explicacin y fundamentacin.
La idea original era lograr un estilo que se relacionara con el tema del proyecto.
Buscar los diseos representativos de cada poca y utilizarlos en los diseos,
45
aplicarlos a las portadas, a la diagramacin, a los banners, fondos y a los botones
de navegacin.
La base del diseo sera utilizar algn elemento visual que se relacionara
directamente con el tema. Ese elemento se convertira en un signo distintivo de
todo el proyecto y servira como imagen unificadora de todo el material didctico
y sus unidades.
Algunas ideas se basaban en texturas de cada poca, franjas de color, una librera
en la que el lomo de cada libro tena escrito el nombre de cada unidad, una
gndola de revistas con una revista para cada poca, con la portada hecha de
un diseo de la poca, un proyector viejo de pelculas, etc. Elemento visual
seleccionado fue un slide o diapositiva, utilizado comnmente en la clase de
Historia del Arte.
Adems, se buscar crear una atmsfera de historia, de pocas pasadas y de
trabajo manual. Para lograr un diseo con el concepto creativo seleccionado, se
utiliza el cdigo cromtico, el lingstico, el tipogrfico, el icnico y el de comunicacin.
Estos cdigos se describen a continuacin.
4.1.1 Cdigo cromtico
El cdigo cromtico comprende los colores que se utilizaron en las piezas de
diseo. El material se realizar de dos formas diferentes: el folleto impreso se
trabaj de forma monocromtica, nicamente en blanco y negro, pues se reproducir
por medio de fotocopias. Las imgenes seleccionadas para el folleto tambin son
en blanco y negro, o en escala de grises. La presentacin de flash y el sitio web
son a color, ya que se presentarn de forma digital, por medio de caonera o en
el monitor de la computadora.
Para el material a color, se busc colores que recordaran tiempos pasados. Los
colores base que se eligieron para el sitio web y la presentacin flash pertenecen
a la gama de colores marrn, y la lnea general de colores son colores apagados,
es decir, con poca saturacin (intensidad de color) o con un poco de negro para
rebajarlos.
La seleccin del color se bas tanto en la psicologa y connotaciones del color,
como en que resultan armoniosos con el diseo en general. Esta armona se
debe a que el color beige es el mismo del slide, y a que las tonalidades marrones
contienen una proporcin de los tres colores primarios, por lo que se integran con
los tonos de las imgenes.
La connotacin del color tambin es importante. Con el paso del tiempo, el papel
de materiales impresos, originalmente blanco, va adquiriendo una tonalidad ocre,
este color recuerda los diseos pasados. Las tintas de impresin eran de colores
 Captulo 4. concepto de diseo y proceso de bocetaje
menos puros que ahora, la gama utilizada comprenda colores con menor saturacin
o ms apagados que los utilizados actualmente, as que tanto tonos marrones
como tonalidades apagadas en general, se adaptan al tema de la historia del
diseo grfico.
A continuacin, se describe con ms detalle las caractersticas de los colores
elegidos.
Segn Allan Swann, en su libro El color en el diseo Grfico describe a los tonos
marrones de la siguiente forma: el marrn es un color clido, tranquilizante y
confortable, que sufre poco las oscilaciones de la moda. Se asocia con la madera,
el otoo y el campo. Brinda un tono rstico tranquilizador. Tiene un considerable
valor en el contexto de la nostalgia por lo aejo, para expresar la tradicin, la
calidad y la naturaleza. Ofrece posibilidades para crear nostalgia o imgenes
histricas. Es un color de bajo tono, no un captador de la mirada. Tiene
connotaciones intelectuales.
En su aspecto psicolgico, el color marrn connota la tradicin, la historia, lo
intelectual, por lo cual se adapta al tema de historia del diseo; es tranquilizador
y confortable, por lo que permitir una presentacin agradable en clase, y una
navegacin relajada en Internet. Es un color neutral que combina con muchos
colores, no capta la mirada, es conveniente para fondos y para lograr que las
imgenes en primer plano sean el punto al que se dirija la atencin de los
estudiantes.
Los colores apagados, segn Swann, contienen una cierta proporcin de gris o
negro. Puede incluir tanto colores claros como oscuros. Son buenos para diseos
que evoquen un sentido del pasado, o para diseos que sean una imitacin de
obras grficas de pocas pasadas. Tonos fuertes, pero apagados, le dan al diseo
una fuerza y madurez clsicas. Son ideales para fondos y para poner en negativo
o aislar imgenes ms vivas. Se puede usar con un gran efecto para proyectar
colores ms claros o ms vivos. Pueden realzar el atractivo tradicional de un
producto. Para subrayar una reputacin asentada de antiguo, seriedad,
respetabilidad o tradicin. Su uso le prestar al diseo un carcter inteligente y
sofisticado.
4.1.2 Cdigo lingstico
El material realizado est basado en textos elaborados por la Arq. Brenda Penados,
catedrtica de Historia del Arte y del Diseo Visual 3. Los contenidos son una
recopilacin de diferentes libros de Historia del Diseo Grfico, sus autores:
Meggs, Satu, Barnicoat. Las imgenes fueron obtenidas de los libros: Historia
del Diseo Grfico, de Philip Meggs; The Golden Age of Poster, de Hayward y
Blanche Cirker; The Poster in History, de Max Callo y el Curso de Diseo Grfico,
volumen 6. Adems, se obtuvo imgenes de diversas pginas de Internet.
46
Los temas fueron clasificados en seis unidades, cada una de las cuales incluye
diversos movimientos:
Unidad 1: El Auge de la Modernidad. Incluye la poca Victoriana, el Arts & Craft
(las Artes y Oficios) y el Art Nouveau (Arte Nuevo).
Unidad 2: El cambio de siglo, las Vanguardias. En esta unidad se describe la
Deutsche Werbund y las Vanguardias.
Unidad 3: Vanguardias progresistas, la bsqueda de un nuevo orden. Incluye el
Art Deco y la Bauhaus.
Unidad 4: El Neo-vanguardismo, un nuevo desorden. Abarca la Segunda Guerra
Mundial, el Movimiento Moderno en Estados Unidos, EEUU despus de la Guerra,
y el Estilo Tipogrfico Internacional.
Unidad 5: Accin y reaccin, ms all de las vanguardias. Trata sobre la Escuela
de Nueva York, la Imagen Corporativa y los Sistemas Visuales, la Imagen Conceptual
y la visin nacional en el dilogo global.
Unidad 6: Hacia el nuevo milenio, la simplicidad o lo retro. La utilizacin de la
computadora como tcnica para creaciones grficas y las ltimas tendencias en
el diseo.
Estos seis temas son la base de la navegacin para la presentacin de flash y el
sitio de Internet. Cada tema posee un botn representativo que lleva a los navegantes
a esa unidad. La barra de navegacin se mantiene siempre en pantalla para que
se pueda acceder a cada unidad desde cualquier rea. Al trasladarse a una unidad
especfica, saldr del lado izquierdo de la pantalla el ttulo de la unidad, y, debajo,
la lista de los temas de esa unidad, con un vnculo para acceder a ellos. El rea
en la que se encuentre el navegante, saldr resaltada con una tipografa mayor.
El folleto escrito contiene la informacin detallada, para que sea leda por los
estudiantes. Luego, se mostrar en clase la presentacin flash, con obras de
diseo de cada poca, ordenadas, y con una animacin especial la cual hace que
al pasar el ratn sobre ciertas reas de la imagen, aparezcan lneas y textos que
indican ciertas caractersticas especiales de su diseo. Esto permitir a los
estudiantes ver y analizar las imgenes a color. El sitio web contiene otras imgenes
a color, son su respectivo anlisis, y servir para consulta y para descargar
informacin y tareas. Las imgenes de Internet podrn ser descargadas (opcin
que no tienen en la animacin de flash, por el tipo de formato), y podrn guardar
o copiar los textos.
El folleto se presentar tambin en formato pdf, estar disponible en lnea para
que los estudiantes puedan descargarlo e imprimirlo. La animacin de flash, que
 Captulo 4. concepto de diseo y proceso de bocetaje
se presenta en clase, tambin podr ser descargada o consultada en el sitio
web.
4.1.3 Cdigo tipogrfico
Como tipografa base para los textos, se eligi un tipo que fuera legible tanto
en material impreso como en pantalla, y que tuviera algn significado relacionado
con la historia del diseo. Se seleccionaron tipos palo seco (sans serif), como
los estilos suizos o el tipo Arial. Los tipos sans serif son los ms legibles en
pantalla.
Para la tipografa de los titulares se busc un tipo con ms personalidad, que
puede ser caligrfico, simulando la escritura a mano sobre las diapositivas, o
alguno que imite la escritura a mquina, la cual recuerda tambin pocas pasadas.
4.1.4 Cdigo icnico
Para las portadas de cada captulo, se eligir un diseo representativo de cada
poca, el cual se colocar dentro del slide. Estos diseos dentro de los slides
se colocarn tambin como botones para la navegacin tanto de la animacin
flash como del sitio web.
Tambin se trabajar con texturas extradas de los diseos de cada poca, para
colocar como fondo de las portadas y como franja para las pginas del folleto.
4.1.5 Concepto de comunicacin
El concepto creativo se basa en la utilizacin de un smbolo visual que representa
a la clase de Historia del Arte: el slide. Los slides (llamados en espaol diapositivas,
transparencias o pelcula positiva) han sido la forma clsica de presentar la
informacin visual en clases. Se han utilizado en presentaciones visuales y
audiovisuales para diversas actividades didcticas, y han sido, por mucho tiempo,
el mtodo empleado en Historia del Arte para mostrar las imgenes en las aulas,
47
e ilustrar a los alumnos las obras de cada poca y civilizacin. Con la llegada
de las computadoras, y programas especializados en presentaciones audiovisuales,
como por ejemplo power point y flash, as como la facilidad de digitalizar imgenes
por medio de escner y cmaras digitales, los slides han sido sustituidos (aunque
no del todo) por presentaciones multimedia, pero los estudiantes an mantienen
el recuerdo de las imgenes presentadas de esa forma, y pueden relacionar el
concepto fcilmente.
Una fotografa del slide ser el marco para la imagen que se desee mostrar.
Este conjunto (un diseo de la poca dentro del slide), ser la portada para cada
unidad. Un grupo que posea 6 diapositivas (una por cada unidad de estudio)
ser la portada principal, y la barra de navegacin tanto para la presentacin
flash como para el sitio web. Cada diapositiva con su correspondiente imagen
de la poca, ser el botn de acceso a la unidad que hable sobre esa poca.
4.2 Proceso de bocetaje
La base fundamental del diseo buscaba enfocar cada unidad con algn elemento
visual representativo de la poca correspondiente al tema tratado. Pero se deba
lograr una diagramacin en la cual se integrara tanto ese elemento visual, as
como una misma lnea de diseo que diera unidad a todos los documentos y
formatos.
4.2.1 Bocetaje de la diagramacin del folleto escrito
Los primeros bocetos se realizaron para el folleto escrito. Al principio se pens
nicamente en las caractersticas y restricciones de este formato, y como no se
contaba an con la informacin final, se desconoca la cantidad de texto en
relacin con las imgenes, por lo que la diagramacin fue muy general y poco
exacta. An no se tena un concepto de diseo que utilizara una idea especfica.
Las restricciones con las que se contaba para el folleto eran que todo deba
trabajarse en blanco y negro puros, todas las imgenes se trabajaran en escala
de grises, y se deba buscar elementos que no se perdieran en el proceso de
fotocopiado.
 Captulo 4. concepto de diseo y proceso de bocetaje 48

La primera aproximacin a un concepto creativo fue utilizar figura humana para

las portadas. La idea era recortar la figura humana de un diseo de afiche o
portada de revista que fuera representativo de cada poca, y combinarla con la
tipografa. Los bocetos quedaron de la siguiente manera:
 Captulo 4. concepto de diseo y proceso de bocetaje 49

Los bocetos de diagramacin de las pginas se trabajaron pensando en colocar

una imagen en grande, y poco texto. Se busc elementos decorativos para las
pginas, siempre en blanco y negro puros. Surgieron las siguientes ideas:
Captulo 4. concepto de diseo y proceso de bocetaje 50
Captulo 4. concepto de diseo y proceso de bocetaje 51
 Captulo 4. concepto de diseo y proceso de bocetaje 52

Se busc una opcin de diagramacin que facilitara el trabajo y le diera ms

orden al documento. La primera opcin fue una retcula de 3 columnas, y la idea
era dejar la primera columna como un espacio solamente para los pies de las
imgenes, la del medio para las imgenes, y la de la derecha para el texto. Esta
forma qued ordenada de la siguiente manera:

Pero al tener los textos y las imgenes que deban acompaar ese texto, sali
a relucir la poca funcionalidad del boceto de tres columnas, en el cual la informacin
quedaba ordenada de la siguiente forma:

Luego, se eliminaron las que eran menos funcionales, como por ejemplo las que
tenan texto invertido sobre fondo negro, pues las letras tenderan a ir
desapareciendo luego de varias fotocopias. Las que contenan masas de color
negro tambin se descartaron, ya que el negro es muy pesado y demasiado
llamativo, y le quitaba importancia a las imgenes. Se eligi el formato horizontal,
ya que todo el material didctico que se ha realizado para la asignatura de
Historia del Arte y del Diseo Visual posee este formato, y se piensa unir toda
la informacin en el futuro.
 Captulo 4. concepto de diseo y proceso de bocetaje 53

Por lo cual se busc otra solucin a la diagramacin. Se trabaj en una retcula Basndose en la idea del negro puro, se trabaj tambin las portadas con franjas
de cuatro columnas, las dos de la izquierda seran para colocar los textos, y las negras como fondo de las imgenes. Otra idea para las portadas fue elegir un
dos de la derecha para las imgenes. Esta disposicin result ms verstil, ya diseo de la poca y cambiarle el texto, colocndole el titular de cada captulo.
que si en la hoja haba ms imgenes que texto, se sustitua la segunda columna Las ideas de diagramacin y portadas fueron las siguientes:
de texto, y se repartira ese espacio para las grficas.
4.2.2 Ideas del concepto de diseo

En el rea final de cada unidad, se colocarn varias actividades didcticas. La

diagramacin bsica de cuatro columnas se convirti en dos columnas ms
anchas, que ocupaban cada una la mitad del espacio de la pgina, y en cada
columna se colocara una pregunta o actividad, con sus respectivas imgenes.
Como elemento que fuera a la vez unificador del diseo total del folleto, as como
distintivo de cada captulo, se coloc una franja horizontal en el rea superior
e inferior de la pgina, con una textura perteneciente a un diseo de la poca.
Captulo 4. concepto de diseo y proceso de bocetaje 54

Pero el concepto de diseo que se trabajara para todos los formatos (folleto,
flash y web) an se encontraba en proceso de elaboracin. La idea inicial de
utilizar figura humana present algunos inconvenientes, el ms importante fue
el hecho de que algunas corrientes de diseo trabajaban nicamente con tipografa
o figuras geomtricas, por lo que no se encontraban ilustraciones o fotografas
de figura humana. Adems de que costaba adaptarlo a los diferentes formatos.

Otras ideas se basaban en texturas de cada poca, franjas de color, una librera
en la que el lomo de cada libro tena escrito el nombre de cada unidad, una
gndola de revistas con una revista para cada poca, un proyector viejo de
pelculas, etc.

La idea seleccionada fue la del slide.

4.3.3 Bocetaje de la animacin flash y el sitio web

7
Captulo 4. concepto de diseo y proceso de bocetaje 55

Al elegir el concepto creativo, se procedi a bocetar para la animacin de flash

y el sitio web. Los bocetos de flash fueron los siguientes:
Para el sitio web, se busc una diagramacin que se basara en los estndares
 Captulo 4. concepto de diseo y proceso de bocetaje
de diseo en cuanto a la colocacin de los botones de navegacin: un banner
horizontal en la parte superior, y los botones debajo de este banner y a la
izquierda. Las ideas fueron las siguientes:
56
4.3 Bocetos finales previos a la validacin
Luego de realizar el bocetaje a mano y en la computadora, se disearon los
bocetos finales, los cuales se utilizaron para la validacin de las piezas de diseo.
Los elementos utilizados para las piezas, as como los bocetos finales se describen
a continuacin.
4.3.1 Tipografa
Para los textos del folleto, se eligieron los estilos Suizos, pues poseen una amplia
familia con muchas variaciones, lo cual brinda versatilidad en la utilizacin de
los textos. Los tipos sin remates permiten una mejor lectura en pantalla. Los
estilos Suizos fueron ampliamente utilizados durante el Neo Vanguardismo, e
impusieron un estilo internacional y global en el diseo grfico, que an permanece
vigente.
La letra utilizada para los textos es la Swiss 721 Lt Bt:
Swiss 721 Lt Bt
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890
Para la tipografa que va acompaando a las imgenes, como ttulo de cada
unidad, se eligi un tipo caligrfico. La idea es simular la escritura a mano hecha
sobre los marcos de las diapositivas. Esta misma tipografa se utiliz para los
titulares y para los botones.
La letra utilizada para los titulares es la Nevison Cas D:
Nevison Cas D
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890
 Captulo 4. concepto de diseo y proceso de bocetaje 57

4.3.2 Imgenes formado por una imagen perteneciente a un estilo de la unidad que representa,
y est insertado dentro de un slide. Los botones quedaron de la siguiente manera:
De la mano de las diapositivas, se tom como elemento distintivo de cada poca
las texturas de los diseos. Estas texturas sern utilizadas como fondo en las
portadas, y como una franja horizontal decorativa para las pginas del folleto.
Se trabajarn en blanco y negro puro para las hojas impresas, y a colores para
el sitio web.

Una fotografa del slide ser el marco para la imagen que se desee mostrar en
la animacin de flash.

4.3.3 Colores
Se trabaj con base en los colores marrn, pues son neutros, combinan bien
con la mayora de colores, y recuerdan pocas pasadas.

Los cdigos de color elegidos son los siguientes:

Color de fondo para la presentacin y el Sitio Web:

#C7A071

Color de fondo para los textos del Sitio Web:

#DCD7C1

Para Internet:

Color de los textos, vnculos y vnculos visitados:

#663300

Color de los vnculos activos:

#993333

4.3.4 Navegacin
La navegacin para la animacin de flash que se presentar en clase, y para
el sitio web, utiliza seis botones, cada uno da acceso a una unidad, y est
 Captulo 4. concepto de diseo y proceso de bocetaje 58

4.3.5 Diseos La animacin de flash se present de la siguiente forma:

El diseo de la portada del folleto qued de la siguiente manera:

El diseo de las pginas interiores del folleto es el siguiente: El sitio de Internet se present as:
 Captulo 5. comprobacin de eficacia y propuesta grfica final
Captulo 5
Comprobacin de Eficacia
y Propuesta Grfica Final
5.1 Comprobacin de la eficacia
de las piezas de diseo
5.1.1 Descripcin metodolgica
La metodologa utilizada para la validacin de las piezas de diseo, fue
la encuesta. Se realizaron 6 preguntas cuyas opciones de respuesta
eran: A. Mucho, B. Regular, C. Poco, D. Nada. Se realiz una pregunta
abierta donde los informantes podan colocar comentarios o sugerencias.
Se trabaj directamente con el grupo objetivo primario (estudiantes de
la asignatura de Historia del Arte y del Diseo Visual 3, de Diseo Grfico
de la USAC). La muestra fue de dos secciones de estudiantes, que en
total sumaban 32 personas. Se utiliz una clase normal de Historia del
Arte y del Diseo Visual 3, y se present el material de la siguiente forma:
El folleto se imprimi en tinta negra, y se sacaron varios juegos de
fotocopias para que los estudiantes lo vieran en clase. Se eligi el sistema
60
de fotocopiado pues as es como lo reproducirn los alumnos cuando se
utilice como material didctico para esta asignatura.
Se explic la metodologa que se iba a utilizar para la enseanza de la
Historia del Diseo Visual, y cmo los diferentes materiales (folleto, flash
y web) se complementaban y serviran para lectura, muestras grficas y
consulta.
Se proyect con caonera la presentacin flash y el sitio web. Se naveg
y se accedieron a diferentes unidades e imgenes del proyecto.
Luego de presentar el material, los alumnos respondieron las preguntas
de la encuesta.
5.1.2 Perfil del informante
Los informantes fueron estudiantes de Diseo Grfico de la Universidad
de San Carlos de Guatemala, que estn cursando Historia del Arte y del
Diseo Visual 3.
Son hombres y mujeres de 18 a 30 aos de edad. Solteros y sin hijos
en su mayora. Residentes en la ciudad capital de Guatemala, y ciudades
vecinas. Quienes trabajan, poseen ingresos que van desde Q1,559.20
hasta Q5,000.00 mensuales. (Para mayor informacin sobre el perfil del
informante, ver el Captulo 2: Perfil del Cliente y Grupo Objetivo).
 Captulo 5. comprobacin de eficacia y propuesta grfica final 61

5.1.3 Anlisis e interpretacin de resultados

Los resultados obtenidos luego de la validacin de las piezas fueron los siguientes:
1. Las imgenes son comprensibles y poseen buena resolucin? 2. El texto es fcilmente legible?

Mucho=56% Regular=41% Mucho=50% Regular=44%

Poco=3% Nada=0% Poco=6% Nada=0%

Se debe mejorar la resolucin de las imgenes. Se debe cambiar la tipografa, por otra que tenga mayor legibilidad.
 Captulo 5. comprobacin de eficacia y propuesta grfica final 62

3. Se presenta la informacin de forma clara y ordenada? 4. La diagramacin es agradable y facilita la comprensin del tema?

Mucho=69% Regular=31% Mucho=72% Regular=28%

Poco=0% Nada=0% Poco=0% Nada=0%

La diagramacin ofrece un diseo equilibrado y ayuda a comprender

La informacin es presentada de forma clara y ordenada, pero se debe los temas tratados, pero se puede mejorar para hacerla ms agradable
revisar el diseo para ordenar los textos y que sean ms comprensibles. y comprensible.
 Captulo 5. comprobacin de eficacia y propuesta grfica final 63

5. Los colores son armoniosos y se relacionan con el tema? 6. Los botones son comprensibles y permiten una navegacin sencilla?

Mucho=60% Regular=34% Mucho=72% Regular=25%

Poco=6% Nada=0% Poco=3% Nada=0%

La navegacin es sencilla e intuitiva y se comprenden los botones,

Los colores resultan armoniosos en general, aunque es conveniente pero debe hacerse ms comprensible e intuitiva. Cambiar la
buscar una combinacin ms armoniosa y acorde al tema. tipografa de los botones y aumentar el tamao para darle mayor legibilidad.
 Captulo 5. comprobacin de eficacia y propuesta grfica final
Pregunta abierta: Comentarios o sugerencias:
Las respuestas fueron en su mayora positivas. Un 84% de encuestados realiz
comentarios positivos, entre los cuales se encuentran: buena idea y buen diseo,
creativo, agradable, contiene la informacin necesaria, es fcil de entender, est
bien organizado y facilitar el aprendizaje.
Un 41 % realiz crticas o sugerencias. Entre estas se encuentran: agregar ms
dinamismo, usar colores ms alegres y cambiar la letra caligrfica, pues es difcil
de entender.
Anlisis de los resultados de la validacin
de las piezas de diseo
Sobre el diseo
De acuerdo con los resultados de las encuestas realizadas para la validacin
de los diseos, as como con la asesora brindada por expertas en diseo visual
y editorial, se lleg a las siguientes conclusiones sobre el diseo del proyecto:
Sobre las imgenes
Para lograr una mayor apreciacin de las imgenes, es conveniente digitalizarlas
con alta resolucin, y luego adaptar la calidad segn el formato a utilizarse. En
material impreso, imgenes grandes permiten a los lectores apreciar mejor las
obras. Al trabajar presentaciones flash, hacer el archivo de forma que se vea a
pantalla completa. La resolucin estndar que traen los formatos flash es de 550
x 400 pxeles, por lo que para un monitor de 800 x 600 px, la animacin quedar
menor que el monitor, y, al ampliarla al tamao de la pantalla, las imgenes se
distorsionarn, pixelendose, por lo que perdern su calidad y no se podrn
apreciar con toda su riqueza. Es conveniente, por lo tanto, trabajar con una
resolucin o tamao de lienzo mayor a la que trae predeterminada flash. Un
tamao estndar, actualmente el de menor resolucin de monitores, y el ms
utilizado para realizar diseos web, es el de 800 x 600 px.
Sobre la tipografa
La letra Swiss 721 lt bt, palo seco, negra sobre fondo blanco, y con un interlineado
de ayuda a la legibilidad tanto impresa como en pantalla.
La letra caligrfica, que imita la escritura manual, especficamente la Nevision
Cas D, no es conveniente para los titulares, botones de navegacin y archivos
a proyectarse en clase con caonera, pues su utilizacin no da la impresin de
64
ttulos, es difcil leerla, no se distingue en pequeo, y se pierde mucho al bajarle
la resolucin y optimizar para la web.
Sobre la proyeccin en clase con caonera
La proyeccin con caonera puede dificultar la lectura y la comprensin de las
imgenes, sobre todo si sta se realiza sobre una pared con textura (pues la
textura se vuelve parte de la imagen proyectada), o cuando la superficie sobre
la cual se proyecta est pintada de algn color diferente al blanco, pues se
distorsionan los colores, al igual que si hay manchas de color.
Las condiciones de luz bajo las cuales se presenta la informacin tambin afectan
al diseo y a la comprensin de textos e imgenes. Para una mejor visualizacin
de la presentacin en clase, es conveniente que el saln se encuentre lo ms
oscuro posible, aunque esto puede dificultar a los estudiantes poder tomar nota
de la exposicin. Entre ms iluminacin exista dentro del saln, menor ser el
contraste y la saturacin de los colores proyectados, por lo que ser ms difcil
apreciar las imgenes.
Sobre el orden de la informacin
Una estructura jerrquica clara y sencilla, presentada de forma ordenada, facilita
la comprensin del tema. Ilustrar con imgenes acordes con el texto, vuelve al
documento mucho ms interesante y agradable, estimulando a los estudiantes
a consultar el material.
Sobre la diagramacin
Una diagramacin estructurada, basada en un sistema de retcula y que combina
ordenadamente texto e imgenes, hace ms agradable la lectura y facilita la
comprensin de la informacin.
Sobre la utilizacin del color
La aplicacin de colores de tonalidades marrn y de colores poco saturados o
apagados, es muy neutral y combina con muchos colores, adems de que se
relaciona con la historia. Estos colores pueden resultar aburridos y poco
estimulantes para los estudiantes. Se puede eliminar esta monotona agregando
fondos con textura, animaciones, etc. En este caso, la coincidencia del tema
con el color, se contrapone con el grupo objetivo, que posee un gusto general
por los colores fuertes y por los diseos animados, llamativos. Este gusto se
debe en parte a su edad, y en parte al hecho de ser estudiantes de diseo
grfico, ya que les gustan los trabajos creativos, diferentes, modernos.
 Captulo 5. comprobacin de eficacia y propuesta grfica final
Sobre la navegacin
Los conos utilizados para este proyecto, imgenes representativas de cada
poca, permiten una navegacin fcil, intuitiva, aunque los textos, por ser
caligrficos, no se distinguen en animaciones flash ni en la web, debido a la poca
uniformidad de la letra, y a la baja resolucin de este tipo de archivos.
Sobre la presentacin flash
Las presentaciones multimedia poco animadas resultan montonas y se pueden
tornar aburridas para los estudiantes. De igual forma, un fondo de colores planos,
sin texturas, resulta menos interesante que uno que las posea. El sonido es otro
elemento importante que sirve tanto para ambientar como para animar las
presentaciones (de all el por qu de su nombre: medios audiovisuales o
multimedia). Se debe cuidar que el diseo y los colore no resulten montonos,
sobre todo en la presentacin de clase.
Sobre el concepto creativo
El concepto creativo de utilizar slides como elemento de diseo, fue muy bien
aceptado y comprendido por los estudiantes, les pareci una buena idea.
Sobre la forma de presentar los materiales
La forma en la que se organiz la informacin, as como la combinacin de
distintos materiales y formatos, permite una mejor comprensin de los temas a
travs de la lectura (folleto impreso y en pdf), explicacin magistral (presentacin
flash) y consulta en Internet (sitio web y galera de imgenes). Ofrece a los
estudiantes la posibilidad de retroalimentar el tema y los incentiva a consultar
y a investigar. Expone una amplia galera de imgenes que aumentar sus
conocimientos sobre el diseo, su cultura grfica y su biblioteca mental de
imgenes, potenciando su capacidad de creacin.
5.2 Propuesta grfica final
5.2.1 Cambios a realizarse con base en la validacin
Tras realizar el anlisis de los resultados de las encuestas, y luego de un estudio
ms detallado de los bocetos realizados, se lleg a las siguientes conclusiones:
se debe mejorar la utilizacin del color, para que sea ms armonioso y agradable.
Es conveniente cambiar la tipografa por tipos ms legibles, tanto en los textos
como en los titulares. Para los titulares debe buscarse un tipo que se relacione
65
con el tema y el concepto creativo, y que llame la atencin. El diseo del folleto
est muy recargado, tanto en la portada como en las pginas interiores, por lo
que hay que quitar elementos y darle movimiento.
La navegacin debe ser ms comprensible, por lo que hay que agrandar los
textos y colocarlos de una manera que no se pierdan con el fondo. Los botones
estn desordenados, se debe buscar una forma de darles orden y a la vez ritmo
y movimiento. Las imgenes que se muestren en las portadas de las unidades,
y en los botones de navegacin, deben incluirse dentro del material al que
pertenecen (las imgenes de las portadas del folleto, debern estar analizadas
dentro del folleto, las de los botones de navegacin de flash, debern analizarse
en la animacin flash, y los de la web, debern incluirse dentro de sus pginas).
Debido a que cada material posee imgenes diferentes, cada uno tendr como
portada o botn de la unidad, una imagen diferente.
Se debe aumentar el tamao de la animacin de flash para que se adapte al
monitor y no se pierda la calidad de las imgenes.
Buscando un diseo armonioso y efectivo, se realiz una serie de cambios a las
piezas grficas, los que se describen a continuacin.
El cdigo cromtico se mantuvo en general. Se cambi el fondo de la animacin
de flash y del sitio web, por colores ms suaves. A la presentacin flash se le
coloc un fondo con diseos antiguos montados sobre diapositivas. El conjunto
fue convertido a un slo color, y se le rebaj la saturacin, logrando una imagen
con tonos sepia suaves, que ilustran pero no distraen. Este mismo fondo se
utiliz como banner del sitio web.
Los cdigos de color utilizados para el sitio web son los siguientes:
Color de fondo: #ded6c7
Color de fondo para los textos: #eee9e0
Color de los titulares y letras en negrita: #996633
Color de los textos y vnculos: #663300
Color de los vnculos visitados: #996600
Color de los vnculos activos: #993333
 Captulo 5. comprobacin de eficacia y propuesta grfica final 66

La tipografa de los textos fue sustituida por Arial, pues es un tipo ms legible
que el Swiss, que se adapta a la justificacin de las columnas de una manera
ms uniforme, y es el tipo que ofrece ms legibilidad en el monitor de la
computadora (ya que el folleto est a la disposicin en formato pdf).
Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 1234567890
La letra utilizada para los titulares tambin fue reemplazada. El tipo utilizado
originalmente, Nevison Cas D, era difcil de entender, sobre todo en tamaos
pequeos. Se busc otro tipo que ofreciera un concepto acorde con el de los
slides, pero que a la vez tuviera buena legibilidad y, luego de varias pruebas,
se eligi el Plastique. Los titulares se ilustraron imitando las tiras plsticas que
se colocaban en la mquina de escribir y daban como resultado letras blancas
resaltadas, que se utilizaban para rotular archivos y material diverso.
Las imgenes utilizadas para las cartulas de los captulos, y para los botones
de navegacin que representan a cada unidad, fueron diferentes en cada tipo
de material. Se opt por no colocar las mismas en los diferentes formatos para
ofrecer ms variedad a los estudiantes y para presentar imgenes que se
encuentren dentro del material de estudio y anlisis de cada formato.
Para la animacin de flash y el sitio web, se giraron los titulares y las diapositivas
con el objetivo de lograr ms dinamismo en los diseos. Todas las diapositivas
estn giradas en el mismo ngulo, y alineadas en una esquina, para mantener
el ritmo y la regularidad. Al pasar el ratn sobre los botones, aparece el texto que
indica el nmero y el ttulo de cada unidad.
5.2.2 Diseos finales
Diseo final del folleto
El folleto qued diseado de la siguiente forma (el material completo se presenta
dentro del cd adjunto, en un archivo pdf, y puede descargarse de Internet
ingresando a www.compunet.com.gt)

Plastique
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
1234567890
Se elimin la franja superior de las pginas interiores del folleto, esta recargaba
demasiado el diseo, por esta sustraccin condujo a un diseo ms liviano y
agradable. La franja inferior se mantuvo, y se coloc una diferente para cada
captulo, formada por el fragmento de un diseo perteneciente a cada unidad.
Para darle ms movimiento, se buscaron formas libres, ya no encerradas en un
rectngulo. Esta franja brinda unidad al diseo, pero tambin ayuda a distinguir
a cada unidad.

Al slide de las cartulas del folleto se le elimin la orilla negra, pues era un
distractor, y se le agreg sombra para darle volumen al diseo y producir una
imagen ms realista. El fondo fue rebajado a un 40% para hacerlo ms sutil y
menos llamativo. Portada general del folleto.

Portada de la unidad 1.
Primera pgina interior, unidad 1.
unidad 1. El Auge de la Modernidad
D espus de 450 aos de impresin
manual, el rpido desarrollo de la nueva
tecnologa de composicin y prensa,
derivada de la revolucin industrial, se
hace imprescindible durante las ltimas
dcadas del siglo XIX. Estos
acontecimientos provocaron un cambio
importante en los esquemas de trabajo
de las artes grficas en la automatizacin
y la especializacin, el tipgrafo ya no
se puede ocupar de toda la operacin
de produccin-impresin, hacindose
indispensables los especialistas en cada
fase: diseo de tipos, fundidores,
compositores, editores, ilustradores,
hasta nacer la profesin del diseador
grfico por la creciente demanda de
etiquetas, afiches, peridicos, etc. Se
pasa de lo manual a lo mecnico, a lo
automtico, del monocromo al color, del
trabajo en pequea escala a los de gran
volumen, de un mercado limitado a uno
especializado, de las artes historiciadas
a las artes por el arte.
A medida que la educacin se convierte
en un derecho, aumenta la demanda de
la impresin. Y a medida que Inglaterra,
Captulo 5. comprobacin de eficacia y propuesta grfica final 67
Actividades unidad 1.
tendencias del diseo visual - unidad 1. El Auge de la Modernidad 9
actividades de la unidad 1
1. Hacer un anlisis de los cambios en las tipologas que aparecen en el recuadro
1-18, tipos Klingaspor (Otto Eclemann, Peter Behrens, Behrens-Kursiv, Behrens-
Itlica y Behrens-Antigua)
1-20
1-18. Tipos Klingaspor
2. Qu diferencia ve usted en las
siguientes imgenes?
1-19, 1-20, 1-21.
Investigar quin es el autor, ao y pas.
1-19 1-21
Portada de la unidad 2.
tendencias del diseo visual - unidad 1. El Auge de la Modernidad 3
Francia y los Estados Unidos aumentan
sus dominios coloniales, la publicidad
crece a travs de diarios y revistas y
recupera un medio antiguo: el cartel
publicitario, y con ella la mujer objeto
como reclamo publicitario (ofreciendo
algo a la venta como si se incluyera ella
misma en el lote) (Satu, 1988:80)
El la dcada de 1880, aparecieron en
las calles de las grandes ciudades de
Europa y Estados Unidos enormes
carteles ilustrados. Estimulados por la
ingeniera ajena y las novedosas
tcnicas japonesas de grabado en
madera (ver figura 1-1), los diseadores
empezaron a buscar inspiracin en el
presente, rechazando el gusto en boga
por los estilos histricos; otros buscando 1-1. Kitaguawa Utamaro, retrato de una
solventar los problemas de la falta de cortesana, fines del siglo XVIII. Paleta restringida,
esttica provocados por la Revolucin composicin simple.
Industrial, con el Arts & Craft; los que
buscaron reunir lo decorativo con lo
industrial creando un nuevo arte: Art
Nouveau, Jugendstil o Modernismo; y
los que se influenciaron por los nuevos
1-2. William Morris, pgina ilustrada de Worles
ismos pictricos: Impresionismo,
of Geoffrey Chaucer, 1896. Estilo Kelmscott
Simbolismo o Nabis o la ingenuidad Naif.
combinando tipos, iniciales, orillas e ilustraciones.

Primera pgina interior, unidad 2.
tendencias
unidad 2. El cambio de siglo, las vanguardias
l as ltimas dcadas del siglo XIX y las
primeras del XX fueron testigos de
cambios fundamentales que no tenan
precedentes, tanto en el aspecto
econmico, cientfico, filosfico y en las
formas de vida: naci lo que hasta hoy
conocemos como era moderna.
Este cambio no fue como en otras pocas
para unos pocos elegidos, sino que gran
parte de la poblacin experiment, en
Europa, una transformacin formidable,
duradera e imparable gracias a la
industrializacin.
El auge de los nuevos medios de
transporte, los medios de comunicacin
en masas, el nacimiento y auge del
diseo grfico y del diseo industrial, y
sobre todo la fabricacin en serie, as
como la produccin en color de la
comunicacin visual, alteraron para
siempre la vida cotidiana.
El motor de estos cambios fue la
tecnologa, que la gente de la poca crea
el medio ms eficaz para afrontar con
xito el nuevo siglo. Progreso que
esperaban traera xitos materiales,
Actividades unidad 2.
tendencias
actividades de la unidad 2
1.Investigue la vida, obra y aportaciones del diseador Peter Behrens.
2.Haga una comparacin del estilo tipogrfico de Peter Behrens, Henry van de Verlde
y Lucian Bernhard.
3.Ubique en tiempo, pas y diseador los siguientes diseos
2-22
del diseo visual -
equidad y eficiencia, para dar solucin
a los problemas de la sociedad.
Los arquitectos y diseadores grficos
e industriales fueron los primeros en
alegrarse con el desarrollo de la
tecnologa, llevaban siglos trabajando
en un ambiente muy distinto, en el que
se privilegiaba el pasado en lugar de
afrontar los retos del futuro. Los gustos
de la clase media y del poder imperialista
de mediados del siglo XIX se regan por
prudencia, se desechaban las propuestas
innovadoras y el diseo siempre se
cea a los estilos histricos.
El diseo moderno naci como reaccin
a ese panorama conservador, por la
creciente importancia de la industria, el
inters por las soluciones racionales y
eficientes en diseo y comunicacin,
motivando el alejamiento progresivo de
la naturaleza a favor de las formas
geomtricas, ya desde los diseadores
del Jungendstil de Austria y Alemania.
La Exposicin Universal de 1900 en
Pars, se convirti en un homenaje al
modernismo, mientras que la de Turn
del diseo visual -
2-23
Captulo 5. comprobacin de eficacia y propuesta grfica final
Portada de la unidad 3.
unidad 2. el cambio de siglo, las vanguardias 15
2-1. Peter Behrens, cubierta de la gua del pabelln de la AEG en la exposicin de barcos de 1908.
El dibujo arquitectnico lo reduce a superficies planas y los tipos se convierten en la base del sistema
de identificacin de la AEG.
Primera pgina interior, unidad 3.
24 tendencias del diseo visual -
unidad 2. el cambio de siglo, las vanguardias
unidad 3. vanguardias progresistas,la bsqueda de un nuevo orden
L a metfora ms importante del diseo
moderno durante la primera mitad del
siglo XX fue sin lugar a dudas la mquina,
considerada un smbolo y un motor del
progreso, de la democracia y del control
sobre la naturaleza. Estimul la
imaginacin de muchos arquitectos,
diseadores industriales y grficos, que
vivan en zonas industriales y que
sintieron la necesidad de renovar el
aspecto del entorno cotidiano y las formas
de comunicacin visual.
2-24
En ningn otro momento se dio esa
urgencia con mayor intensidad que
durante las primeras dcadas del siglo
XX. El ambiente de cambio poltico,
econmico y tecnolgico inst a los
creadores a experimentar con una
intensidad sin precedentes.
2-26
Despus de la primera guerra mundial
los pases europeos se vieron impulsados
a actuar, a crear un mundo nuevo y
democrtico, con lo cual muchos
diseadores vieron en ello la oportunidad
para crear un nuevo estilo de vida,
aplicando sus conocimientos prcticos
2-25
68
unidad 3. vanguardias progresistas, la bsqueda de un nuevo orden 28
y tericos combinando las innovaciones
tcnicas de la produccin en serie, con
las novedades estilsticas vanguardistas
basadas en sencillez y abstraccin
geomtrica.
Al unirse por primera vez estas dos
fuerzas, se cre una poderosa frmula
de la que surgi un nuevo estilo de
diseo, movimiento idealista basado en
la necesidad de renovacin y cambio.
Los pases bajos fueron los primeros en
asumir estos ideales y los aplicaron
sobre el diseo. La Unin Sovitica
siente la necesidad de dar una funcin
posrevolucionaria a la arquitectura y al
diseo visual, para lograr un nuevo
lenguaje que combine la espiritualidad
y el idealismo social. Este se resuelve
en una propuesta prctica, ordenada,
llamada realismo social, derivado de las
nuevas necesidades materiales. De
acuerdo con su ideologa, disearon
carteles, ropa para obreros, edificios y
tiles de propaganda poltica (ver figura
3-1).
El resultado fue un movimiento muy 3-1. Annimo, cartel sovitico de preparacin para la oficina poltica de la revolucin. Mosc.

Actividades de la unidad 3.
tendencias del diseo visual -
actividades de la unidad 3
1. Investigue sobre el diseo Art Deco y analizar las siguientes imgenes:
3-24. Cartel de Ludwig Holwein, de la
aerolnea Luftansa de Berln, para las
olimpiadas de 1936.
3-25. Cartel de Otto Stahl-Arpke para
Robert Wiene, de la pelcula de horror El
estudio del Dr. Caligari, 1920.
Portada de la unidad 4.
Captulo 5. comprobacin de eficacia y propuesta grfica final
Primera pgina interior, unidad 4.
unidad 3. vanguardias progresistas, la bsqueda de un nuevo orden 38
unidad 4. el neovanguardismo, un nuevo desorden
2. La tipografa art dec tiene caractersticas especiales, pero en algunos casos son
tomadas de la tipografa imperante de la poca. Especifique las caractersticas e n 1939, cuando da inicio uno de los
principales y cul de los ejemplos tiene influencia de la tipografa moderna y quin acontecimientos ms importantes del
es el diseador. siglo pasado, la Segunda Guerra
Mundial, el diseo vanguardista ya estaba
consolidado y su influencia prctica y
terica se extenda a nivel internacional.
Los diseadores haban obtenido el
reconocimiento que merecan, pero los
acontecimientos de la guerra civil
espaola y la Segunda Guerra Mundial
frenaron ese impulso de 1939 a 1945,
por lo que el diseo grfico se volc a la
elaboracin de propaganda poltica,
revolucin y guerra.
3-26 La produccin colectiva de carteles
reaparece en las obras de la repblica
y el partido comunista espaolas, en
Madrid y Barcelona, de 1936 a 1939.
Estos carteles se caracterizan por el uso
del fotomontaje, haciendo una gran
utilizacin de los sistemas de propaganda
de franco(Ver figura 4-1).
En el rgimen de Mussolini, algunos
diseos consistan en monolticos objetos
tridimensionales, compuestos de letras
que recuerdan la arquitectura romana
3-27
Actividades de la unidad 4.
actividades de la unidad 4
1. Compare las imgenes siguientes, analizarlas e identificar autor y pas.
4-15
4-16
2. Elabore un ensayo sobre el por qu la Segunda Guerra Mundial frena la
69
tendencias del diseo visual - unidad 4. el neovanguardismo, un nuevo desorden 42
imperial. Este carcter se generaliz en
obras de publicidad comercial, donde
destacan diseadores como Seneca y
Depero.
En esa poca, tambin influye en Europa
el diseo figurativo pictrico pscubista y
los planos presentados en las pelculas
de Twentieth Century-Fox de Hollywood.
En Alemania, el realismo nacionalista
tom sus influencias en carteles de estilo
realista expresionista como el de los
Juegos Olmpicos de 1936, obra de
Vosltvil, caractersticas que se respaldan
en las teoras de Adolf Hittler, quien
escribi sobre la propaganda: debe ser
popular y adaptar su nivel intelectual a
4-1. Detalle del cartel de protesta francs por
la habilidad receptiva de los menos los bombarderos de Franco en Espaa. 1937.
intelectuales (Meggs, 2000: 254), esta
afirmacin naci de su observacin de
la eficacia de los carteles aliados con
eslganes e ilustraciones populares.
Hittler tuvo una habilidad especial para
la propaganda visual y la exaltacin del
4-2. Cartel annimo alemn de propaganda en
nacionalismo a travs de la raza aria la ocupacin francesa, haciendo nfasis en el
superior. Tuvo efectos penetrantes en verdadero soldado alemn.
tendencias del diseo visual - unidad 4. el neovanguardismo, un nuevo desorden 50
experimentacin en las vanguardias del diseo.
4-17. Ben Shaln, 1943. Cartel para la oficina de guerra de los
Estados Unidos.

Portada de la unidad 5.
Primera pgina, unidad 5.
tendencias del diseo visual -
unidad 5. accin y reaccin, ms all de las vanguardias
e n 1960, el ideal de los diseadores
vanguardistas de crear diseos
comunicativos de fcil entendimiento a
la nueva sociedad, dej paso a la
concepcin del diseo como uno de los
smbolos ms importantes de la
modernidad, un distintivo de la
sofisticacin, elegancia sin perder la
conciencia cultural.
Los diseadores se responsabilizan y se
dan a la tarea de descubrir los smbolos
adecuados para las necesidades de la
sociedad y que los diseos visuales
pudieran desempear un papel en esta
sociedad (ver figura 5-1).
Italia fue uno de los pases en los que
este planteamiento se sigui con ms
fuerza, especialmente en los aos
sesenta, el diseo nrdico tambin
alcanz grandes xitos, pases como
Inglaterra, Alemania y Francia buscan la
formacin de un estilo nacional, aparecen
nuevas generaciones de diseadores
con sello nacional en Suiza, Polonia y
Espaa, y el estilo americano se
consolida.
Captulo 5. comprobacin de eficacia y propuesta grfica final 70
Actividades de la unidad 5.
tendencias del diseo visual - unidad 5. accin y reaccin, ms all de las vanguardias 68
actividades de la unidad 5
1. Haga una investigacin histrica y ubicar en 2. De qu estilo son los siguientes diseos? Argumente por las caractersticas.
influencias el diseo de Alvin Lustig de 1952.
5-41. Ivan Chermayeff, portada del
diseo Eroica de Beethoven, 1957.
5-44. Don Egensteiner, 1960.
5-43. Bill Taupin / Judy Protas, 1962.
5-40 5-45. Helmut Krone / Julian
Koeing, 1960.
5-42. Charlie Piccirillo /
Judy Prontas, 1962.
Portada de la unidad 6.
unidad 5. accin y reaccin, ms all de las vanguardias 55
El optimismo que reinaba en los aos 5-1. Paul Rand, portada para la revista Direccin,
sesenta, en estos y otros pases, era un de 1940. El simbolismo marca la pauta del diseo
en alto contraste.
reflejo del consumismo que trajo consigo
la posguerra, adaptndose a las nuevas
necesidades sociales de un pblico que
vea en el diseo moderno una forma
de identificarse con el presente y lo que
era ms importante, con el futuro.
La mayora de los diseos de los sesenta
estaban impregnados de sutileza y
elitismo, sin dejar a un lado el gusto del
cliente; cada vez se adaptaban ms al
consumismo creciente de estos aos.
El diseo informativo-objetivo es una
labor social cultural que, combinados
con mtodos cientficos, buscan vender
mejor y ms rpido productos
comerciales, generalmente se ponen del
lado del productor, pero pueden
encontrar resistencia de las personas
que piensan por s mismas, estas
esperan informacin objetiva y detallada
5-2. Bradbury Thompson,
sobre lo que aparece en el mercado y pgina de Wesbaco
sopesan las ofertas. Inspiration 216 de 1961.
Por medio de la tipografa
se interpreta la Guerra
Diseadores como Rand comprendieron Civil Estadounidense.
 Captulo 5. comprobacin de eficacia y propuesta grfica final 71

Primera pgina interior, unidad 6.

Diseo final de la animacin de flash
unidad 6. hacia un nuevo milenio, la simplicidad o lo retro 79

unidad 6. hacia el nuevo milenio, la simplicidad o lo retro

L os aos setenta supusieron el fin
del dominio de un nico movimiento
de diseo a nivel internacional. Por un
lado, el movimiento moderno segua
siendo criticado y desacreditado, por
otro, los ltimos creadores de esta
tendencia trataban de probar su validez
y convencer al pblico de que a pesar
de los cambios econmicos y
culturales, la tecnologa conducira a
la sociedad hacia un mundo mejor (ver
figura 6-1).
arquitectnica o de diseo iba a volver
a imponerse sobre otras, reflejo del
proceso de fragmentacin que haba
iniciado la sociedad occidental (figuras
6-2 y 6-3).
Mientras esto suceda, los diseadores
pensaban en la crisis del petrleo, el
coste de los plsticos y el creciente
inters de la sociedad por los
problemas medioambientales y el
reciclaje, temas que restaron
importancia a la funcin social del
El diseo final de la animacin flash es el siguiente:
Introduccin
6-1. Logotipo de Luxe, 1978, diseo de April
Greiman. El diseo con una mezcla de letras
muy espaciada de tipo itlico, que se aslan
como unidas independientes, acentuando su
dinamismo el escalonamiento de las horizontales.
El diseo refleja la influencia heredada de
Basilea.

El debate se inici en el mbito de la diseador y a su relacin con la

arquitectura para pasar ms tarde al
del diseo. La obra de arquitectos
como Robert Ventura y Michel Graves,
que recibiran influencias tan variadas
industria. La sensacin de desencanto
con respecto a la tecnologa como
medio de un mundo mejor se fue
generalizando, con lo que se pusieron
6-3. Pgina de 12 Typo graphical
interpretations, 1975, diseo de
Will Kunz. Diseo con intervalos
resonantes en formas simples
estructuradas en retcula.
6-2. Anuncio del restaurante China Club, 1980,
de April Greiman, con clara influencia del
suprematismo que traspasa y penetra las
formas dando vida y movimiento al espacio
plano de la pgina tipogrfica.

como el pop art o la revitalizacin de en peligro los valores y principios en

los motivos clsicos y de diseos art
dec, abri el debate sobre el
movimiento posmoderno, dejando claro
que desde el punto de vista estilstico,
haba muchas alternativas al
movimiento moderno y que en las
ltimas dcadas del siglo iba a imperar
el pluralismo o que ninguna teora
los que se haba asentado el diseo
moderno (fig. 6-4).
En los aos ochenta el diseo
demostr que, al igual que la
arquitectura, poda independizarse y
aumentar su importancia en el mbito
de la cultura, de la ciencia, de la salud

Actividades de la unidad 6.

unidad 6. hacia un nuevo milenio, la simplicidad o lo retro 87

actividades de la unidad 6
1. Colocar en orden cronolgico e identificar el estilo de las siguientes imgenes:
(desde la 6-26 hasta la 6-94)

6-26
6-27

6-28
6-29

6-31 6-33
6-30 6-32
 Captulo 5. comprobacin de eficacia y propuesta grfica final 72

Navegacin: Para la navegacin de la animacin flash, se eligieron las siguientes Pantallas de cada unidad
imgenes:
Captulo 5. comprobacin de eficacia y propuesta grfica final 73
 Captulo 5. comprobacin de eficacia y propuesta grfica final 74

La animacin de flash se presenta completa en el cd adjunto, y puede consultarse Navegacin: Para el sitio web, las imgenes utilizadas son:
en lnea, ingresando a www.compunet.com.gt.

Diseo final del Sitio Web

Introduccin

Primera pantalla
 Captulo 5. comprobacin de eficacia y propuesta grfica final 75

Las pginas web quedaron diseadas de la siguiente forma:

Unidad 1

Archivo pdf del Folleto Unidad 1, visto en

Internet.

Al pasar el mouse sobre los botones de

navegacin, aparece el texto abajo con
el ttulo de la unidad correspondiente.
 Captulo 5. comprobacin de eficacia y propuesta grfica final 76

Unidad 2 Archivo pdf del Folleto Unidad 2, visto

en Internet.

Al pasar el mouse sobre los botones de

navegacin, aparece el texto abajo con el
Unidad 3 ttulo de la unidad correspondiente.
 Captulo 5. comprobacin de eficacia y propuesta grfica final 77

Unidad 4

Al pasar el mouse sobre los botones

de navegacin, aparece el texto abajo
con el ttulo de la unidad
correspondiente.

Archivo pdf del Folleto Unidad 3,

visto en Internet
 Captulo 5. comprobacin de eficacia y propuesta grfica final 78

Archivo pdf del Folleto Unidad 4, visto

en Internet.

Al pasar el mouse sobre los botones de

navegacin, aparece el texto abajo con el
ttulo de la unidad correspondiente.
Unidad 5

Archivo pdf del Folleto Unidad 5,

visto en Internet.
 Captulo 5. comprobacin de eficacia y propuesta grfica final 79

Al pasar el mouse sobre los botones

de navegacin, aparece el texto abajo
con el ttulo de la unidad
correspondiente.

Unidad 6
 Captulo 5. comprobacin de eficacia y propuesta grfica final
5.2.3 Fundamentacin de formatos y programas utilizados para
la realizacin de los diseos
Como ya se explic anteriormente, todo el contenido del folleto, as como el
anlisis de las imgenes del Sitio Web y la animacin Flash, fueron elaborados
por la Arquitecta Brenda Penados, catedrtica de la Asignatura de Historia del
Arte y del Diseo Visual 3. Tambin fue ella quien eligi las imgenes y brind
los libros para digitalizarlas.
Realizacin del folleto
Se eligi trabajar un folleto impreso, para que los alumnos tengan a mano la
informacin ms importante, puedan sacar fotocopias de sta, leerla, resaltarla,
resumirla, realizar anotaciones y consultar dudas en clase. El sistema de
fotocopiado es un medio de reproduccin econmico, accesible para los
estudiantes. Este mismo folleto se presentar en formato electrnico pdf, para
que pueda ser consultado en lnea, y as permitir a los alumnos ver las imgenes
a color, imprimir cualquier pgina y leer en la computadora.
El material del folleto fue recibido a mano, y se pas a la computadora con el
programa Microsoft Word, por ser un procesador de palabras. Se escanearon
las imgenes en Adobe PhotoShop, donde se les recort, ajust el color y
optimiz para que se vieran correctamente en cada formato (impreso, web y
flash). La diagramacin del folleto se realiz en Macromedia FreeHand. Este
programa permite trabajar con texto e imgenes, diagramar por medio de pginas
maestras, unir columnas de texto, manipular su tamao y ubicacin. Su sistema
de importacin de imgenes facilita el trabajo pues el documento ocupa poca
memoria RAM, por lo que permite trabajar de forma rpida, adems de que
mantiene la calidad original de las imgenes.
Elaboracin de la Presentacin Flash
La animacin flash es el material que usarn los catedrticos para presentar en
clase. Las imgenes seleccionadas para este formato sern vistas en el aula
por los alumnos, por medio de una proyeccin con caonera, y permitirn que
el profesor explique los temas y vaya poniendo ejemplos con sus respectivos
80
anlisis. Todas las imgenes poseen diversas anotaciones, que aparecen al
pasar el ratn sobre el rea del diseo a ser analizada (por ejemplo, al analizar
la tipografa, el catedrtico podr pasar el ratn sobre la tipografa y aparecer
una lnea que dirige a un texto con el anlisis). Esta presentacin podr ser
consultada en lnea, lo cual servir a los estudiantes para retroalimentar y estudiar
a fondo los temas. Tambin podrn adquirir el disco compacto interactivo que
contiene todo el material.
El diseo del fondo de la presentacin flash fue elaborado en Adobe PhotoShop,
ya que permite manipular imgenes y hacer montajes fotogrficos con efectos
y alteracin de color. All se hicieron los botones de navegacin. Se le agreg
sombra a todas las imgenes para crear el efecto de que estn dentro del slide.
La animacin se trabaj en Macromedia Flash. Este programa permite hacer
animaciones para simular movimiento, as como colocar botones para navegar
dentro de las diversas escenas del documento ya acceder a vnculos externos
como pginas web, documentos, etc. Permite incorporar texto e imgenes y
realizar efectos al pasar el ratn sobre algn rea de la pantalla.
Diseo y maquetacin del Sitio Web
El Sitio Web realizado posee diversas funciones. Pone al alcance de los estudiantes
el folleto en pdf, tanto en captulos como completo, para poder descargarlo e
imprimirlo. Permitir ver las imgenes del folleto a colores (lo cual no se puede
hacer por medio de las fotocopias, pues todo ser blanco y negro). Presentar
la animacin flash vista en clase, y dar la opcin de repasar las imgenes que
analiz el catedrtico y explorar otras.
La funcin principal de este sitio es mostrar ms imgenes con su respectivo
anlisis y crditos, estas se presentan en formato jpeg, y pueden ser grabadas
en la computadora e impresas. Se trabajaron con un tamao grande en
comparacin con el estndar utilizado en Internet, para que puedan ser admiradas
con mayor detalle y nitidez. La navegacin es sencilla y permite entender con
claridad las unidades y las diversas tendencias pertenecientes a cada unidad,
esta sub divisin no se presenta en el folleto ni en la animacin. Este sitio
estimular la exploracin, la consulta y el autoaprendizaje. Y estar disponible
no slo para los estudiantes de Diseo Grfico, sino para todo aquel que est
interesado en el tema y necesite informacin e imgenes.
 Captulo 5. comprobacin de eficacia y propuesta grfica final 81

El Sitio Web se trabaj por medio de varios programas. El diseo fue realizado
en Adobe PhotoShop, y guarda unidad con la presentacin flash. Al tener el
diseo terminado, se pas a Macromedia Fireworks, donde se le coloc las
animaciones de los botones, as como los vnculos, y se export a formato html.
Las pginas fueron montadas con base a este html exportado desde Fireworks,
y se trabajaron convirtiendo el diseo en plantillas web, por medio del programa
Macromedia Dreamweaver, donde se realizaron cada una de las pginas del
sitio, se montaron los textos, las imgenes, los vnculos a los pdf y flash, y se
administr todo el Sitio.

Este sitio se puede encontrar dentro del rea de Aula Virtual de

www.compunet.com.gt. La empresa Compunet brinda hospedaje gratis a las
pginas de catedrticos, y posee un sitio dedicado a los estudiantes de la
Universidad de San Carlos, donde pueden acceder a las pginas de los profesores,
descargar material para tareas, vnculos, manuales, tutoriales, etc. Al ingresar
a www.compunet.com.gt hay que hacer click sobre el slide que indica Historia
del Arte y del Diseo Visual 3. La direccin completa del sitio de este proyecto
es www.compunet.com.gt/historia_dv/index.html
 Conclusiones, recomendaciones, lineamientos para la puesta en prctica, presupuesto
Conclusiones
El material didctico realizado para este proyecto, ofrece una diagramacin
agradable que favorece la lectura, gracias a la tipografa utilizada, al interlineado,
al tamao de las columnas y a la colocacin de las imgenes. El contenido se
presenta de forma ordenada, el texto se relaciona directamente con las imgenes.
El sitio web y la presentacin flash ofrecen una navegacin sencilla e intuitiva.
La gama de colores marrn, utilizada en los diseos, es armoniosa y neutra,
permite observar las imgenes sin molestar ni cansar la vista, por lo que combina
con la mayora de colores que presentan los diseos analizados.
Los formatos digitales muestran las imgenes a color sin distorsiones, y brindan
la oportunidad de navegar e interactuar con los contenidos. En total, se ofrece
a los estudiantes una galera de 612 muestras de diseo, divididas en 304
imgenes en el folleto, 80 para ver en clase en la animacin flash, y 228 en el
sitio web de Internet. Todas las imgenes han sido optimizadas de manera que
se vean de la mejor forma en cada formato; adems, cada una tiene un pequeo
anlisis y presenta el nombre, autor y ao. Al final de cada material, se presenta
la lista de libros donde se obtuvo cada imagen.
La combinacin de medios didcticos permite un flujo de trabajo que refuerza
el aprendizaje de los alumnos. El folleto ayuda a introducir en el tema al estudiante,
presenta el contexto de la poca, describe las diferentes corrientes y muestra
sus principales obras y autores, ofrece actividades en cada unidad que incentivan
la investigacin, el anlisis y la creacin. La presentacin flash contiene las
imgenes ms representativas de cada poca, permite navegar entre una unidad
y otra, adelantar y regresar las imgenes vistas, y al pasar el ratn sobre la
imagen, aparece un anlisis completo con lneas que marcan el rea especfica
a analizar. El sitio web ofrece una visin ms clara de las tendencias pertenecientes
a cada unidad, ofrece la oportunidad de descargar las imgenes, as como el
folleto en pdf y la presentacin de flash. Este sitio permite a los estudiantes
investigar, ampliar su conocimiento y cultura grfica, conocer ms sobre las
unidades vistas en clase, e incluye vnculos a diversas pginas de diseadores
que aplican las ltimas tendencias de diseo visual.
La descarga del folleto en formato pdf facilita el acceso al documento sin tener
que fotocopiarlo, muestra las imgenes a color y sin distorsin, permite la
82
impresin de las pginas que se requiera, ofrece el contenido del curso a cualquier
persona que se interese por el material, aunque no sea estudiante de Diseo
Grfico de la USAC, y aunque se encuentre en cualquier lugar del mundo. La
descarga de la animacin flash permite a los alumnos recordar lo visto en clase,
volver a ver los anlisis de los diseos explicados por el catedrtico, incluso
ponerse al da en caso no poder asistir a clase.
Los estudiantes ahora tienen fcil acceso al material sobre Historia del Diseo
Visual. Como se describi en la definicin del problema, el material sobre esta
asignatura era escaso, costoso y difcil de conseguir, sobre todo las muestras a
color. Este proyecto de graduacin brinda una solucin a este problema, gracias
a que las piezas realizadas presentan informacin completa y ordenada, una
amplia galera de imgenes con anlisis, bibliografa, archivos digitales con
muestras de diseo a color, decargables, vnculos externos; y su costo de
adquisicin es muy bajo, ya sea por fotocopias, quemado de cd o por descarga
en Internet.
Recomendaciones
El alumno debe mantenerse activo en el proceso de aprendizaje. La creacin
artstica y la experimentacin son tcnicas que ayudan a los alumnos a comprender
y a aprender la Historia del Arte, adems de incentivarlo, ya que vuelve a la clase
ms dinmica y participativa.
Es importante acercar a los estudiantes al material original a travs de: visitas a
lugares histricos de las pocas que se estn aprendiendo, edificios que posean
las caractersticas de la poca, iglesias, ruinas, etc.; museos tanto de historia
como de arte; que tengan contacto con los artistas ms famosos y destacados
del pas, que vean su forma de trabajo, su ideologa, sus tcnicas; escuelas de
educacin artstica, que asistan a conciertos musicales y a producciones teatrales,
que aprecien el desarrollo del cine y la fotografa, que tengan contacto con
hemerotecas, etc. Y que aprendan a interrelacionar las diferentes disciplinas
artsticas, as como la poca y el contexto de cada una de ellas.
 Conclusiones, recomendaciones, lineamientos para la puesta en prctica, presupuesto
Se debe fomentar en los estudiantes el autoaprendizaje y la autoformacin para
que se mantengan actualizados, a travs de la observacin y el anlisis de la
produccin grfica, el desarrollo de su cultura grfica, el conocimiento de la
produccin grfica mundial tanto de pocas pasadas como del momento; as
como ofrecerles hemerotecas y bibliotecas grficas muy completas. Ya que en
Guatemala no existen museos dedicados al Diseo Grfico, se podra realizar
una galera universitaria con muestras de diseo tanto histrico como actual,
nacional e internacional. Los estudiantes podran colaborar donando cada uno
una pieza destacada hito de la historia del Diseo Visual (impresin en un material
durable y que no se decolore, como vinilo).
Lineamientos para
la puesta en prctica
El material realizado para este proyecto, utilizar los siguientes medios de
difusin:
Folleto
El folleto fue elaborado para reproducirse por medio de fotocopias. Contiene 103
pginas. Los costos en noviembre de 2006, son los siguientes: Una fotocopia
en la Universidad de San Carlos de Guatemala cuesta Q.0.15. Por lo que el
folleto fotocopiado tiene un costo de Q.15.45. Si se baja del sitio web, el nico
costo ser el de la conexin a Internet. El documento se puede transportar por
medio de memoria usb, o en un cd. El costo de un cd con el archivo, es de
Q.10.00. Si se desea imprimir el documento, cada pgina tendr un costo de
Q.0.50 si es en modo econmico, y Q.1.00 si es en modo normal. El folleto
impreso completo tendr un costo de Q.51.50 Q.103.00.
Disco compacto interactivo
El disco compacto interactivo se utilizar para presentarse en clase por medio
de caonera. La Escuela de Diseo Grfico cuenta con varias caoneras que
se encuentran a disposicin de los catedrticos, pero deben ser solicitadas con
83
una semana de anticipacin para asegurarse el poder tener una disponible para
la clase. El costo de reproduccin del material es de Q.10.00 (valor del cd
quemado). El archivo de flash tambin podr descargarse de Internet, y
transportarse en una memoria usb, o simplemente consultarse en lnea.
Sitio Web
El sitio web estar disponible en lnea en la siguiente direccin:
http://www.compunet.com.gt/historia_dv y tambin se podr acceder a l
directamente desde www.compunet.com.gt en el rea de aula virtual. Compunet
brinda servicio gratuito a los catedrticos de la Universidad de San Carlos de
Guatemala, hospedando sus pginas web dentro del sitio de Compunet (sin
publicidad), por lo que no hay ningn costo en publicar el sitio de este proyecto.
Si se desea colocar el sitio en otro servidor, el costo de hospedaje ms econmico
es de $100.00 al ao. Los estudiantes podrn acceder al sitio desde cualquier
conexin a Internet. Las pginas trabajadas son livianas, por lo que el tiempo
de descarga ser mnimo y los estudiantes podrn navegar rpidamente sin
gastar mucho.
Orden de utilizacin del material
El material didctico elaborado en este proyecto, se utilizar en la asignatura de
Historia del Arte y del Diseo Visual 3. Est dividido en seis unidades diferentes.
Cada unidad se trabajar por separado, e ir de la mano con el contenido de
Historia del Arte de cada poca. Por ejemplo, cuando en Historia del Arte se
estn viendo los movimientos de Vanguardia de principios del siglo XX, se ver
la Unidad 2 de Historia del Diseo Visual, que comprende tambin las vanguardias
y su influencia en el Diseo Grfico.
1. Para introducir a los estudiantes en cada tema, tendrn que leer la unidad
respectiva del folleto.
2. Luego de haber ledo, se presentar en clase la animacin flash con la
explicacin de las imgenes a color.
3. Despus de haber recibido la explicacin de clase, se dejarn las tareas del
folleto, e investigaciones para consultar el sitio web, donde los estudiantes podrn
empaparse ms del tema con las imgenes que se encuentran dentro del sitio
y el anlisis de cada una. Esta informacin podr ser guardada en la computadora
 Conclusiones, recomendaciones, lineamientos para la puesta en prctica, presupuesto
y las imgenes podrn descargarse, para que los estudiantes vayan creando su
propia galera de imgenes, segn sus gustos personales.
Frecuencia de publicacin
El folleto deber ser impreso o fotocopiado a inicios del segundo semestre del
ao, cuando comiencen las clases (finales de julio-principios de agosto). Deber
fotocopiarse completo, y durante el semestre se ir indicando cundo deben leer
cada unidad. Tambin pueden darles una calendarizacin con las fechas de
lectura, la cual depender de la organizacin del catedrtico del curso.
Las actividades propuestas en cada unidad, debern realizarse en hojas aparte,
no dentro del folleto.
La presentacin flash se proyectar de acuerdo a los temas de Historia del Arte
que se estn estudiando. Se podr abarcar una unidad completa en una clase,
o dar por separado las tendencias pertenecientes a cada unidad.
El catedrtico decidir si desea mantener la informacin completa del sitio durante
todo el semestre, o si va a colocar las unidades cierto tiempo, para que los
estudiantes tengan un tiempo lmite para consultar y descargar el material. Esta
segunda opcin obliga a los alumnos a consultar en el tiempo la informacin,
pero imposibilita la oportunidad de las consultas en cualquier momento, tanto
para estudiantes como para personas interesadas en los temas.
Obsolescencia de las piezas
Por tratarse de informacin histrica, el material didctico no perder su validez
y utilidad, hasta que los medios de reproduccin y proyeccin aqu propuestos
sean obsoletos.
Conforme vayan surgiendo nuevas tendencias de diseo visual, habr que irlas
agregando al contenido de la ctedra, ya que este material muestra diseos
realizados hasta el ao 2006.
84
Presupuesto del trabajo de diseo realizado para este proyecto
Este presupuesto est basado en los precios reales en el mercado del diseo
grfico en noviembre de 2006. El cambio a la feche es de Q7.59 x $1.00. Los
diseos del proyecto de graduacin son gratuitos, pero un trabajo de esta
categora tendra el siguiente valor:
Diseo del folleto impreso de 100 pginas
Levantado de texto Q.10.00 por pgina x 48..................................Q.480.00
Escaneo de imgenes Q.2.00 por imagen x 304........................Q.608.00
Retoque de imgenes Q.15.00 por imagen x 304........................Q.4,560.00
Diagramacin por pgina Q.50.00 x 103 pginas.......................Q.5,150.00
Total diseo y diagramacin del folleto....................................Q.10,798.00
Diseo de la animacin de Flash con 80 diapositivas
Escaneo de imgenes Q.2.00 x 80 imgenes...................................Q.160.00
Retoque de imgenes Q.15.00 x 80 imgenes.................................Q.1,200.00
Concepto de diseo y animacin en general..........................................Q.1,900.00
Animacin de introduccin de 30 segundos................................................Q.1,900.00
Diseo de diapositivas Q.75.00 x 80 diapositivas........................................Q.6,000.00
Total diseo, montaje y animacin en flash......................................Q.11,160.00
Diseo del sitio web
Escaneo de imgenes Q.2.00 x 228 imgenes.....................................Q.456.00
Retoque y optimizacin Q.15.00 x 228 imgenes..............................Q.3,420.00
Diseo base de Sitio Web de 20 pginas..........................................Q.19,000.00
Diseo de pgina adicional Q.635.00 x 14 pgs. web..........................Q.9,100.00
Total diseo de sitio web de 34 pginas................................................Q.31,976.00
TOTAL DEL PROYECTO (FOLLETO, FLASH Y WEB).........................Q.53,934.00
TOTAL DEL PROYECTO EN US $ ..............................................................$.7,105.93
 Conclusiones, recomendaciones, lineamientos para la puesta en prctica, presupuesto 85

Tabla de comparacin de los medios de reproduccin sugeridos (Nov-2006) Medio Ventajas Desventajas Costos
Medio Ventajas Desventajas Costos Proyeccin Permite mostrar la Se necesita tener Gratuito para
informacin e una caonera y profesores de
con imgenes en clase, y computadora para Diseo Grfico de
Fotocopias Medio econmico. Slo permite Q.15.00 por cada
Se puede leer sin imgenes en escala folleto. caonera ser apreciada por los poder utilizar este la USAC.
estudiantes. mtodo.
tener computadora. de grises. Las condiciones de
Se pierden los Las imgenes son a Alquiler de
Permite subrayar y luz afectan la
color. caonera y
escribir anotaciones. detalles de las visibilidad.
Acepta diferentes computadora
imgenes. El color y la textura
formatos, as como de la superficie porttil
Se distorsiona con
conexiones tanto de donde se proyecta,
cada reproduccin. computadora, VHS y afectan las imgenes De Q.100.00 a
DVD. proyectadas. Q150.00 por hora.
Atrae la atencin de Es difcil tomar
Impresiones Medio accesible Los precios de tintas Q.50.00 en negro los alumnos y genera apuntes cuando la
desde la casa. e impresiones son econmico inters. luz est apagada.
Permite una mejor ms altos.
definicin de las Algunas tintas se Q.100.00 en negro Internet El material est Se necesita tener El costo de
imgenes. decoloran con el normal accesible todo el una computadora y Internet vara
Acepta imgenes a paso del tiempo. tiempo, los conexin a Internet. segn el tipo de
color. estudiantes pueden Las imgenes conexin y
consultarlo en el poseen poca calidad. contrato realizado.
momento que lo Suficiente para verse Los precios de 1
Q.10.00 por deseen. bien en pantalla, pero hora de Internet
La informacin digital Es necesario tener
Archivos en disco compacto se una computadora comprar y quemar Permite archivar la muy poca para son:
digitales: el cd. informacin, guardar ampliarse. Por mdem:
mantiene inalterable. para ver los
imgenes, descargar El tiempo de Q.21.00
Tiene memoria de archivos.
Q.100.00 en archivos ms descarga de las En un Caf
Discos hasta 700 MB, por lo Para poder grabar en
adelante es el grandes. pginas depende de Internet de la
que caben archivos memoria USB, se
compactos y precio actual de Reproduce las su tamao, de la Universidad:
grandes e imgenes debe tener uno de
memorias USB de alta resolucin. estos dispositivos, una memoria usb. animaciones flash. cantidad de Q.6.00
Ofrece la oportunidad imgenes y En un Caf
Permite distintos cuyo costo es
de seguir animaciones, y de la Internet en centros
formatos. elevado.
investigando y velocidad de comerciales:
Las imgenes se ven
ampliando la conexin a Internet Q.15.00
a colores, y se pueden
informacin y los tanto del servidor Por contrato de
ampliar.
conocimientos. donde se encuentra tiempo ilimitado al
No necesita fotocopias
Permite compartir hospedado el sitio, mes se debe
ni impresiones.
archivos por medio como de la empresa pagar una cuota
Precio muy bajo en
del correo electrnico. que brinda el servicio fija mensual, el
relacin a la cantidad
de Internet al precio ms bajo
y calidad de
navegante. en el mercado
informacin.
actualmente es de
Q.148.00.

bibliografa
Obras consultadas
Barneond, Carlos; Brenda Penados; Ana Mara Saavedra. La Identidad de la
Escuela de Diseo Grfico de la Facultad de Arquitectura.
Guatemala. SF
Barnicoat, John. Los Carteles, su historia y su lenguaje. Editorial GG S.A.,
1995, Espaa.
Cabrera, Roberto. Curso Arte, Arquitectura y Diseo 1970-2010: antecedentes
y proyecciones, 2006. Facultad de Arquitectura de la Universidad
de San Carlos de Guatemala, Guatemala.
Callo, Max. The Poster in History. Ediciones Arnold Mondadori. Hamlyn,1975,
Italia.
Frascara, Jorge, Diseo grfico y comunicacin. Ediciones Infinito. s.f.
Garca Snchez, Laura. Toulouse-Lautrec, narrador de la bohemia. Revista
Historia. Ao XXV, No. 305. Graficinco. Madrid, septiembre 2001.
128 pp.
Hayward y Blanche Cirker. The Golden Age of the Poster. Dover Publications
Inc. 1971, Canad. 70 pp.
Herrera, Silvia. Curso cmo ver el arte actual. 2006, Museo de Arte Moderno,
Guatemala.
Le desing. Revista TDC (Textes et documents pour la classe). No. 874.Editorial
Scrn-CNDP. Abril 2004 Francia, 54 pp.
Mcdermott, Catherine. Design museum XX Siecle. E / P / A Editions, 1999,
Dubai.
Bibliografa 86
Meggs, Philip B. Historia del Diseo Grfico. McGraw-Hill. 2000, Mxico.
Mittler, Gene A. Art in Focus. Teachers Wraparound edition. Glencoe/McGraw-
Hill. 1994, Estados Unidos. 608 pp.
Mller-Brockmann, Josef. Historia de la comunicacin visual. Ediciones G.
Gili, 1998, Espaa.
Satu, Enric. El Diseo Grfico desde los Orgenes hasta nuestros das.
Alianza Ed, S.A. 1989, Espaa.
Sparky, Penny. Diseo Historia en Imgenes. Ed. Hermann Burne, 1987,
Espaa.
Tubau, Ivn. Dibujando Carteles. Ediciones Ceac, 1978, Espaa.
Swann, Allan. El color en el diseo grfico. Se. SL. s.f.
Varios Autores. Curso de Diseo Grfico, tomo 6. Rezza Editores, (Editor Orbis
S.A.), 1992, Colombia.
Vaughan, Tay. Todo el poder de Multimedia. Mc Graw Hill. 2a edicin. 1994,
Mxico.
USAC. Inscripcin total de estudiantes por Unidad Acadmica y Carrera
segn categoras de ingreso, ciclo acadmico 2006.
Universidad de San Carlos de Guatemala, departamento de
Registro y Estadstica, Seccin Estadstica.
USAC. Programa de Historia del Arte y del Diseo Visual 3. Escuela de
Diseo Grfico, Facultad de Arquitectura, USAC. 2006.
USAC. Documento informativo elaborado por UPA: Unidad de Planificacin de
la Facultad de Arquitectura de la Universidad de San Carlos de
Guatemala.

Pginas Web consultadas
Anarella, Luciana. Diseo Editorial. El libro. Consultado el 5 de agosto de 2006.
Disponible en lnea en www.wolkoweb.com
Calles, Francisco. Notas Incmodas sobre la enseanza del Diseo. Publicado
el 3 de julio de 2006. Consultado el 11de julio de 2006. Disponible
en lnea en www.foroalfa.com
Chvez, Norberto. Dos distorsiones en la enseanza del Diseo Grfico.
Publicado el 1 de julio de 2005. Consultado el 8 de agosto de
2006. Disponible en lnea en www.foroalfa.com
Enebral Fernndez, Jos. Psicologa del Aprendizaje on line. Espaa. Consultado
el 5 de agosto de 2006. Disponible en lnea en
www.secretosenred.com
Garca Garca, Michael Santino. Diseo de pginas Web. Consultado el 5 de
agosto de 2006. Disponible en lnea en
http://es.wikipedia.org/wiki/Dise%C3%B1o_de_p
%C3%A1ginas_web
Garca Torres, Milko A. Maquetacin del Texto. Consultado el 13 de septiembre
de 2006. Disponible en lnea en www.imageandart.com. (Estos
contenidos pertenecen al "Curso prctico de diseo grfico".
Ediciones Gnesis S.A., Madrid.)
Joaquim Prats y Joan Santacana. Ciencias Sociales. ENCICLOPEDIA GENERAL
DE LA EDUCACIN. Barcelona: Ocano Grupo Editorial., 1998.
(Vol. 3) Disponible en lnea en www.ub.es/histodidactica/
Korn Bruzzone, Jos. Educar y ejercer la profesin de diseador. Consultado
el 5 de agosto de 2006. Disponible en lnea en www.foroalfa.com
Lillo Jover, Julio. Diseo y evaluacin de interfaces visuales: Usuarios
comunes.
Bibliografa 87
Departamento de Psicologa Diferencial y del Trabajo.
Marqus, Pere. Diseo de Intervenciones Educativas. 2001 Consultado en
agosto de 2006. Disponible en lnea en
http://dewey.uab.es/pmarques/orienta.htm
Marqus, Pere. Los medios didcticos y los recursos educativos. Consultado
el 5 de agosto de 2006. Disponible en lnea en
Martn Fernndez, Francisco J. Diseo de Informacin. Centro de Enseanzas
Virtuales de la Universidad de Granada. 18 de Octubre de 2005.
Consultado en agosto de 2006. Disponible en lnea en:
http://www.nosolousabilidad.com/diseno_informacion.htm
Muglia, Andrs. Las Artes Plsticas y el Diseo. Consultado el 8 de agosto de
2006, disponible en lnea en www.foroalfa.com
Nielsen, Jackob. Designing Web Usability. (Diseando la Usabilidad de la Web).
New Riders Publishing, Indianpolis, diciembre de 1999. Resumen
elaborado por Jos Ochoa. Disponible en lnea en
www.jose.ochoa.net
Yantorno, Alfredo Profesor qu es el diseo? Consultado el 8 de agosto de
2006, disponible en lnea en www.foroalfa.com
www.unostiposduros.com
Artculos de Wikipedia: http://es.wikipedia.org
Arquitectura de la Informacin. Consultado en agosto de 2006. Disponible en
lnea en
http://es.wikipedia.org/wiki/Arquitectura_de_la_informaci%C3%B3n#El_arquite
cto_de_Informaci.C3.B3n
Diseo Web. Consultado el 5 de agosto de 2006.Disponible en lnea en
http://es.wikipedia.org/wiki/Dise%C3%B1o_web
 Bibliografa 88

Multimedia. Consultado el 5 de agosto de 2006. Disponible en lnea en

"http://es.wikipedia.org/wiki/Multimedia"
Usabilidad. Consultado en agosto de 2006. Disponible en lnea en
http://es.wikipedia.org/wiki/Usabilidad

http://es.wikipedia.org/wiki/Arte
http://es.wikipedia.org/wiki/Did%C3Alctica
http://es.wikipedia.org/wiki/Dise%C3%B1o_visual
http://es.wikipedia.org/wiki/Est%C3%A9tica
http://es.wikipedia.org/wiki/Historia
http://es.wikipedia.org/wiki/Historia_del_Arte
http://es.wikipedia.org/wiki/Historiograf%C3%Ada
www.internationalposter.com

Artculos de News Artes Visuales http://www.newsartesvisuales.com

Combinar imgenes y tipografa. Consultado en agosto de 2006. Disponible

en lnea en www.newsartesvisuales.com/editor/edit024.htm

Composicin. Consultado en agosto de 2006. Disponible en lnea en

www.newsartesvisuales.com/editor

El set (kern y track) y el espaciado entre palabras. Consultado en agosto de

2006. Disponible en lnea en www.newsartesvisuales.com/editor/

Filetes y Capitulares. Consultado en agosto de 2006. Disponible en lnea en

www.newsartesvisuales.com/editor/

La legibilidad de la tipografa. Consultado en agosto de 2006. Disponible en

lnea en www.newsartesvisuales.com/editor/

Utilizacin de la retcula y otros elementos de nuestro diseo. Consultado

en agosto de 2006. Disponible en lnea en
http://www.newsartesvisuales.com/editor/edit024.htm
 glosario 89

glosario
Aerodinmico: de formas que ofrecen poca resistencia al aire (generalmente Diseo Grfico: el diseo grfico convierte los datos en formas visuales, con
el objetivo de comunicar grficamente un mensaje. Utiliza imgenes estticas,
redondeadas).
incluye el diseo editorial, el diseo publicitario, diseo de empaques y envases
y la imagen corporativa.
Arquitectura de la informacin: disciplina encargada de la fundamentacin,
anlisis, planificacin y estudio de la disposicin de los datos contenidos en los
Diseo visual: el diseo visual permite comunicar mensajes a travs de
sistemas de informacin interactivos.
imgenes estticas (diseo grfico), imgenes dinmicas e interactivas (diseo
web, multimedia, broadcasting).
Cartel: papel que se fija en sitios pblicos para hacer saber algo.
Diseo Web: consiste en la planificacin, diseo e implementacin de sitios
Colores seguros para la Web: paleta de 216 colores utilizados por convencin
web y pginas web. Requiere tener en cuenta cuestiones tales como
para el diseo web y multimedia, que no varan entre equipos PC y Machintosh
navegabilidad, interactividad, usabilidad, arquitectura de la informacin. Aporta
(son los nicos colores que poseen en comn estos dos tipos de sistema).
a la comunicacin textual existente en Internet una faceta visual.

Comunicacin visual: transmisin de mensajes por medio de imgenes visuales. Eclecticismo: diseo que utiliza elementos de varios estilos diferentes.

Contemporneo: existente al mismo tiempo que otra persona o cosa. Fotomontaje: montaje que se realiza combinando varias fotografas en una
Perteneciente a la Edad Contempornea. misma composicin.

Diagramacin: colocacin de los elementos grficos dentro del formato. Funcionalismo: La funcionalidad es una caracterstica de las cosas que se
adaptan a la naturaleza, estado o actividad de otras. El funcionalismo es la
Didctica: disciplina que tiene como objeto de estudio el proceso de enseanza- teora que da prioridad a lo funcional; segn sta, lo ms importante es que los
aprendizaje. objetos y mensajes diseados cumplan su funcin.

Digital: relativo a los dedos. Seales digitales: aquellas que son discretas y Globalizacin: proceso por el cual la creciente comunicacin e interdependencia
cuantizadas, en trminos de la teora de la informacin. La comunicacin digital entre los distintos pases del mundo unifica mercados, sociedades y culturas,
da respuesta a la nueva manera de comunicarse y relacionarse por medio de a travs de una serie de transformaciones sociales, econmicas y polticas que
equipo electrnico. les dan un carcter global.

Diseo Editorial: diseo que ordena y coloca el contenido de libros y revistas. Historia del diseo visual: rama de la historiografa que estudia las diferentes
Est compuesto por titulares, texto, imgenes, formato y papel. tendencias del diseo visual a lo largo de la historia de la humanidad.

Ilustracin: dibujo o pintura que sirve para adornar, explicar o complementar
un texto.
Imagen conceptual: imagen visual que transmite ideas o conceptos por medio
de figuras retricas visuales (metforas, analogas, comparaciones, etc.)
Imagen corporativa: personalidad que una empresa refleja a su pblico. Est
formada por las reas de comunicacin grfica (logotipo y su aplicacin, papelera
administrativa e informativa, publicidad), entorno (arquitectura, interiores, equipo)
equipo humano y productos (imagen del producto o servicio).
Interfaz: cualquier medio que permita la interconexin de dos procesos
diferenciados con un nico propsito comn. En software, la interfaz grfica del
usuario es un mtodo para facilitar la interaccin del usuario con la computadora
a travs de la utilizacin de un conjunto de imgenes y objetos pictricos (iconos,
ventanas) adems de texto.
Internet: red mundial corporativa de computadoras, formada por redes ms
pequeas interconectadas a travs del protocolo TCP/IP. Permite conectarse
para enviar o recibir informacin, desde cualquier lugar y hacia cualquier lugar
del mundo, por medio de computadoras. Utiliza diversas herramientas como la
WWW (World Wide Web), correo electrnico, Ghoper, Telnet, Ftp, Irc.
Machintosh: tipo de computadora que utiliza exclusivamente el sistema operativo
MacOS, de Apple Computers.
Medio didctico: material elaborado con la intencin de facilitar los procesos
de enseanza y aprendizaje.
Minimalismo: estilo de diseo que utiliza la menor cantidad posible de elementos
para transmitir un mensaje.
glosario 90
Modernismo: aficin desmedida a las cosas modernas.
Optimizar una imagen: comprimir una imagen de forma que ocupe poca memoria
virtual manteniendo su medida y calidad, para que pueda ser descargada
rpidamente y apreciada con detalle en Internet o presentaciones multimedia.
PC (Personal Computer): tipo de computadora que puede utilizar uno o varios
sistemas operativos, como DOS, Windows y Linux. La PC original fue fabricada
por IBM, ahora el mercado ofrece diversidad de marcas, y la posibilidad de
comprar las piezas sueltas y armar su propio equipo, llamado Clon.
Retro estilo: diseo que imita estilos del pasado.
Sitio Web: conjunto de archivos electrnicos y pginas Web que son accesibles
mediante el protocolo HTTP de Internet.
Tendencias del diseo visual: inclinacin de los diseadores a realizar trabajos
visuales aplicando un estilo definido.
Tipografa: tipos de letra utilizados en un diseo.
Usabilidad: medida emprica y relativa de lo fcil, rpido y agradable que es
utilizar un determinado producto o servicio. Capacidad de un software de ser
comprendido, aprendido, usado y ser atractivo para el usuario.
World Wide Web: (telaraa de informacin mundial) sistema de Internet para
vincular documentos multimedia en todo el mundo. Utiliza pginas que contienen
hipertexto, el cual permite el acceso a otras pginas haciendo click en los textos
o grficos de enlace.
 anexos. material ya elaborado para historia, investigacin del grupo opbjetivo, encuestas 92

anexo No. 1

material ya elaborado con Actualmente se est terminando una tesis sobre los Aztecas.

fines didcticos, para los Historia del Arte y del Diseo Visual II:

estudiantes de historia del
arte y del diseo visual
Al hacer un anlisis sobre los contenidos de la asignatura de Historia del Arte
y del Diseo Visual I, II y III, se busc los temas que no posean material realizado
especialmente con fines didcticos para los estudiantes de Diseo Grfico de
la Universidad de San Carlos de Guatemala.
A continuacin, se muestra la lista de contenidos de la asignatura para los que
se ha hecho material didctico, realizado en proyectos de investigacin por
catedrticos, o de graduacin, por alumnos.
Historia del Arte y del Diseo Visual I:
Material existente:
Artes puras y el Diseo Arquitectnico de la Prehistoria a la Edad Media. Folleto
y CD interactivo para estudiantes.
Los Mayas, signos y smbolos en el Arte y los diseos. Folleto y CD para
catedrticos. Ambos elaborados por la Arq. Brenda Penados.
Tesis sobre los Mayas.
Tesis de Grado de Tcnico con todo el contenido de la asignatura, CD para
catedrticos.
Material existente:
Artes puras y los diseos del Renacimiento al Realismo Folleto, libro electrnico
para estudiantes CD para catedrticos. Proyecto de investigacin de CIFA, en
proceso de elaboracin de Proyecto de Graduacin de la Licenciatura del D.G.
Erick Galindo.
Pintura del siglo XVI al XIX.
Gua didctica y CD interactivo. Actualmente en proceso de elaboracin, Proyecto
de Graduacin del nivel tcnico de Karla Sols.
Historia del Arte y del Diseo Visual III:
El nico material existente es: Historia del Diseo Grfico en Guatemala en el
siglo XX. Investigacin realizada por la Arq. Brenda Penados y proyecto de
graduacin del Tcnico de la D.G. Claudia Leal.
Adolfo Natan, folleto sobre el diseador alemn.
No existe material didctico sobre las Tendencias del Diseo Visual desde la
Revolucin Industrial, hasta el siglo XXI, elaborado especialmente para los
estudiantes de Diseo Grfico de la Universidad de San Carlos de Guatemala.
As que se eligi este punto como tema del Proyecto de Graduacin, con el
objetivo de realizar material didctico que incluya un folleto, un CD interactivo
y material para colocar en Internet, con hojas de trabajo y documentos de estudio.
 anexos. material ya elaborado para historia, investigacin del grupo opbjetivo, encuestas
anexo No. 2
entrevista a la arquitecta brenda penados, catedrtica
de historia del arte y del diseo visual
Considera usted necesaria la realizacin de material didctico sobre la
historia del Diseo Grfico en Guatemala?
Creo que no es necesario realizar material sobre la historia del Diseo Grfico
de Guatemala, pues se acaba de realizar una tesis del tcnico sobre este tema.
Si usted desea realizar su proyecto sobre algn tema similar, podra escoger el
diseo grfico en Guatemala antes de 1,860. Tambin puede optar por el Diseo
Grfico en Latinoamrica, o en el mundo entero.
Cree que los alumnos necesitan material didctico sobre la historia del
Diseo Grfico a nivel mundial?
S, pues es un tema fundamental para mi clase. El desarrollo de las principales
escuelas de diseo del mundo durante el siglo XX, forman gran parte del contenido
de Historia 3.
Existen varios libros que abarcan este tema, por qu cree usted que sea
necesario elaborar material didctico si la informacin ya se encuentra en
los libros?
Los libros son costosos, escasos y difciles de conseguir. Las libreras no siempre
93
tienen este material. Algunos son a color, otros en blanco y negro.
Las fotocopias no son adecuadas pues las imgenes pierden la calidad y los
detalles. Fotocopiar los libros no es correcto, pues poseen derechos de autor.
A los estudiantes les resulta muy difcil comprar libros a color, tanto por el precio
como porque no los pueden conseguir. Yo llevo mis libros a la clase, pero los
van viendo uno por uno, o por grupos. Es difcil dar una exposicin en clase
mostrando las imgenes de estos libros y que sean observadas con detalle por
los estudiantes. Adems, los temas son demasiado extensos, y no es posible
abarcar toda la informacin durante el semestre.
Qu material considera el ms adecuado para presentar esta informacin?
Se necesitan distintos medios didcticos para la clase. El principal sera un folleto
impreso, que contenga la informacin ms importante, e imgenes en blanco y
negro que se vean bien en fotocopias. Tambin una presentacin para presentar
en clase, que muestre las imgenes ms importantes de cada unidad. Esta se
presentara despus de que los alumnos hayan ledo el folleto.
Cree que sera til un sitio en Internet?
S, pues brinda la posibilidad de la consulta, ofrece las imgenes a color, y sirve
como retroalimentacin de lo visto en clase.
anexos. material ya elaborado para historia, investigacin del grupo opbjetivo, encuestas 94

anexo no. 3 investigacin del grupo objetivo

Datos sobre estudiantes de Historia del Arte y el Diseo Visual 3 Datos sobre estudiantes de Historia
La presente encuesta tiene como objetivo realizar un estudio sobre los estudiantes de Historia del Arte y el Diseo Visual
3, el cual servir para la elaboracin de material didctico para esta asignatura. Las respuestas de la encuesta son
confidenciales y no afectarn en nada su desempeo y promedio de clase.
del Arte y el Diseo Visual 3,
1. Jornada de estudios: Matutina ____ Vespertina ____ Segundo Semestre 2006
A. Datos geogrficos
1. Lugar de origen___________________ 2. Lugar de residencia actual_____________________ Total de alumnos encuestados: 41 (21 de la jornada matutina y 20 de la
3. Ciudad _________________________ 4. Zona _________________ vespertina)
B. Datos demogrficos
1. Edad ________________ 2. Sexo M ____ F____ Resultados generales de la encuesta
3. Ciclo de vida familiar: Soltero (a) ______ Casado (a)______ Sin hijos _______ Con hijos______
4. Trabaja actualmente? _________ 5. Sueldo___________________
Datos geogrficos
6. Puesto que desempea_________________________________________________________________________
7. Ttulo a nivel medio_____________________________________________________________________________
Lugar de origen
8. Religin________________________ 9. Nacionalidad___________________________________________
Guatemala 32
C. Datos psicogrficos (responda brevemente)
Quetzaltenango 2
1. Describa en pocas palabras su personalidad
2. Qu actividades realiza en un da normal?
Izabal 2
3. Qu actividades realiza durante el fin de semana?
Alta Verapaz 2
4. Tiene computadora?________
Zacapa 1
5. Si la respuesta anterior es afirmativa, tiene lector de cds?_______ y lector de dvds?__________
Tecpn 1
6. Tiene fcil acceso a Internet?______ 7. Para qu utiliza Internet?______________________________________ Mazatenango 1
D. Datos conductuales (Responda francamente. Puede continuar pgina de atrs)
1. Por qu estudia Diseo Grfico?__________________________________________________________________ Lugar de residencia actual
2. En qu rea del diseo le gustara desempearse profesionalmente?_____________________________________ Guatemala, Villa Nueva, San Miguel Petapa, Santa Catarina Pinula, Mixco y
3. Cules son sus asignaturas favoritas?_____________________________________________________________ San Cristbal.
4. Cules asignaturas no le gustan?_________________________________________________________________

5. A cules dedica ms tiempo?____________________________________________________________________ Zona: 1, 2, 3, 5, 6, 7, 11, 12, 14, 17, 18 y 21.

6. Le gusta leer?_____ 7. Le gusta leer en la computadora?_________ 8. Le gusta investigar? _____________
9. Qu contenidos le interesa aprender en Historia del Arte y el Diseo Visual 3?______________________________ Datos demogrficos
10. Cunto tiempo semanal fuera de clases utiliza para Historia del Arte y el Diseo Visual 3?___________________
11. De qu forma le gustara que se realizaran las clases de Historia?______________________________________
Edad: Entre 18 y 31 aos.
12. Considera adecuado un cds interactivo como apoyo a la clase?________________________________________

Sexo: Masculino y femenino.

 anexos. material ya elaborado para historia, investigacin del grupo opbjetivo, encuestas 95

Ciclo de vida familiar: Solteros en su mayora. Tres casados, dos sin hijos y obsesiva, generosa, observadora, paciente, centrada, soadora, romntica,
uno con hijos. esforzada, humilde, perseverante, seria, creativa, trabajadora, olvidadiza,
responsable, extrovertida, impulsiva, feliz, confiable, enojada.
Trabaja actualmente? No 24 S 17
Qu actividades realiza en un da normal?
Sueldo: Entre Q.900.00 y Q.3,500.00 Estudio, tareas, trabajo, desarrollo de sitios web, or msica, blog, gimnasio,
dibujar, jugar, chatear, imaginar, visitar a la familia, quehaceres del hogar, pasear,
Puesto que desempea: tocar guitarra, messenger, televisin, amigos, Internet, leer, tocar piano, karate,
Procesamiento de imgenes, recepcionista, secretaria, freelance de flash, relajacin, hacer msica, cuidar beb, tomar fotos, caminar, descansar, novio.
prensista, asesora de panel de lectores, fotografa, publicidad, diseo, ventas,
taller, servicio al cliente, contabilidad. Qu actividades realiza durante el fin de semana?
Compartir con la familia, salir, ir a la Iglesia, televisin, radio, leer, computadora,
Ttulo a Nivel Medio: blog, jugar en la computadora, compras, parranda, trabajos y estudio, quehaceres
Bachiller en Ciencias y Letras, Perito en Mercadotecnia y Publicidad, Secretaria del hogar, descansar, tocar guitarra, ver pelculas, distraccin, amigos, cine,
Bilinge, Bachiller en Computacin, Bachiller en Diseo y Publicidad, Maestra dormir, fiestas, caf, familia, caminar, ingls, deporte, viajar, fotografas, trabajar,
de Prvulos, Maestra de Primaria, Dibujo en construccin, Perito en electrnica, hacer tareas.
Bachiller Industrial.
Tiene computadora? S 37 No 5
Religin: Catlica, Evanglica, Judo Cristiano, Testigo de Jehov, ninguna.
Si la respuesta es afirmativa tiene lector de cds? s
Nacionalidad: Guatemalteca y de dvds? 50% s y 50 % no.

Datos psicogrficos Tiene fcil acceso a Internet? s 24 no 17.

Describa en pocas palabras su Personalidad: Para qu utiliza Internet?

Alegre, activa, extrovertida, optimista, intelectual, cariosa, habladora, tranquila, Informacin, investigar, chat, tareas, diseo grfico, graffiti, cocina, trabajos
coqueta, amable, desconfiada, sincera, sola, inestable, amigable, sencilla, laborales, comunicarse con amigos, comunidad de arte, msica, foros, diversin,
enojada, orgullosa, dinmica, audaz, responsable, servicial, trabajadora, honrada, enviar trabajos, msn, correo, bajar msica, leer blogs, diversin, leer, descargas,
autodidacta, tmida, molestona, perfeccionista, de pocas palabras, egocntrica, juegos en red, tutoriales, documentales.
 anexos. material ya elaborado para historia, investigacin del grupo opbjetivo, encuestas
D. Datos conductuales
1. Por qu estudia Diseo Grfico?
Me gusta. Para crear. Soy creativo. Comunicarme y transmitir mis ideas,
desarrollo web, vocacin, publicidad, expresarme visualmente, dibujo, gusto
por la plstica, es prctico, pensamiento abstracto, similar a diseo de modas,
color, poner mi propia empresa.
2. En qu rea del diseo le gustara desempearse profesionalmente?
Publicidad, multimedia, diseo web, editorial, ilustracin, animacin, caricatura,
3D, fotografa, diseo de interiores, diseo de modas, cine, TV, docente,
empresaria, serigrafa.
3. Cules son sus asignaturas favoritas?
Fotografa, Expresin Grfica, Diseo Visual, Historia del Arte y del Diseo
Visual, Procesos de reproduccin, Psicologa, Tcnicas Digitales, Teora de la
imagen.
4. Cules asignaturas no le gustan?
Procesos de reproduccin, Metodologa Proyectual, Psicologa, Matemtica,
Mtodos de Investigacin, Historia del Arte.
5. A cules dedica ms tiempo?
Diseo Visual, Expresin Grfica, Fotografa, Procesos de reproduccin, Historia
del Arte, materias prcticas.
96
6. Le gusta leer? S 75% No 25%
7. Le gusta leer en la computadora? S 50% No 50%
8. Le gusta investigar? S 75% No 11% Regular 14%
9. Qu contenidos le interesa aprender en Historia del Arte y el Diseo
Visual 3?
Historia del Arte Guatemalteco, Arte Contemporneo, Arte y Diseo Grfico del
siglo XX, Movimientos artsticos, Movimientos ms destacados de diseo, Historia
del Diseo, Guatemala, Museos Modernos, Bauhaus, Surrealismo.
10. Cunto tiempo semanal fuera de clases utiliza para Historia del Arte
y el Diseo Visual 3? Entre 1 y 10 horas hasta 2 das.
11. De qu forma le gustara que se realizaran las clases de Historia?
Dinmicas, ms participacin, interactivas, amenas, prcticas, actividades en
clase, ms enfocadas a diseo, visitar galeras, actividades extra aulas, visitas
culturales (museos, lugares histricos), tcnicas, resumen, investigacin, material
audiovisual, diapositivas, vivenciales, documentales, con discusin.
12. Considera adecuado un cd interactivo como apoyo a la clase?
S 40 No 1
 anexos. material ya elaborado para historia, investigacin del grupo opbjetivo, encuestas 97

anexo no.4 encuesta de validacin de las piezas de diseo

Validacin del diseo de material didctico para la asignatura de

Historia del Arte y el Diseo Visual 3.

1. Las imgenes son comprensibles y poseen buena resolucin?

A. Mucho ____ B. Regular____ C. Poco _____ D. Nada____

2. EL texto es fcilmente legible?

A. Mucho ____ B. Regular____ C. Poco _____ D. Nada____

3. Se presenta la informacin de forma clara y ordenada?

A. Mucho ____ B. Regular____ C. Poco _____ D. Nada____

4. La diagramacin es agradable y facilita la comprensin del tema?

A. Mucho ____ B. Regular____ C. Poco _____ D. Nada____

5. Los colores son armoniosos, y se relacionan con el tema?

A. Mucho ____ B. Regular____ C. Poco _____ D. Nada____

6. Los botones son comprensibles y permiten una navegacin sencilla?

A. Mucho ____ B. Regular____ C. Poco _____ D. Nada____

Comentarios o sugerencias
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________

______________________________________________________________________