proyecto educativo - ugrepositorio.ug.edu.ec/bitstream/redug/22993/1/tomas bazan y milen… · y...
TRANSCRIPT
UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DE DISEÑO GRÁFICO
PROYECTO EDUCATIVO Previo a la obtención del título de Ingeniería en Diseño Gráfico
TÍTULO:
LA COMPOSICIÓN VISUAL Y SU INCIDENCIA EN LA FORMACIÓN DE
LOS ESTUDIANTES DE LA CARRERA DE DISEÑO GRÁFICO DE LA
UNIVERSIDAD DE GUAYAQUIL
PROPUESTA:
CREACIÓN DE UNA ANIMACIÓN MULTIMEDIA SOBRE LOS
ELEMENTOS DE LA COMUNICACIÓN VISUAL
Autores: Bazán Ojedis Tomas
Rosales Casañas Ana Milena
Tutor: MSc. Carlos Escalante Vera
GUAYAQUIL, AGOSTO DE 2017
II
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DISEÑO GRÁFICO
DIRECTIVOS
Lcdo. Kléber Loor, MSc. Lcda. Christel Matute, MSc.
DECANO VICEDECANA
Lcdo. Alfredo Llerena, MSc. Lcda. Beatriz Vallejo, MSc.
COORDINADOR ACADÉMICO DIRECTOR
Ab. Marta Romero Zamora
SECRETARIA GENERAL
III
Repositorio Nacional de Ciencias y Tecnología
REPOSITORIO NACIONAL EN CIENCIA Y TECNOLOGÍA
FICHA DE REGISTRO DE TESIS/TRABAJO DE GRADUACIÓN
TÍTULO Y SUBTÍTULO:
La composición visual y su incidencia en la formación
de los estudiantes de la Carrera de Diseño Gráfico de
la Universidad de Guayaquil
AUTOR(ES): Bazán Ojedis Tomas Eduardo Rosales Casañas Ana Milena
REVISOR(ES)/TUTOR(ES): MSc. Carlos Escalante Vera
INSTITUCIÓN: Universidad de Guayaquil
UNIDAD/FACULTAD: Facultad de Comunicación Social
MAESTRÍA/ESPECIALIDAD: Ingeniería en Diseño Gráfico
GRADO OBTENIDO:
FECHA DE PUBLICACIÓN: No. DE PÁGINAS:
103
ÁREAS TEMÁTICAS: Infografía, Comunicación visual, Animación 2D.
PALABRAS CLAVES/ KEYWORDS:
Infografía, Material Audiovisual, Educación Multimedia, Composición Visual, Elementos Visuales.
RESUMEN/ABSTRACT: El objetivo de esta investigación es contribuir con la formación de los estudiantes de la Carrera de Diseño Gráfico por medio de una animación multimedia que informe sobre los elementos de la composición visual. Los principales beneficiarios son los estudiantes que cuentan con un material informativo, y los maestros que complementan sus clases con este material de apoyo. Este problema es de interés ya que la pobre elaboración de los trabajos de los estudiantes, afecta no solo la imagen de la institución, sino también en su vida laboral. Se comprobó la existencia del problema a tratar por medio de una investigación de tipo correlacional y mixta, en donde se recolectaron datos aplicando encuestas realizadas a los estudiantes de la carrera, los cuales dieron como resultado la existencia del desconocimiento acerca de este tema y la necesidad de contar con un material audiovisual en donde puedan despejar sus dudas e inquietudes.
ADJUNTO PDF: SI NO
CONTACTO CON AUTOR/ES:
Teléfono: 2013765 -0981542696
E-mail: [email protected] [email protected]
CONTACTO CON LA INSTITUCIÓN:
Nombre: : Secretaría Diseño Gráfico
Teléfono: 2643991
E-mail: : www.facsodg.edu.ec
x
IV
Certificado Sistema Anti Plagio
CERTIFICADO PORCENTAJE DE SIMILITUD
Habiendo sido nombrado MSC. CARLOS ESCALANTE VERA, tutor del trabajo de
titulación, certifico que el presente trabajo de titulación ha sido elaborado por
TOMAS EDUARDO BAZÁN OJEDIS con C.I 0926787490 Y ANA MILENA ROSALES
CASAÑAS con C.I 0931514913, con mi respectiva supervisión como
requerimiento parcial para la obtención del título de INGENIERIA EN DISEÑO
GRÁFICO.
Se informa que el trabajo de titulación: “LA COMPOSICIÓN VISUAL Y SU
INCIDENCIA EN LA FORMACIÓN DE LOS ESTUDIANTES DE LA CARRERA DE
DISEÑO GRÁFICO DE LA UNIVERSIDAD DE GUAYAQUIL”, ha sido orientado
durante todo el periodo de ejecución en el programa antiplagio URKUND
quedando el 3% de coincidencia.
https://secure.urkund.com/view/29834189-222315-
325400#DcYxDoQgFEXRvVDfGN5H4OtWjIUxaii0sTSz96E5OV+43zAvEaFO11
BCI8qooIocTRhWSCQxkilUnGklvO162tn27dmPMMchmtdillN2ufp+fw==
MSC. CARLOS ESCALANTE VERA
C.I. 0908625189
V
Guayaquil, 4 de agosto de 2017
CERTIFICACIÓN DEL TUTOR REVISOR
Habiendo sido nombrado MSc. Galo Arteaga Medina, tutor del trabajo de
titulación “LA COMPOSICIÓN VISUAL Y SU INCIDENCIA EN LA FORMACIÓN DE
LOS ESTUDIANTES DE LA CARRERA DE DISEÑO GRÁFICO DE LA UNIVERSIDAD
DE GUAYAQUIL” certifico que el presente trabajo de titulación, elaborado por
el Sr. TOMAS EDUARDO BAZÁN OJEDIS con C.I 0926787490 y la Srta. ANA
MILENA ROSALES CASAÑAS con C.I 0931514913, con mi respectiva supervisión
como requerimiento parcial para la obtención del título de INGENIERIA EN
DISEÑO GRÁFICO, en la Carrera de Diseño Gráfico de la Facultad de
Comunicación Social, ha sido REVISADO Y APROBADO en todas sus partes,
encontrándose apto para su sustentación.
_______________________________
MSc. Galo Arteaga Medina
C.I. No. 0919586271
VI
LICENCIA GRATUITA INTRANSFERIBLE Y NO EXCLUSIVA PARA EL USO NO
COMERCIAL DE LA OBRA CON FINES ACADÉMICOS
Nosotros, TOMAS EDUARDO BAZÁN OJEDIS con C.I. No. 0926787490 y ANA
MILENA ROSALES CASAÑAS con C.I 0931514913, certificamos que los
contenidos desarrollados en este trabajo de titulación, cuyo título es “LA
COMPOSICIÓN VISUAL Y SU INCIDENCIA EN LA FORMACIÓN DE LOS
ESTUDIANTES DE LA CARRERA DE DISEÑO GRÁFICO DE LA UNIVERSIDAD DE
GUAYAQUIL” son de nuestra absoluta propiedad y responsabilidad Y SEGÚN EL
Art. 114 del CÓDIGO ORGÁNICO DE LA ECONOMÍA SOCIAL DE LOS
CONOCIMIENTOS, CREATIVIDAD E INNOVACIÓN, autorizamos el uso de una
licencia gratuita intransferible y no exclusiva para el uso no comercial de la
presente obra con fines académicos, en favor de la Universidad de Guayaquil,
para que haga uso del mismo, como fuera pertinente.
__________________________ _________________________ Tomas Eduardo Bazán Ojedis Ana Milena Rosales Casañas
C.I. No. 0926787490 C.I. No. 0931514913
*CÓDIGO ORGÁNICO DE LA ECONOMÍA SOCIAL DE LOS CONOCIMIENTOS, CREATIVIDAD E INNOVACIÓN (Registro
Oficial n. 899 - Dic./2016) Artículo 114.- De los titulares de derechos de obras creadas en las instituciones de
educación superior y centros educativos.- En el caso de las obras creadas en centros educativos, universidades,
escuelas politécnicas, institutos superiores técnicos, tecnológicos, pedagógicos, de artes y los conservatorios
superiores, e institutos públicos de investigación como resultado de su actividad académica o de investigación tales
como trabajos de titulación, proyectos de investigación o innovación, artículos académicos, u otros análogos, sin
perjuicio de que pueda existir relación de dependencia, la titularidad de los derechos patrimoniales corresponderá
a los autores. Sin embargo, el establecimiento tendrá una licencia gratuita, intransferible y no exclusiva para el uso
no comercial de la obra con fines académicos.
VII
PROYECTO
LA COMPOSICIÓN VISUAL Y SU INCIDENCIA EN LA FORMACIÓN DE
LOS ESTUDIANTES DE LA CARRERA DE DISEÑO GRÁFICO DE LA
UNIVERSIDAD DE GUAYAQUIL
APROBADO
……………………………… ……..……………………….
Miembro del Tribunal Miembro del Tribunal
……………………………… ……..……………………….
Miembro del Tribunal Secretario
……………………………… ……..……………………….
Alumno Alumna
VIII
Guayaquil, 4 de Agosto del 2017 Lcda. Beatriz Vallejo Vivas, MSc. DIRECTORA DE LA CARRERA DE DISEÑO GRÁFICO FACULTAD DE COMUNICACIÓN SOCIAL UNIVERSIDAD DE GUAYAQUIL Ciudad.- De mis consideraciones: Envío a Ud. el Informe correspondiente a la tutoría realizada al Trabajo de Titulación “LA COMPOSICIÓN VISUAL Y SU INCIDENCIA EN LA FORMACIÓN DE LOS ESTUDIANTES DE LA CARRERA DE DISEÑO GRÁFICO DE LA UNIVERSIDAD DE GUAYAQUIL” de los estudiantes TOMAS EDUARDO BAZÁN OJEDIS Y ANA MILENA ROSALES CASAÑAS, indicando han cumplido con todos los parámetros establecidos en la normativa vigente:
El trabajo es el resultado de una investigación.
El estudiante demuestra conocimiento profesional integral.
El trabajo presenta una propuesta en el área de conocimiento.
El nivel de argumentación es coherente con el campo de conocimiento. Adicionalmente, se adjunta el certificado de porcentaje de similitud y la valoración del trabajo de titulación con la respectiva calificación. Dando por concluida esta tutoría de trabajo de titulación, CERTIFICO, para los fines pertinentes, que los estudiantes TOMAS EDUARDO BAZÁN OJEDIS Y ANA MILENA ROSALES CASAÑAS están aptos para continuar con el proceso de revisión final. Atentamente, ______________________________________ MSc. CARLOS ESCALANTE VERA C.I. 0908625189
IX
Guayaquil, 4 de Agosto del 2017 Lcda. Beatriz Vallejo Vivas, MSc. DIRECTORA DE LA CARRERA DE DISEÑO GRÁFICO FACULTAD DE COMUNICACIÓN SOCIAL UNIVERSIDAD DE GUAYAQUIL Ciudad.- De mis consideraciones: Envío a Ud. el Informe correspondiente a la REVISIÓN FINAL del Trabajo de Titulación “LA COMPOSICIÓN VISUAL Y SU INCIDENCIA EN LA FORMACIÓN DE LOS ESTUDIANTES DE LA CARRERA DE DISEÑO GRÁFICO DE LA UNIVERSIDAD DE GUAYAQUIL” de los estudiantes TOMAS EDUARDO BAZÁN OJEDIS y ANA MILENA ROSALES CASAÑAS. Las gestiones realizadas me permiten indicar que el trabajo fue revisado considerando todos los parámetros establecidos en las normativas vigentes, en el cumplimento de los siguientes aspectos: Cumplimiento de requisitos de forma:
El título tiene un máximo de 29 palabras.
La memoria escrita se ajusta a la estructura establecida.
El documento se ajusta a las normas de escritura científica seleccionadas por la Facultad.
La investigación es pertinente con la línea y Sublínea de investigación de la carrera.
Los soportes teóricos son de máximo 5 años.
La propuesta presentada es pertinente. Cumplimiento con el Reglamento de Régimen Académico:
El trabajo es el resultado de una investigación.
El estudiante demuestra conocimiento profesional integral.
El trabajo presenta una propuesta en el área de conocimiento.
El nivel de argumentación es coherente con el campo de conocimiento. Adicionalmente, se indica que fue revisado, el certificado de porcentaje de similitud, la valoración del tutor, así como de las páginas preliminares solicitadas, lo cual indica el que el trabajo de investigación cumple con los requisitos exigidos. Una vez concluida esta revisión, considero que los estudiantes TOMAS EDUARDO BAZÁN OJEDIS y ANA MILENA ROSALES CASAÑAS están aptos para continuar el proceso de titulación. Particular que comunicamos a usted para los fines pertinentes. Atentamente, _________________________ MSc. GALO ARTEAGA MEDINA C.I. 0919586271
X
DEDICATORIAS
Dedico este trabajo a Dios por estar siempre cuidándome a mis
padres, Martha Elizabeth Ojedis Roca y Gabriel Ángel Ramírez Estrada
que estuvieron junto a mi dándome su apoyo, no solo económico, sino
también emocional, saberme comprender y aceptar mis caídas y triunfos,
por darme ánimos y sobre todo su cálido y reconfortante amor, que me
acompañó durante toda mi vida académica, motivándome a superar cada
reto, dificultad y problema hasta logar alcanzar las metas deseadas.
Autor: Tomas Eduardo Bazán Ojedis
Dedico este trabajo a Dios por su guía e iluminación en los buenos
y malos momentos, a mi mamá Nelly Cristina Casañas Salazar que ha
estado incondicionalmente a mi lado apoyándome y brindándome todo su
amor y cuidado, y que con su fortaleza de espíritu me ha inspirado e
impulsado a superar cualquier obstáculo y culminar con mis estudio
universitarios. A mis amigos que son parte de mi vida y que compartieron
su calidez fraternal, experiencias únicas y recuerdos inolvidables.
Autora: Ana Milena Rosales Casañas
XI
AGRADECIMIENTOS
Agradezco a Dios por estar a mi lado dándome fuerzas y
convicción durante mi vida universitaria, al apoyo de parte del MSc.
Carlos Escalante Vera en el proceso de titulación, a los excelentes
docentes que me supieron encaminar durante el transcurso de la carrera.
A mis amigos que han compartido nuestras penas y alegrías, nuestros
triunfos y decepciones, que siguen junto a mí brindándome su apoyo
fraternal. A mi familia que me dieron ánimos y siempre tuvieron el deseo
de veme culminar un ciclo más en mi vida académica. Agradezco a todas
aquellas personas que me ayudaron a fortalecer y enriquecer mis
conocimientos.
Autor: Tomas Eduardo Bazan Ojedis
Agradezco en primer lugar a Dios por estar a mi lado cuidándome
en cada paso que he dado durante mi vida universitaria, a la gran ayuda
que me brindó el MSc. Carlos Escalante Vera a lo largo del proceso de
titulación, a los docentes que me ofrecieron sus conocimientos durante el
transcurso de la carrera y lograron formarme como la profesional que hoy
soy. A mis amigos con los que he compartido risas, llantos, preocupación
pero sobre todo inmensa felicidad y momentos que siempre recordaré.
Agradezco a todas aquellas personas que ayudaron a fortalecernos y
enriquecieron nuestros conocimientos. Y a todas las personas que me
han apoyado a lo largo de mi vida y me han ayudado de alguna manera.
Autora: Ana Milena Rosales Casañas
XII
ÍNDICE GENERAL
CARÁTULA ............................................................................................... l
DIRECTIVOS .............................................................................................II
REPOSITORIO .........................................................................................III
CERTIFICADO SISTEMA ANTI PLAGIO ................................................ IV
CERTIFICACIÓN DEL TUTOR REVISOR ............................................... V
DEDICATORIAS ...................................................................................... X
AGRADECIMIENTOS ............................................................................. XI
ÍNDICE GENERAL ................................................................................. XII
ÍNDICE DE CUADROS.......................................................................... XIV
ÍNDICE DE GRÁFICOS .......................................................................... XV
RESUMEN............................................................................................. XVI
ABSTRACT .......................................................................................... XVII
INTRODUCCIÓN .......................................................................................1
CAPÍTULO I ..............................................................................................2
PLANTEAMIENTO DEL PROBLEMA………………………………………………2
UBICACIÓN DEL PROBLEMA EN UN CONTEXTO…………..………………… 4
SITUACIÓN DEL CONFLICTO……………………………………..……………… 5
CAUSAS DEL PROBLEMA…………………………………………………………. 6
DELIMITACIÓN DEL PROBLEMA…………………………………………………. 6
FORMULACIÓN DEL PROBLEMA………………………………………………… 6
EVALUACIÓN DEL PROBLEMA……………………………………………………7
VARIABLES…………………………………………………………………………... 8
OBJETIVOS DE LA INVESTIGACIÓN…………………………………………….. 8
INTERROGANTES DE LA INVESTIGACIÓN…………………………………….. 9
JUSTIFICACIÓN……………………………………………………………………. 10
CAPÍTULO II ...........................................................................................11
MARCO TEÓRICO…………………………………………………………………. 11
MARCO CONTEXTUAL…………………………………………………………… 27
ANTECEDENTES DE ESTUDIO…………………………………………………. 29
FUNDAMENTACIÓN TEÓRICA………………………………………………….. 30
FUNDAMENTACIÓN PEDAGÓGICA……………………………………………. 35
XIII
FUNDAMENTACIÓN PSICOLÓGICA……………………………………………. 35
FUNDAMENTACIÓN SOCIOLÓGICA…………………………………………… 38
FUNDAMENTACIÓN FILOSÓFICA……………………………………………….38
CAPÍTULO IIl ..........................................................................................44
DISEÑO DE INVESTIGACIÓN……………………………………………………. 44
MODALIDAD DE INVESTIGACIÓN……………………………………………… 45
TIPOS DE INVESTIGACIÓN……………………………………………………… 45
TÉCNICAS E INSTRUMENTOS DE INVESTIGACIÓN………………………... 46
POBLACIÓN Y MUESTRA…………………………………………………………47
ANÁLISIS DE LOS RESULTADOS………………………………………………. 49
RESPUESTA A LAS INTERROGANTES DE LA INVESTIGACIÓN………….. 59
CAPÍTULO IV ..........................................................................................62
TÍTULO DE LA PROPUESTA…………………………………………………….. 62
JUSTIFICACIÓN……………………………………………………………………. 62
FUNDAMENTACIÓN………………………………………………………………. 63
OBJETIVOS…………………………………………………………………………. 65
IMPORTANCIA………………………………………………………………………65
UBICACIÓN SECTORIAL Y FÍSICA………………………………………………66
FACTIBILIDAD……………………………………………………………………… 66
ALCANCE DE LA PROPUESTA………………………………………………….. 67
DESCRIPCIÓN DE LA PROPUESTA……………………………………………. 72
DESCRIPCIÓN DEL USUARIO O BENEFICIARIO……………………………..73
ETAPAS DE DESARROLLO……………………………………………………… 74
ESPECIFICACIONES FUNCIONALES………………………………………….. 78
ESPECIFICACIONES TÉCNICAS………………………………………………...83
ESPECIFICACIONES DE IMPLEMENTACIÓN………………………………… 84
CONCLUSIÓN ........................................................................................90
RECOMENDACIONES............................................................................91
REFERENCIAS BIBLIOGRÁFICAS........................................................92
BIBLIOGRAFÍA .......................................................................................95
ANEXOS .................................................................................................96
XIV
ÍNDICE DE CUADROS
Cuadro # 1 .................................................................................................6
Cuadro # 2: ..............................................................................................47
Cuadro # 3: ..............................................................................................48
Cuadro # 4: ..............................................................................................49
Cuadro # 5: ..............................................................................................50
Cuadro # 6: ..............................................................................................51
Cuadro # 7: ..............................................................................................52
Cuadro # 8: ..............................................................................................53
Cuadro # 9: ..............................................................................................54
Cuadro # 10: ............................................................................................55
Cuadro # 11: ............................................................................................56
Cuadro # 12: ............................................................................................57
Cuadro # 13: ............................................................................................58
Cuadro # 14: ............................................................................................75
XV
ÍNDICE DE GRÁFICOS
Gráfico # 1: Conocimiento de los estudiantes ...................................................... 49
Gráfico # 2: Importancia de la elaboración de infografías. .................................. 50
Gráfico # 3: Importancia de los elementos visuales. ............................................ 51
Gráfico # 4: Importancia del espacio, color y forma. ............................................ 52
Gráfico # 5: La composición en la infografía. ....................................................... 53
Gráfico # 6: Importancia de las infografías. .......................................................... 54
Gráfico # 7: Importancia de profundizar en estos temas. .................................... 55
Gráfico # 8: Material audiovisual. ......................................................................... 56
Gráfico # 9: Importancia de material audiovisual. ................................................ 57
Gráfico # 10: Diseño de material audiovisual. ...................................................... 58
Gráfico # 11: Logotipo de la propuesta. ............................................................... 76
Gráfico # 12: Estructura radial. ............................................................................. 78
Gráfico # 13: Menú principal de la propuesta....................................................... 79
Gráfico # 14: Submenú 1 - Elementos visuales. .................................................. 80
Gráfico # 15: Submenú 2 - Composición visual. .................................................. 81
Gráfico # 16: Submenú 3 – Infografía. ................................................................. 82
Gráfico # 17: Guía del color .................................................................................. 85
Gráfico # 18: Anatomía de la tipografía. ............................................................... 86
Gráfico # 19: Grafimetría del logo......................................................................... 87
Gráfico # 20: Reducción mínima del logo. ........................................................... 88
Gráfico # 21: Encuestas realizadas a estudiantes de 3er semestre.................... 99
Gráfico # 22: Encuestas realizadas a estudiantes de 3er semestre.................... 99
Gráfico # 23: Encuestas realizadas a estudiantes de 7mo semestre ................ 100
Gráfico # 24: Encuestas realizadas a estudiantes de 7mo semestre ................ 100
Gráfico # 25: Tutorías realizadas con el MSc. Carlos Escalante Vera. ............. 101
Gráfico # 26: Tutorías realizadas con el MSc. Carlos Escalante Vera. ............. 101
Gráfico # 27: Ilustración digital de los personajes. ............................................. 103
Gráfico # 28: Ilustración digital de los personajes. ............................................. 103
Gráfico # 29: Animación de los personajes. ....................................................... 104
Gráfico # 30: Animación de los personajes. ....................................................... 104
Gráfico # 31: Animación de los personajes. ....................................................... 105
XVI
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DE DISEÑO GRÁFICO
TÍTULO DE TRABAJO DE INVESTIGACIÓN PRESENTADO
Author: BAZÁN OJEDIS TOMAS – ROSALES CASAÑAS ANA
Advisor: MSc. CARLOS ESCALANTE VERA
FECHA: AGOSTO DE 2017
RESUMEN
El objetivo de esta investigación es contribuir con la formación de los estudiantes de la Carrera de Diseño Gráfico por medio de una animación multimedia que informe sobre los elementos de la composición visual. Los principales beneficiarios son los estudiantes que cuentan con un material informativo, y los maestros que complementan sus clases con este material de apoyo. Este problema es de interés ya que la pobre elaboración de los trabajos de los estudiantes, afecta no solo la imagen de la institución, sino también en su vida laboral. Se comprobó la existencia del problema a tratar por medio de una investigación de tipo correlacional y mixta, en donde se recolectaron datos aplicando encuestas realizadas a los estudiantes de la carrera, los cuales dieron como resultado la existencia del desconocimiento acerca de este tema y la necesidad de contar con un material audiovisual en donde puedan despejar sus dudas e inquietudes.
Palabras Claves: Infografía, Material Audiovisual, Educación Multimedia, Composición Visual, Elementos Visuales.
XVII
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DE DISEÑO GRÁFICO
TÍTULO DE TRABAJO DE INVESTIGACIÓN PRESENTADO
Author: BAZÁN OJEDIS TOMAS – ROSALES CASAÑAS ANA
Advisor: MSc. CARLOS ESCALANTE VERA
FECHA: AGOSTO DE 2017
ABSTRACT
The objective of this research is to contribute to the training of the students of
the Graphic Design Career by means of a multimedia animation that reports on
the elements of the visual composition. The main beneficiaries are the students
who have an informative material, and the teachers who complement their
classes with this support material. This problem is of interest since the poor
preparation of students' work affects not only the image of the institution but
also in their working life. It was verified the existence of the problem to be
treated by means of a research of a correlational and mixed type, in which data
were collected applying surveys carried out to the students of the race, which
resulted in the existence of the ignorance about this subject and the necessity To
have an audiovisual material where they can dispel their doubts and concerns.
Keywords: Infographic, Material Audiovisual, Multimedia Education, Visual
Composition, Visual Elements.
INTRODUCCIÓN
La carrera de Diseño Gráfico, antes conocida como Unidad
de Producción Tecnológica, perteneciente a la Facultad de Comunicación
Social de la Universidad de Guayaquil, se encuentra ubicada actualmente
en la zona de la alborada.
Los estudiantes de la carrera mantienen en sus diferentes jornadas de
clase un ambiente y contexto artístico, creativo y de compañerismo,
aunque la carrera consta de laboratorios equipados, un auditorio, bar,
pateo y espacio para recreación, se nota un aspecto importante en los
estudiantes, que está presente en el 75% de ellos, esto es, que
desconocen sobre qué es la Infografía, cómo se estructura, su
composición, los elementos que la conforman, lo importante que es para
la comunicación visual, lo que hace que surja la siguiente interrogante,
¿Por qué los estudiantes desconocen sobre la Infografía y todo lo que
esto conlleva?, se toma en cuenta factores puntuales que desembocan a
la causa del problema que trata este proyecto.
En el Capítulo l se analiza el problema, el contexto y el lugar dentro
del cual se desarrolla, las causas y las interrogantes planteadas.
En el Capítulo ll trata sobre el marco teórico, aquí se incluyen las
fundamentaciones en las cuales se basa la investigación y los estudios.
En el Capítulo lll se define el Método de investigación, los
instrumentos utilizados y los resultados que estos mostraron.
En el Capítulo lV se presenta la propuesta de manera amplia,
presentación, especificaciones funcionales, técnicas y de implementación.
2
CAPÍTULO I
EL PROBLEMA
PLANTEAMIENTO DEL PROBLEMA
Los elementos visuales son un instrumento fundamental al
momento de componer una pieza visual, estos ayudan a expresar y
trasmitir adecuadamente una idea, según (Frascarasa, 2012) “El rol de
las comunicaciones visuales no termina en su producción, sino en su
efecto sobre la gente. La motivación para su creación y el cumplimiento
de su propósito se centra en transformar una realidad existente en una
realidad deseada.” (p.3). Por tanto es base de todo diseñador manejar
correctamente los elementos visuales dentro de una composición,
ubicando cada objeto en su espacio determinado, con su color y forma
idónea logrando así en el usuario final una sensación de aceptación y
equilibrio.
La problemática de la investigación se centra en el
desconocimiento de los estudiantes de tercer semestre de la carrera de
Diseño Gráfico de la Facultad de Comunicación Visual de la Universidad
de Guayaquil, acerca de los elementos de una composición visual al
momento de realizar una infografía, lo cual provoca que realicen diseños
mal elaborados e incluso incomprensibles, que no logran su objetivo.
Los protagonistas del escenario educativo en ocasiones no se
interesan lo suficiente por impartir/aprender a profundidad la aplicación de
los elementos de la composición visual en cada uno de los trabajos
académicos que se realizan, esto afecta no solo en su desarrollo durante
la carrera universitaria, sino también durante su vida laboral.
3
Otro de los factores que produce este problema es la escases de
material informativo acerca de los elementos visuales y la composición,
los estudiantes carecen de recursos gráficos visuales que los orienten
hacia la realización de trabajos como las infografías; sin un adecuado
desarrollo el trabajo realizado puede provocar en la población todo lo
contrario a lo que se busca.
Una excelente composición visual se explica así misma en conjunto
con los elementos utilizados, dado que cada uno expresa y refleja un
significado propio que es percibido por el público objetivo, sabiendo esto,
es claro decir que un mal uso de los elementos provoca reacciones
adversas a lo que realmente el diseñador busca, por este motivo se
sostiene que el desconocimiento es la ruta de todo fracaso, es en este
punto clave donde se demuestra la existencia de nuestro problema antes
mencionado en los estudiantes de tercer semestre.
Se concreta que los elementos visuales y su uso son esenciales al
momento de diseñar, crear, bosquejar una idea para que esta sea
trasmitida, informada, comunicada, expresada y comprendida de forma
clara, sencilla y original, determinando que un futuro diseñador debe
manejar estos principios básicos como lo son los elementos de la
composición visual.
Por medio de esta investigación, los estudiantes lograrán realizar
infografías que reflejen no solo lo que desean informar, sino también el
conocimiento adquirido durante su vida universitaria, realzando así
también el nombre de nuestra alma mater que es La Facultad de
Comunicación Social.
4
UBICACIÓN DEL PROBLEMA EN UN CONTEXTO
La investigación se desarrolla con los estudiantes del tercer
semestre de la carrera de Diseño Gráfico de la Facultad de Comunicación
de la Universidad de Guayaquil. La carrera consta de 647 alumnos
contando a los que cursan las diferentes jornadas de la mañana, tarde y
noche.
Dentro de la institución existe una carencia de material audiovisual
ya que cuenta con dos laboratorios que no son suficientes para la
cantidad de alumnado así como un único salón audiovisual con el que
cuenta el plantel, en ocasiones los docentes deben dar una hora de clase
de las 2 horas y media que le corresponden porque debe entrar otro
maestro con el cual sucede lo mismo, esto impide que el docente
desarrolle todos los puntos que ya había preparado para la clase y que el
estudiante adquiera más conocimiento.
La escases de proyectores es también un inconveniente que
impide al estudiante aprender, ya que por lo general los maestros tienen
material digital para presentarlo en clase pero como las aulas no cuentan
con un proyector propio, se debe solicitarlo y son frecuentes las veces
que se indica que ya están siendo utilizados por otros docentes o que no
están en funcionamiento debido a daños dentro del proyector o avería de
algún cable.
Estos factores son los que ayudan a que surja el problema del
desconocimiento en los estudiantes de tercer semestre, que terminan la
carrera elaborando trabajos que tienen falencias ya sean visuales como
de información, lo cual le perjudica en el ámbito laboral.
5
SITUACIÓN DEL CONFLICTO
Actualmente la carrera cuenta con dos laboratorios, que a menudo
no pueden abarcar para toda las clases que se requieren en el ámbito
estudiantil, también se cuenta con un auditorio y una sala de croma útiles
para las diferentes clases que se imparten, se menciona todo esto para
tener claro la situación actual de algunos aspectos de la carrera con el
motivo de entender que aunque estos pueden ser factores directos o
indirectos que afecten al problema tratado hay que tenerlo en cuenta.
El conflicto se da a conocer por que los estudiantes desconocen o
tienen escasa información sobre el tema tratado, a que se debe esto, en
el párrafo anterior se mencionó posibles factores, así mismo esto se
puede dar por que los estudiantes no prestan atención al docente cuando
imparte su asignatura, llegan tarde a las clase o simplemente por algún
motivo faltan a las mismas. Esto genera en el estudiante un vacío
informativo que en ocasiones no saben cómo llenarlo, ya que del 100% de
los estudiantes el 20 o 30% no se auto educan o no leen sobre el tema
en respecto.
El escaso material informativo en conjunto a que los estudiantes no
se mantienen actualizados en el tema tratado da paso a que el problema
surja, es por eso que se ha podido observar que los estudiantes de tercer
semestre de la carrera de Diseño Gráfico de la Facultad de Comunicación
Social de la Universidad de Guayaquil, desconocen acerca de los
elementos de una composición visual al momento de realizar una
infografía, esto se ve reflejado en los trabajos presentados a lo largo de la
carrera, ya sea dentro del aula como en actividades como las expoferias
que se llevan a cabo cada año en la cuales estudiantes de otras
facultades o empresarios, observan estos trabajos.
6
CAUSAS DEL PROBLEMA
A continuación se determinan las causas por las cuales existen
impedimentos para que los estudiantes de tercer semestre sepan utilizar
los elementos visuales al momento de realizar infografías eficientes.
Cuadro # 1: Causas y consecuencias.
CAUSAS CONSECUENCIAS
Escases de apoyo audiovisual. Infografías con contenido deficiente.
Escases de material informativo sobre la composición visual.
Limitaciones en el ámbito laboral.
Desactualización de parte de los estudiantes.
Plagio trabajos o baja producción gráfica.
Fuente: Estudiantes de Diseño Gráfico. Elaborado por: Tomas Bazán y Milena Rosales.
DELIMITACIÓN DEL PROBLEMA
Campo: Educación Superior.
Área: Composición y montaje.
Aspectos: Composición visual, simetría, color, luz.
Tema: Los elementos de una composición visual al momento de
realizar una infografía.
Propuesta: Creación de una animación multimedia que informe acerca
de la aplicación de la composición visual en la infografía.
FORMULACIÓN DEL PROBLEMA
¿Cómo el conocimiento de la comunicación visual puede aportar en la
formación del estudiante de la Carrera de Diseño Gráfico?
7
EVALUACIÓN DEL PROBLEMA
Dentro del problema se evaluaron los siguientes aspectos.
Delimitado: La investigación se desarrolla con los estudiantes de
tercer semestre de diseño gráfico, durante su periodo de clases y dentro
de su entorno.
Claro: Los términos utilizados para la elaboración del proyecto son
simples, evitando el uso de tecnicismos que puedan dificultar la lectura.
Evidente: Este proyecto es evidente porque su contenido
demuestra la existencia del problema planteado, por medio de pruebas, y
teorías expresadas por expertos.
Concreto: La investigación está esquematizada de manera
secuencial, presentando los elementos siguiendo un orden para de esta
manera el lector sea capaz de comprenderlo sin ninguna dificultad.
Relevante: La elaboración de este proyecto será beneficiosa tanto
para los estudiantes como para los docentes.
Original: De acuerdo al departamento de registro de trabajos de
investigación académica no se encuentra estudio o proyecto presentado
referente al tema tratado en la investigación.
Contextual: Desde el ámbito social, el enfoque del proyecto se
basa en la problemática observada en la carrera.
Factible: La propuesta del proyecto ayudará a la resolución del
problema planteado en esta investigación y se cuenta con los recursos
necesarios para realizarlo.
Identifica los productos esperados: Se busca que los
estudiantes enriquezcan sus conocimientos y cuenten con el apoyo de un
material audiovisual para realizar sus futuros trabajos.
8
VARIABLES
Variable Independiente: Escases de material informativo sobre la
composición visual.
Variable Dependiente: Creación de una animación multimedia
sobre los elementos de la composición visual en la infografía.
OBJETIVOS DE LA INVESTIGACIÓN
Objetivo General:
Demostrar la importancia de los elementos de la composición
visual en la formación del estudiante de la Carrera de Diseño Gráfico de la
Universidad de Guayaquil.
Objetivos Específicos:
Medir el conocimiento que tienen los estudiantes acerca de los
elementos visuales para que elaboren trabajos eficaces y
estéticamente correctos.
Definir cuáles son los elementos de la composición para la
elaboración de infografías.
Crear una animación multimedia que informe acerca del uso de los
elementos de una composición visual para que los estudiantes
cuenten con un material audiovisual de apoyo.
9
INTERROGANTES DE LA INVESTIGACIÓN
1.- ¿Existe el desconocimiento en el estudiante sobre la Infografía?
2.- ¿Hay escases de información sobre la Infografía en la carrera de
Diseño Gráfico?
3.- ¿Es importante para un diseñador gráfico conocer sobre los elementos
visuales?
4.- ¿Los estudiantes deben conocer acerca de la composición visual?
5.- ¿La Infografía es un medio altamente usado en el campo laboral?
6.- ¿El problema investigado afecta de alguna manera al estudiante?
7.- ¿El problema afecta de manera social y cognitiva a la población?
8.- ¿Quiénes son los que se benefician directamente con la propuesta?
9.- ¿Los docentes serán beneficiados con el proyecto?
10.- ¿El proyecto ayuda a dar solución al problema tratado?
10
JUSTIFICACIÓN
Con la realización de esta investigación se busca que los
estudiantes de tercer semestre adquieran el conocimiento acerca de los
elementos de la composición visual, para que de esta manera puedan
realizar infografías que logren de manera clara, compresible y asertiva,
comunicar el mensaje que el diseñador desea transmitir, siendo así él el
principal beneficiario, ya que podrá competir contra otros diseñadores en
el ámbito laboral.
La capacidad que el diseñador tiene para transmitir un mensaje es
lo que lo posiciona dentro del campo laboral, es por esto que mientras
más se instruya y conozca sobre los principios del diseño gráfico tendrá
más ofertas de empleo por parte de las agencias de publicidad, revistas,
medios televisivos, entre otros, esto deja también en alto el nombre de la
carrera y de la institución, por medio de este proyecto se busca contribuir
con el desarrollo profesional del diseñador gráfico de la Universidad de
Guayaquil aportando a sus conocimientos.
La composición visual está relacionada a todo lo que tiene que ver
con diseño gráfico, es necesaria para realizar cada uno de los trabajos
que desarrolla un diseñador, desde tarjetas de publicidad, hasta páginas o
vallas publicitarias, y es por esto que el proyecto se enfoca en dar a
conocer de manera detallada este elemento fundamental dentro del
diseño. Dentro del ámbito social podemos encontrar que a través de la
historia, un buen diseño ha sido capaz de persuadir a grandes masas, es
por esto que el diseñador debe ser consciente de lo que está
comunicando y de como lo hace, ya que un diseño mal elaborado puede
llevar a la bancarrota a grandes empresas o crear confusión en la
población.
11
CAPÍTULO II
ANTECEDENTES DE LA INVESTIGACIÒN
MARCO TEÓRICO
La comunicación nace de la necesidad del hombre por trasmitir un
mensaje con el cual pueda darse a entender, esto se refleja en los inicios
de los tiempos en los que se comunicaban por medio de gestos, señales y
símbolos. En la actualidad el estudio de estos símbolos que formaban
mensajes se conoce como Semiótica. Cada símbolo que el hombre crea,
tiene un mensaje específico que puede ser entendido a pesar de hablar
diferentes idiomas, de estos símbolos se puede decir lo siguiente:
Un símbolo es un tipo de signo que además de contener un
plano de la realidad específico, también tiene direccionalidad y
tonalidad definida por la cultura y la historia de la comunidad
en particular en la que se presenta, pues evoca valores y
sentimientos. (Correa, 2012) (p.13)
Como se puede observar en la referencia, el símbolo provoca una
serie de sensaciones en el ser humano, y a pesar de que al pasar de los
años ciertos símbolos han sufrido cambios, han mantenido su significado
original y se reconocen a pesar de tener otros colores, por ejemplo, si se
plasma la silueta de una taza de café con color verde, naranja, o azul,
este seguirá representado a una taza de café. Por tanto Correa su
definición de un símbolo nos explica que estos gráficos, iconos, símbolos,
señas, imágenes, deben también estar ligados a la parte cultural de las
personas a las que van dirigidas, ya que por medio esto, se sienten
identificados y conectados con estos lo cual ayuda al posicionamiento.
12
El diseño está vinculado directamente con la semiótica ya que
utiliza gráficos para brindar información a través de publicidades, marcas
empresariales, las que tienen un gran impacto visual entre los
consumidores, realizados con el fin de comunicar acerca de un producto o
servicio, y el mensaje es el resultado de una serie de componentes que
en conjunto expresan de manera sencilla o compleja la idea que el
diseñador desea dar a conocer al público al que va dirigido dicho trabajo.
Los símbolos, iconos y figuras, cumplen una importante función
visual dentro de la infografía, ya que ésta utiliza dicho elementos para
comunicar un mensaje, la infografía es un método de comunicación
netamente visual por esto es necesario que lo que se pondría en gran
cantidad de texto se lo resuma o muestre de manera visual utilizando
estos recursos.
En caso de que dentro de la infografía se muestren a dos personas
interactuando, los símbolos que se utilizarían serían burbujas de dialogo
para mostrar la conversación, si el tema de la infografía se basa en los
deportes, entonces se deberían poner balones, bates de béisbol, y todos
estos son símbolos, gráficos que representan una situación o temática
que se comunica visualmente.
Como ya se mencionó la comunicación es la base fundamental del
diseño, cada trabajo que realiza el diseñador gráfico es creado para
informar de algún tema en específico a un público en concreto al cual se
denomina cono “target”, de esta manera se entiende a la comunicación
como el proceso de transmitir un mensaje entre dos o más individuos, a
los cual se define como “emisor” y “perceptor”.
13
Es decir que el diseñador gráfico es directamente un comunicador,
que se vale de diferentes medios o estrategias para expresarse y dar a
conocer alguna información de manera que sea comprendida por el
público objetivo. Dentro de la elaboración de un trabajo, se pueden
encontrar diferentes recursos como lo son las formas (cuadrados,
círculos, triángulos).
La comunicación visual es un proceso de elaboración, difusión
y recepción de mensajes visuales. En ella influyen: el emisor,
el receptor, el mensaje, el código, el medio o canal y el
referente. Es la comunicación en la que predominan las
imágenes en la construcción de los mensajes. (Villanueva,
2016) (p. 3).
Conociendo esto podemos decir que el diseñador es el emisor, y el
target, que se entiende como el público al que va dirigido el mensaje,
serán los perceptores. Para realizar un trabajo es necesario que el
diseñador conozca las características de ese público en particular estas
pueden ser, edad, raza, clase social, sector, entorno, para que su diseño
logre ser aceptado y comprendido.
La infografía es naturalmente un método de la comunicación visual,
por lo que se vincula a este tema de manera directa, este material gráfico
se propone informar acerca de un tema en específico, sin importar cuál
sea la situación que se plantea dentro del contexto de la infografía, ya sea
indicar pasos para realizar alguna tarea, mostrar los componentes de
algún artefacto o graficar el proceso de los estados del agua, siempre el
fin con el que se lo realiza, va a ser comunicar y a trasmitir un mensaje
específico para un determinado público.
14
El mensaje es el producto presentado de diferentes maneras que
requiere ser expresadas de maneras distintas, como pueden ser:
fotografía, ilustración, tipografía, etc., teniendo en cuenta sus
especificaciones, estás áreas ayudan a complementar la transmisión del
mensaje. La base de toda figura es el punto, puesto que toda forma está
compuesta por una secuencia de puntos que se conectan cerrando una
figura.
Llamamos punto a la marca mínima colocada sobre una
superficie. Al colocar, dibujar o identificar un punto, lo
encontramos en relación con esa superficie; es decir, arriba,
abajo, a la izquierda, a la derecha o en medio. El punto es un
elemento que llama la atención del espectador. Puede ser el
centro de mayor interés de la composición y ser grande o
pequeño. (A. Flores, 2014) (p.139)
Según Flores, se entiende que el punto es un elemento que le da
forma al diseño, que es donde el público va a centrar su atención, la
información es más sencilla de entender cuando se la explica por medio
de formas y figuras con los que el público se relaciona y conoce.
El artista neoimpresionista Georges Seurat en el año 1886, inventó
una técnica de pintura cuyo nombre es el “puntillismo”, que es la
realización de imágenes a base de puntos de diferentes tamaños y
colores según el diseño que se va a crear, a mayor cantidad de puntos
más sombra y peso visual se crea, mientras que al estar dispersos o al
haber menor cantidad se obtiene un aspecto de degradado difuminado, ya
que los tonos serán leves, este es el mejor ejemplo de cómo los puntos
crean figuras y formas. El punto es un elemento que está presente en
toda imagen o gráfico, siendo un elemento simple y a la vez complejo.
15
Incluso los trabajos digitales están hechos de puntos llamados
“pixeles” que son pequeñas partículas de color que al juntarse crean
patrones que forman las imágenes, mientras más cantidad de puntos
(pixeles) hayan, la calidad de la imagen será mejor, el principio de los
pixeles se basa en la técnica artística del puntillismo.
A nivel de gráficos, se utilizan puntos para representar el vuelo de
una abeja, con esto se demuestra que dentro de una infografía es
importante este elemento gráfico que sería aplicado en caso de la
infografía tratase del tema del proceso por medio del cual se obtiene la
miel, otro ejemplo en el cual el punto sería utilizado, es al representar los
ajonjolíes del pan de una hamburguesa, esto si la infografía tratase sobre
algún tema de comida rápida.
La línea es un trazo o secuencia de puntos, este elemento abre un
sin números de posibilidades al cual un diseñador puede sujetarse y
expresar su o sus ideas, desde un simple boceto a base de líneas, hasta
un complejo cuadro artístico. Al momento de usar este elemento se debe
tener en cuenta que el mismo sugiere continuidad y estabilidad por tanto
la línea es un buen recurso para el momento de representar alguno de
estos aspectos.
La línea es el elemento más básico del grafismo, los objetos se
diferencian en base a su color, textura, profundidad, entre otros, pero si
dibujamos su contorno utilizando solo una línea, podemos fácilmente
identificar de que objeto se trata ya que representa los objetos de manera
natural, un ejemplo de esto es el horizonte, que es la línea de contorno de
la tierra.
16
La técnica de “Línea continua” que inició en manos de Pablo
Picazzo, consiste en realizar dibujos con solo un trazo largo que, con
curvas y líneas rectas y sin levantar el lápiz del papel, formen figuras
simples que pueden ser desde un sencillo corazón hasta barcos con toda
la tripulación en su interior, la realización de estos trazos ayuda no solo a
la motricidad de la mano al momento de dibujar, sino también a la
creatividad ya que a medida que se practica esta técnica, el dibujante
puede apreciar que la imaginación no tiene límite.
Las líneas suelen ser la base del dibujo. Poseen cualidades
emotivas en sí mismas y también cuando se agrupan con otras
de carácter diferente. Con ellas es posible establecer y
explicar no sólo la apariencia de las superficies externas, sino
también la geometría y la estructura ocultas en el objeto.
(Canali, 2015) (p.7).
La práctica de los trazos ayuda a desarrollar la creatividad lo que
estimula la espontaneidad y la fantasía que el dibujante necesita para que
fluyan sus ideas y realice trabajos que sean llamativos y novedosos. Por
tanto la línea e un gran elemento de apoyo que ayuda a expresar ideas
continuas sean estas cambiantes como la línea.
Dentro de una infografía las líneas se encuentran desde los
cuadros de texto que existan en el trabajo, hasta las flechas indicadoras
que sirven de guía para el lector, lo que ayuda a la que la infografía tenga
un orden lógico, pero también se utilizan las líneas para delimitar el
contenido del trabajo, por medio de estas se puede definir como será
divida la información, se le llama la ley del horizonte que no
necesariamente es netamente horizontal o vertical en todos los casos.
17
Por lo que se afirma que las actividades como la lectura, el arte, los
trazos, los colores, entre otros; son métodos que influyen de manera
positiva en el desarrollo de la creatividad de los niños y adultos, el uso de
las formas y la creación de figuras utilizando tipografías, aportan al
diseñador la capacidad que desarrollar imágenes e ideas utilizando
diferentes elementos como: Hojas de árbol, monedas, tapas de gaseosa,
e incluso con juguetes se da la ilusión de grandes paisajes o situaciones.
Se debe tomar en cuenta que las emociones influyen de manera
positiva y en ocasiones negativa durante el proceso creativo, por esto es
preferible que al momento de realizar un trabajo, el diseñador tenga la
mente despejada de problemas, y que su entorno se encuentre calmado,
limpio y con buena iluminación, para que pueda concentrarse y
prepararse física y mentalmente para desarrollar sus ideas.
No existe una definición simple de creatividad que incluya
todas las diversas dimensiones del fenómeno. En el campo de
la psicología, donde la creatividad individual ha sido más
estudiada, no hay consenso sobre si la creatividad es un
atributo de las personas o un proceso por el cual se generan
ideas originales. (Moreno, 2014) (p.71)
El proyecto tiene una vinculación directa con la creatividad, ya que
de esta nacen las ideas de un artista, una infografía es creativa cuando
reúne las siguientes características: ser originales, resultar apropiados y
novedosa, reuniendo estas características, el trabajo tendrá mejor
aceptación de parte de los lectores y el mensaje se logra comunicar de
manera óptima. Toda persona es creativa, depende de cada uno hasta
donde desarrollarla.
18
Se le llama arte a la realización de trabajos con un fin estético o
comunicativo que naturalmente expresa la realidad del artista que lo crea
o de una cultura, ya sea esta una fotografía, una escultura, una pintura, o
cualquier otro tipo de expresión artística. El diseñador gráfico es un artista
por su habilidad de combinar colores, formas, figuras y demás elementos
de acuerdo a algún tema en concreto con el cual transmite un mensaje
directo. Uno de los elementos del arte, es la unidad, se dice que:
Un borde, en términos de dibujo, es el lugar donde se
encuentran dos cosas. Este concepto de los bordes es
fundamental en el arte, y tiene que ver con la unidad, que es,
quizás el principio artístico más importante. La unidad se
consigue cuando todas las partes de la composición encajan
en un todo coherente, y cada parte contribuye a la totalidad de
la imagen. (Edwards, 2013) (p.100).
Es decir que la unidad muestra a la imagen como un todo a pesar
de ser varios elementos independientes. Así como el baile es un proceso
sistematizado de pasos que se realizan siguiendo un ritmo, la elaboración
de un diseño debe seguir ciertos pasos y generar un ritmo visual que sea
atractivo para el target objetivo, como lo son los antes mencionados punto
y línea, el color, la forma, las leyes de la composición visual, uso de
ciertos elementos visuales, entre otros recursos gráficos y técnicos que lo
ayudan a desarrollar un mejor trabajo.
Eso es lo que el diseño debe conseguir, embelesar al espectador
para que de esta manera se mantenga el interés hacia cierto producto o
servicio y este sea consumido, para esto se emplea conocimiento y
practica de las diversas tendencias y técnicas que se pueden encontrar
dentro del universo visual, es el arte de comunicar.
19
En el año de 1666, Isaac Newton descubrió que el color realmente
no existe, no es algo físico sino la fragmentación de la luz que se refleja
en los objetos, percibida en diferentes tonalidades por el ojo humano, es
por esto que relacionamos colores para cada objeto en particular, la piña
de color amarillo, las hojas de los árboles son de color verde, etc.
En base a esto el diseñador relaciona los colores no solo con los
objetos, si no con sentimientos o emociones algo tan complejo y esto
hace que sea importante para el diseño, es decir que si se realiza un
diseño referente a la naturaleza, este debe incluir colores verdes, azules,
que representen el tema del que se habla, ya que si colocamos colores
como morado o negro, no tendría ninguna relación y se podría confundir
al espectador.
Toda percepción del color es ilusión. No vemos los colores
como son realmente. En nuestra percepción, se pueden
transformar entre sí de manera tal, que dos colores distintos
parezcan iguales, por ejemplo, o dos colores iguales, distintos,
o los opacos parezcan transparentes y formas concretas se
conviertan en irreconocibles. Este "juego" del color -el cambio
de identidad- es el objeto de mi estudio. (Albers, 2013) (p.32)
La función del color es lograr que exista una interacción con el
espectador, de manera que él pueda relacionar directamente el diseño
con el tema del que habla, como se mencionó anteriormente los colores
deben hacer referencia al contexto del trabajo, para que esto provoque
que el público se sienta atraído al contexto del trabajo más que a la
estética, se capta la atención del público con la parte estética y luego el
espectador pasa a prestar atención al contenido del trabajo, una correcta
presentación mantiene la atención mientras informa.
20
El color dentro de una infografía influye en el lector positiva o
negativamente, se debe cuidar que las tonalidades de los colores que se
vayan a utilizar, estén relacionados con el tema que se trata de dar a
conocer, en el caso de hablar sobre la maternidad, se debe trabajar con
colores suaves y pasteles, que representen la delicadeza y ternura de un
bebé, si se colocan colores fuertes como amarillos y azules eléctricos, el
trabajo no tendrá relación entre sí e incluso contará con demasiado ruido
visual que impedirá la fácil comprensión de la información.
Al hablar de elementos visuales, se hace referencia a una serie de
recursos que son de suma importancia al momento de querer realizar un
buen trabajo, son la parte más prominente del diseño porque es lo que
realmente ve el público, se consideran 4 los elementos visuales que son
la forma, el tamaño, el color y las texturas.
Una imagen es el centro visual que pasa a diferenciar
elementos y tipologías básicas que tratan de relacionarlos con
las sensaciones visuales, es decir que se crea en dimensiones
bidimensionales y tridimensionales que representa lo visual a
lo que conlleva una fusión de la composición de una imagen,
aportando las cualidades que interactúan en el color, forma,
punto, movimiento, orden y organización llevando en práctica
los estudios que se implementan en el análisis de la imagen
visual. (Castellano, 2015) (p.177).
Aplicando el uso de estos elementos dentro de las infografías, se
logra comunicar el mensaje de manera clara y atractiva, para que el
público comprenda con facilidad lo que se quiere transmitir e informar y
captando su atención hacia el producto o servicio, un buen diseño no es
el que dice “mírame”, sino “mira esto”.
21
La composición se entiende en el ámbito de la pintura, la fotografía,
el diseño gráfico y la escultura, como el arreglo o la colocación de
elementos dentro de una pieza visual o trabajo de arte, lo cual contribuye
a la respuesta del espectador. Un trabajo es correctamente estético si los
elementos dentro del mismo, se encuentran ordenados de manera
armoniosa y equilibrada que tenga relación con el tema con el que se está
trabajando dentro del diseño.
El término composición significa básicamente “organizar”, dentro de
cualquier obra de arte incluyendo la música o la gastronomía, se
organizan los elementos e ingredientes en base al pensamiento consiente
del ser humano, lo que se incluye está relacionado entre sí y a su vez con
la totalidad del arte, por esto a principios del siglo XX, la composición fue
considerada como principio fundamental del arte europeo.
Se parte de la idea que la composición consiste en organizar
los elementos que aparecen en una imagen (componer es
organizar), después se consideran dos aspectos básicos, tales
como la relación de tamaños entre las figuras y el conjunto de
la composición (la proporción dentro de la composición) y las
dimensiones de la misma (el formato), para después pasar a
estudiar la organización de los elementos dentro de la
composición (Fernández, 2015) (p.18)
Se debe cuidar la forma en la que se elabora el trabajo según las
leyes básicas de composición, ya que todo trabajo gráfico tiene una
composición que debe ser armoniosa visualmente para que el público se
vea atraído e interesado por el producto o servicio del que se informa, no
debe existir una resistencia visual, esto perjudica haciendo confundir al
usuario.
22
Dentro de la composición, existen reglas y principios que son
fundamentales por medio de los cuales se logra alcanzar la composición
convencional dentro de los cuales se encuentra el principio de
direccionamiento, en el que se hace referencia a la secuencia visual que
se le debe dar al trabajo para que el ojo humano sea guiado a través de
todos los elementos de la composición.
También se encuentra el principio del contraste, que son las
tonalidades de color y las diferencias de luminosidad que se incluyen
dentro del cuadro. Otro principio fundamental es el del centro de interés,
que indica que dentro de la composición debe haber un punto de especial
atracción o foco que prevenga que el perceptor no se sepa por dónde
empezar a observar la obra y pierda el interés rápidamente. También
debe hablar sobre la percepción de la imagen, ya que de esta depende la
aceptación del trabajo elaborado por el diseñador, se dice que:
La percepción nos permite identificar todo lo que nos rodea y
al mismo tiempo conocernos a nosotros mismos. En base a lo
anteriormente mencionado, se podría decir que la percepción
es un proceso mediante el cual el sujeto conoce y siente su
entorno, a la vez que va aprendiendo sobre sí mismo.
(Hernández, 2015) (p.1).
Una equivocada percepción o ubicación de los elementos de la
composición lleva al fracaso inminente, la ley del horizonte trata sobre que
no necesariamente se deba dividir el trabajo en dos partes iguales, sino
que debe estar ubicada de tal manera que se pueda diferenciar la parte
del cielo con la del suelo.
23
Otro principio fundamental al momento de realizar una composición
es la simetría o asimetría, que consiste en que la información esté
presentada de la misma manera en ambos extremos del trabajo, tanto de
derecha a izquierda o de arriba y abajo, la información debe estar exacta
para que todo el material se vea simétrico, mientras que la asimetría es
que el peso visual esté distribuido de manera igualitaria a través de todo
el documento, que a pesar de que la información esté presentada por
medio de diferentes figuras con distintas formas, está se vea visualmente
relacionada entre sí.
En toda composición, los elementos que se sitúan en la parte
derecha, poseen mayor peso visual, y nos transmiten una
sensación de avance. En cambio los que se encuentran en la
parte izquierda, nos proporcionan una sensación de ligereza.
Actualmente no existe una composición perfecta, cada
composición dependerá de su resultado final, para esto es
necesario conocer todos los aspectos y formas para obtener
un resultado con un cierto equilibrio. (Carreño, 2015) (p.2).
El equilibrio en ambos casos es alcanzables, sea ordenadamente o
en formas más alternas, sin embargo esto refiere a lo que se ajuste al
momento de realizar una infografía. Se debe tomar en cuenta que en la
actualidad se trabaja más con la asimetría, ya que permite darle más
dinamismo a la manera en que se presenta la información siempre
manteniendo la relación entre los elementos.
La ley de la mirada es otro principio de la composición, en este se
trata el tema del espacio dentro de la infografía, no se debe saturar el
documento de elementos, sino que se debe presentar la información con
los elementos que sean estrictamente necesarios.
24
La infografía propuso que la información se presente con una
simplicidad sintética, más ligada a que esta se trate por puntos, que por
una gran cantidad de texto y de puntos de vista, de han podido apreciar
trabajos infográficos desde el principio de los tiempos, a través de
mensajes realizados con pinturas rupestres, y a medida que se iban
generando nuevos avances tecnológicos en la comunicación, se iban
desarrollando las infografías hasta cómo se las conoce en la actualidad.
A través de programas como lo son Adobe Photoshopt, Adobe
Illustrator, Corel Draw, entre otros, se pueden realizar infografías con
mayor facilidad con que la se las realizaba hace años atrás, estos
avances tecnológicos ayudan a que la comunicación se presente y
distribuya en mayores cantidades y a una gran velocidad, llegando así a
poder realizar un trabajo que sea conocido alrededor de todo el mundo,
ya que se comparte por redes sociales, o conferencias virtuales
realizadas en el ámbito del diseño gráfico y de otras profesiones.
Una infografía es un diseño gráfico que posee una gran
variedad de información, tanto escrita como icónica. En
general el término se utiliza para toda aplicación informática
en diseño gráfico. La infografía es un elemento didáctico que
acerca al lector con mayor sencillez a la información. Siempre
se basa en imágenes, las cuales acompañan a los textos.
(Olmedo, 2014) (p.40)
La infografía no rechaza la atracción de la lectura, sino que la
combina con gráficos, fotografías, ilustraciones e iconos, sumándole así
un valor estético y atractivo para el lector. Existe una clasificación dentro
de las infografías, se pueden separar en 3 grandes categorías de acuerdo
a sus objetivos.
25
Infográficos Científicos o Técnicos: Se los encuentra dentro de
textos netamente científicos y técnicos que informan acerca de la ciencia
por medio de la combinación de texto y gráficos.
Infográficos de divulgación: Estos informan acerca de temas
científicos, de nutrición, de educación, de deportes, de sociedad, entre
otros. Trata temas de conocimiento general que sea distribuido a grandes
masas, nace de la necesidad de que estos sean transmitidos a una
enorme cantidad de personas, es por esto que en enciclopedias, y libros
escolares se muestran iconos referentes a situaciones u objetos
específicos, haciendo más fácil el aprendizaje para el lector.
Este tipo de Infografías, son las que está vinculadas con el
proyecto, ya que el diseñador gráfico busca comunicar a un público
grande, temas de su interés que los mantengan informados, y este tipo de
material gráfico es el que logra esto con mayor facilidad al combinar texto
y gráfico haciendo más comprensible la lectura.
Infográficos periodísticos: Las infografías de este tipo están
relacionadas con hechos o sucesos ya sea a nivel histórico, político o
social, desarrollado como apoyo para la prensa, ya que de manera gráfica
se puede expresar de mejor manera una situación e incluso será más
fácilmente comprendida que si se presentaran hojas explicando un tema
utilizando solo texto.
A continuación se puntualizan los pasos que se deben seguir para
realizar una infografía:
26
1.- Elegir el tema de la infografía: Unos ejemplos de temas que se
pueden tratar en una infografía serían la explicación de un concepto, la
explicación de una tecnología, datos estadísticos, entre otros.
2.- Identificar las fuentes de información: Se debe realizar un
proceso de recolección de datos ya sea de fuentes digitales, libros y
encuestas, correctamente registradas.
3.- Organizar las ideas: Se deben determinar cuáles serán los
temas y subtemas que se van a graficar en el trabajo y descartar los que
sean irrelevantes.
4.- Realizar un boceto: Una vez organizada la información se
aconseja realizar un boceto para definir cómo quedará el trabajo final.
5.- Diseñar la infografía: Al realizar el diseño se debe tener en
cuenta, que debe tener un estilo único, debe ser rica en material gráfico
evitando diseñarla con mucho texto, la combinación de colores debe ir
acorde al tema, la infografía debe ser legible, aplicar el uso de
iconografías que faciliten la comprensión del tema,
6.- Utilizar herramientas: Esto no solo se refiere a herramientas
analógicas, también pueden ser programas digitales e incluso existen
herramientas en internet que pueden servir de guía cuando se está
aprendiendo a hacerlas, ya que contienen plantillas, que facilitan el
trabajo para principiantes.
27
MARCO CONTEXTUAL
La presente investigación tiene como objetivo a la Facultad de
Comunicación Social de la Universidad de Guayaquil, la misma que tienes
sus primeros inicios en el año de 1944 cuando la Universidad Central dio
a conocer el primer curso libre de periodismo cual fue impartido por el
Profesor Emilio García Silva, a partir de esto, fue aprobado el 8 de marzo
de 1945 las primeras escuelas de periodismo en la Universidad de
Guayaquil y Quito, esto fue dado a conocer por parte de la Asamblea
Constituyente y publicado en el registro oficial No. 315 pag. 2610.
El consejo universitario designo al Dr. Abel Romero Castillo como
el primer director de la escuela de periodismo de la Universidad de
Guayaquil. Para el año de 1965 se aprueba la denominación oficial como
escuela de Ciencias de la Información. Hasta que pasa a transformarse
en la escuela de Ciencias de la Comunicación Social en el año de 1967.
Tiempo después se conformó y consolidó la creación de la
Facultad de Comunicación Social por medio del consejo Universitario el 4
de noviembre de 1980, donde se eligió como Decano al Dr. Abel Romeo
Castillo, en el mes de abril de 1981, un año después de la conformación
de la facultad, se llevó acabo la primera reunión de la junta de facultad
para designar como Decana a la Dra. Cumandá Gamboa de Zelaya.
La FACSO con sus más de 30 años de creación ha venido
preparando y capacitando a estudiante de todo el país, en todos estos
años la universidad mantiene una misión clara de formar profesionales
con una sólida preparación en las distintas áreas que la facultad imparte.
28
No se debe dejar de lado los fundamentos democráticos,
científicos, técnicos y humanos utilizando métodos innovadores de
educación y alimentando las ganas de los estudiantes por la investigación
y el desarrollo de sus cualidades. La carrera de Diseño gráfico, pertenece
a la Facultad de Comunicación visual, esta antes se encontraba dentro
del establecimiento de la Unidad de Producciones Tecnológica (UPT) que
se ubicaba en las calles Carchi y Clemente Ballén, donde no solo
impartían Diseño Gráfico, si no también especialidades como Fotografía,
Camarografía y Locución .
A partir del año 2014 la carrera de Diseño Gráfico se reubico en las
instalaciones de la antigua unidad educativa, Colegio “San Judas Tadeo”
que se encuentra en la Alborada Tercera Etapa manzana C1, este
cambio ocurrió a causa de la gran demanda que tiene la carrera, puesto
que la antigua instalaciones quedaron pequeñas a comparación de la
cantidad de estudiantes que tenía inscritos.
En la actualidad la carrera de Diseño Gráfico cuanta con 20 aulas,
2 laboratorios computacionales, un salón audiovisual, un salón de croma,
cafetería, área recreativa, sala de profesores y secretaria. En donde se
sigue llevando las clases con normalidad.
Ubicándonos en los estudiantes de tercer semestre de la carrera
que son nuestro público objetivo de esta investigación queda por sentado
que este proyecto es importante porque ayudara a mejorar las
capacidades de los estudiantes, reforzando los conocimientos que han
adquirido hasta el momento en su vida universitaria, para que así su
desempeño laboral sea mejor y pueda competir con otros diseñadores.
29
Expresando un claro contexto abierto a diferentes factores y
elementos que justifican la problemática ya planteada, los estudiantes son
el punto clave por medio de la cual la institución que los rige se verá
beneficiada de esta misma investigación, realzando el nombre de la
Universidad que es el alma mater que inspira esta investigación.
ANTECEDENTES DE ESTUDIO
Este estudio se ve envuelto en diferentes pero puntuales ramas de
la comunicación visual, conectando lo que son los elementos visuales y
su importancia a la hora de elaborar infografías, por esto se expresa que
el estudio realizado por José Luis Valero Sancho (2001) en su libro “La
Infografía: técnicas, análisis y usos periodísticos”, se asemeja porque él
comunica sobre las técnicas de la elaboración de infografías y el análisis
que aporta al momento de trasmitir la información pero en un área
periodística que es el punto que marca la diferencia con nuestro proyecto.
La infografía es un tema que está siendo utilizando en diferentes
áreas de la comunicación, como la editorial, periodística, grafica,
publicitaria, por tanto este estudio que busca dar a conocer los elementos
que la conforman pero de una forma que se la pueda dirigir a cualquier
campo que se desee.
Los autores Lankow, Crooks y Ritchie (2013) en su libro
“Infografías: el poder del Storytelling visual” el cual habla de la historia, la
importancia y lo útil que es para el desarrollo del Storytelling que no es
otra cosa que una técnica del marketing que busca trasmitir e informar por
medio de una historia visual un propósito específico a los consumidores
logrando conectar con ellos.
30
El proyecto busca que los estudiantes adquieran todas las
herramientas necesarias para la elaboración de infografías y de ese modo
puedan realizar sus propios Storytelling, que no es algo fuera del alcance
de futuros diseñadores, todo por medio de un correcto lenguaje visual
como lo expresa la autora (Acaso, 2012) en su libro “El lenguaje visual”
que está muy relacionado con la composición visual, la comunicación
visual y los elementos visuales que son temas tratados en el marco
teórico de este proyecto, se busca trasmitir que la infografía en tema de
su composición envuelve diferentes factores, que colocados
adecuadamente se obtiene una información asertiva.
FUNDAMENTACIÓN TEÓRICA
El diseño es una disciplina que encierra varios campos entre ellos
están el diseño de modas, el diseño gráfico, el diseño empresarial y entre
otras, para este caso el diseño gráfico es el ámbito que encierra esta
investigación, ya que trata de los elementos visuales, la composición, todo
esto relacionado a la Infografía como medio de trasmisión de información
para el usuario. Se debe tomar en cuenta lo siguiente:
Para ser valorado y resultar valioso, un diseño tiene que
resultar significativo e interesante, para que pueda captar y
mantener la atención del espectador. Por eso ha de ser como
los spots publicitarios, que siempre incluyen historias y
relatos, humor y emoción, morbo y suspense o cualquier otro
gancho emocionante que pueda atrapar y seducir tanto a
propios como a extraños. (Ricard, 2012) (p.1)
Diseño como la palabra lo dice es crear de manera creativa,
original e ingeniosa algo que sea llamativo con un fin y un propósito que
busque trasmitir algún sentimiento o emoción.
31
Como comunica Moya en su libro, el diseño es la creación de una
idea u objeto por medio de datos o experiencias, vividas o recolectadas es
así como e explica que todo lo que vemos, oímos y sentimos se puede
trasmitir por medio del diseño gráfico, aunque en su libro se enfoca a la
historia y como se ha desarrollado este en Latinoamérica deja bien claro
que es y para qué sirve. Por tal medida la infografía que no se aparte de
nada lo antes mencionado ya que en ella trasmitimos una idea por medio
de un objeto físico o digital.
Diseñar no solo es crear, también comunicar en sus diferentes
formas y manifestaciones, por medio de la infografía no solo se comunica,
se trasmite información y dependiendo de la percepción que tenga cada
individuo es como la va a interpretar o comprender, “La percepción es un
componente del conocimiento en donde el sujeto aplica el interactuar con
el mundo objetivo al percibirlo. De esta forma, la percepción está ligada al
lenguaje y es entonces un elemento básico en el desarrollo cognitivo.”
(Hernández, 2015) (p.2). Es así como lo expresa en el libro “introducción
al diseño” en su primer capítulo los autores Herrera y López que la
percepción está sujeta al conocimiento, entender esto y lo que ellos
expresan en su investigación ayuda a entender más claramente cómo
influye la percepción en los individuos.
La composición visual es el entorno al diseño, este puede estar
lleno de diversos elementos que la componen y le dan significado, en una
infografía encontramos estos mismos elementos, denominados también
elementos visuales, que en conjunto a ellos podemos crear una excelente
composición. Recordar que cada composición debe estar sujeta a
diferentes o diversos fundamentos que la respalden y le den un concepto
único y original.
32
Dar un significado estético, lógico y coherente al trabajo, por eso se
debe mantener un orden que en ocasiones no puede ser tan estricto,
pero, siempre debe de estar presente, “Jerarquía son los diferentes
grados de énfasis que se logran en un diseño, determina el peso visual de
una composición, establece espacio y perspectiva y resuelve a donde se
dirige la primera mirada de un diseño.” (Rodriguez, 2013)(P.91). por tanto
es ideal saber dónde queremos que el perceptor centre su atención en el
primer instante de observar el producto.
Color: Es como percibe el ojo a la luz cuando esta rebota en los
objetos y se fragmenta. Dependiendo en que campo se esté utilizando
digital o impreso, este puede dividirse en: colores luz que son el rojo,
verde, azul o mayor mente conocidos por sus siglas en ingles RGB y
colores pigmento que son el cyan, magenta, amarillo, negro o conocidos
por su siglas CMYK.
El color es un elemento básico a la hora de elaborar un
mensaje visual. Muchas veces el color no es un simple
atributo que recubre la forma de las cosas en busca de la
fidelidad reproducida. El color puede llegar a ser traducción
visual de nuestros sentidos, o despertar estos mediante la
gama de colores utilizados. Podemos dar sensación de frio, de
apetitoso, de rugoso, de limpio. (Ricupero, 2012) (p. 13)
La sensación que trasmiten los colores influye de manera positiva o
negativa en el perceptor, por lo que este tema hay que saberlo dominar, el
mal uso de un color en una composición es el inicio de un pésimo trabajo,
se tiene que saber que colores usar para cada trabajo es por esto que
debe elegirse una paleta de colores que esté de acuerdo a la línea grafica
que se escogerá.
33
Forma: Se define a la forma como todo lo que ocupa un lugar en el
espacio, y el ojo percibe en su totalidad, ya que es un conjunto de líneas y
superficies que determinan el contorno o el volumen de una cosa.
Tamaño: Son las dimensiones de los elementos. De manera
general nos referimos a ellas como grande, mediano o pequeño.
Textura: La textura visual es la que percibe el ojo, ya que al tacto
esta sigue siendo lisa, asemeja un material se siente de alguna manera,
como la corteza de un árbol, la piel de un cocodrilo, la madera, el cuero,
etc. “Es la forma en que se exterioriza una superficie y se puede percibir o
tocar. La textura sirve habitualmente para expresar visualmente las
cualidades de otro sentido, el tacto” (Tacuri, 2016) (p.21). Las texturas
digitales se componen de una sucesión de puntos y líneas que dan vida a
las distintas superficies que se acercan lo más posible a lo real.
El arte es una práctica que se lleva a cabo desde que el hombre
descubrió como plasmar sus ideas en la superficie, con el tiempo se ha
dado diferentes corrientes artísticas pero la esencia del arte que es de
expresar las ideas, sentimiento y emociones de artista no ha cambiado,
“las actividades artísticas se remonta desde lo subjetivo hasta lo objetivo.
Lo subjetivo se refiere a la capacidad del artista para ejercer libre y
gratuitamente su actividad; lo objetivo, a su capacidad para expresar la
ley como si estuviera proyectando la naturaleza hacia delante.” (Prada,
2015) (p.46), el autor se refiere a que el arte puede ser libre y plasmar
ideas que estén fuera de nuestra realidad o entendimiento, pero que de
igual manera se sujeta a la realidad existente por medio de creencia que
llevan a pensar en el desarrollo de la humanidad en algo extraordinario.
34
El arte emplea formas, señales y estilos visuales, actualmente el
arte no solo es plasmado en físico, también es digital, “Una infografía
utiliza señales visuales para comunicar información. No necesitan
contener una cierto nivel de cantidad de datos, poseen una cierta
complejidad o presentan un cierto nivel de análisis. Se considera que no
existe algo que se convierta en una infografía.” (J. Lankow, 2013)(p.20).
La infografía sea impresa o digital tendrá el mismo impacto artístico,
creativo e informativo, es una forma artística de presentar la información,
llena de caracteres y gráficos.
La infografía debe diagramarse considerando los distintos
elementos que la conforman, colocando de manera que no se produzca
una resistencia visual para quien observe el trabajo lo llegue a
comprender y entender con solo su lógica y razonamiento.
La infografía comprende dos categorías de actividades:
El análisis o tratamiento de imagen a partir de una
imagen existente.
La síntesis de imagen, que produce por medio del
cálculo de formas, en general realista y estética, pero
también: La manipulación e “iconización” tipográfica y
la construcción de estructuras visuales. (Lankow, 2013)
(p.93)
Las estructuras visuales cumplen con seguir cada parámetro que
desempeña la realización de una infografía, forma, tamaño, color,
simetría, asimetría, espacio, grafico, todo estos son parte de una
estructura definida que da paso a la composición y el lenguaje visual
dentro de un campo digital o impreso.
35
FUNDAMENTACIÓN PEDAGÓGICA
Este proyecto va dirigido a un público adulto y los métodos
educativos utilizados en los niños son distintos a los utilizados en jóvenes,
cada grupo de individuos tienen características propias. El famoso
andragogo Paulo Freire solía decir que “Es necesario desarrollar una
pedagogía de la pregunta. Siempre estamos escuchando una pedagogía
de la respuesta. Los profesores contestan a preguntas que los
estudiantes no han hecho”, lo cual indica que se debe educar de acuerdo
al alumno y no al maestro.
Los niños aprenden solo para aprobar materias, mientras que los
adultos aprenden porque sienten la necesidad de adquirir conocimientos
para poner en práctica en su vida laboral, es por esto que la investigación
tiene un carácter andragógico usando técnicas para informarlos.
FUNDAMENTACIÓN PSICOLÓGICA
El diseño gráfico es un excelente instrumento para analizar y
comprender por qué los mensajes tienen la capacidad de influir la
conducta. Según la psicóloga (Sierra, 2013) “Los diseñadores gráficos
somos ante todo provocadores de sensaciones mediante estrategias que
generen interés del público por su originalidad y su aguda percepción
sobre las emociones psicológicas y sociales de los individuos”.
La psicología del color es una ciencia que se encarga de estudiar lo
que el color provoca en el comportamiento y la psiquis del hombre, se ha
descubierto a nivel médico, que cada color tiene un efecto emocional en
el ser humano, dándole un significado sensorial a cada color en particular.
36
Azul: Es un color frio, y está relacionado con la simpatía, la
armonía y la felicidad, es un color femenino y vinculado a las virtudes
espirituales.
Rojo: Este color provoca en el hombre pasión, amor, odio, peligro y
se lo conoce como el color del consumismo, ya que incita a poseer y por
esto es bastante utilizado en productos como comidas o bebidas.
Amarillo: Por ser un color muy encendido, provoca alegría y
entusiasmo en el ser humano, representa el oro, es decir la vanidad, la
codicia, y en ocasiones las personas lo han relacionado con los celos.
Verde: A través de este color, el ser humano se siente conectado
con la naturaleza y el medio ambiente, simboliza también esperanza,
fertilidad, pero puede provocar sentimientos negativos al relacionarlo con
veneno o con putrefacción.
Negro: Este color incita al misterio, al dolor, representa soledad y
falta de vida y maldad, pero también es elegancia y preferencia social.
Blanco: Es el color de la inocencia, la paz, el invierno, la limpieza.
Utilizado en habitaciones, da la ilusión de que un espacio es más amplio.
Naranjas: Está comprobado que psicológicamente, este color abre
el apetito, así que es ideal para diseños sobre alimentos.
37
Un buen diseño es el que hace pensar al espectador, y entre los
métodos que existen para estimular el pensamiento humano, se
encuentra la conocida “Ley de la Gestalt”, la cual estudia la percepción del
hombre al observar una determinada imagen, esta ley se conforma por
medio de diferentes leyes, las más utilizadas en el diseño son:
Ley de la proximidad: Los elementos que están próximos entre sí,
tienen a percibirse como una sola unidad, como ejemplo de esto se
encuentran las partituras, que se perciben como un solo elemento, siendo
las notas musicales independientes de otras.
Ley de la similitud: Los elementos que se parecen entre sí dentro
de un trabajo, son percibidas como una unidad, es así que se pueden
formar imágenes completas en base a objetos iguales de menos tamaño.
Ley de cierre: Al presentarse objetos que estén incompletos, el
cerebro tiene la capacidad de completarlos y entenderlos. Si se dibuja el
contorno derecho de una guitarra, se completa la otra mitad.
Ley de la continuidad: Esta ley hace referencia a la capacidad
que tiene el ser humano de continuar una secuencia realizada por medio
de puntos, líneas o formas, que no tienen un fin pero siguen un orden
lógico.
Ley de fondo y figura: La figura sobresale, mientras que el fondo
no se destaca ni interfiere con la forma que se desea mostrar.
38
FUNDAMENTACIÓN SOCIOLÓGICA
La comunicación desde el inicio del hombre ha sido fundamental
para poder transmitir sus ideas, y a lo largo de las décadas esta ha sufrido
una serie de cambio a nivel social, tecnológico y político. En el pasado,
las personas que se encontraban muy lejos, se comunicaban por medios
como cartas o telégrafos, en la actualidad esto se ha reemplazado por la
tecnología, como lo son los mensajes de texto, las redes sociales, las
videollamadas, y todo esto tras la aparición del internet.
A nivel político, se han creado leyes para los medios de
comunicación referentes al buen vivir, a la honra y reputación de las
personas y de los derechos que tienen los comunicadores, regido por la
Ley de comunicación de Ecuador.
FUNDAMENTACIÓN FILOSÓFICA
La filosofía es la reflexión que el hombre tiene acerca de la esencia
y propiedades de un tema, a través de la historia muchos pensadores han
expresado ideas que han marcado a la humanidad, uno de ellos es
Sócrates filósofo griego que afirmo que “La verdadera sabiduría está en
reconocer la propia ignorancia”. Los autores concuerdan en que aceptar
que existe un desconocimiento es el primer paso para alcanzar el éxito.
Este proyecto se enfoca al desconocimiento de los estudiantes en
materia de los elementos que conforman la composición visual al elaborar
infografías, por tanto reconocer este hecho será el primer peldaño para
alcanzar el máximo potencial a la hora de crear infografías o cualquier
otro material gráfico.
39
FUNDAMENTACIÓN LEGAL
CONSTITUCIÓN DEL ECUADOR
Capítulo II. Derechos del buen vivir.
Sección tercera
Comunicación e Información
Art. 16.- Todas las personas, en forma individual o colectiva, tienen
derecho a:
El acceso universal a las tecnologías de información y comunicación.
Es de gran importancia que los estudiantes tengan total acceso a
materiales tecnológicos ya que esto aporta al conocimiento del futuro
profesional otorgándole mayor información sobre temas de importancia y
presentados de manera dinámica.
Sección cuarta
Cultura y ciencia
Art. 25.- Las personas tienen derecho a gozar de los beneficios y
aplicaciones del progreso científico y de los saberes ancestrales.
Este artículo de la comunicación está ligado al proyecto ya que los
estudiantes tienen derecho a conocer sobre los temas que fueron
definidos en los inicios de los saberes del diseño, esta información es
presentada de manera digital con lo cual se hace uso de los progresos de
la ciencia y la tecnología.
40
Sección quinta
Educación
Art. 27.- La educación se centrará en el ser humano y garantizará su
desarrollo holístico, en el marco del respeto a los derechos humanos, al
medio ambiente sustentable y a la democracia; será participativa,
obligatoria, intercultural, democrática, incluyente y diversa, de calidad y
calidez; impulsará la equidad de género, la justicia, la solidaridad y la paz;
estimulará el sentido crítico, el arte y la cultura física, la iniciativa individual
y comunitaria, y el desarrollo de competencias y capacidades para crear y
trabajar. La educación es indispensable para el conocimiento, el ejercicio
de los derechos y la construcción de un país soberano, y constituye un eje
estratégico para el desarrollo nacional.
El proyecto se rige a los estatutos de la constitución siendo
incluyente y no discriminatorio bajo ningún concepto, aportando con
información para que los estudiantes tengan mayor cantidad de
conocimiento y sean profesionales de calidad.
Art. 28.- La educación responderá al interés público y no estará al servicio
de intereses individuales y corporativos. Se garantizará el acceso
universal, permanencia, movilidad y egreso sin discriminación alguna y la
obligatoriedad en el nivel inicial, básico y bachillerato o su equivalente. Es
derecho de toda persona y comunidad interactuar entre culturas y
participar en una sociedad que aprende. El Estado promoverá el diálogo
intercultural en sus múltiples dimensiones. El aprendizaje se desarrollará
de forma escolarizada y no escolarizada. La educación pública será
universal y laica en todos sus niveles, y gratuita hasta el tercer nivel de
educación superior inclusive.
41
TÍTULO VII. RÉGIMEN DEL BUEN VIVIR
Capítulo I. Inclusión y equidad
Sección primera
Educación
Art. 343.- El sistema nacional de educación tendrá como finalidad el
desarrollo de capacidades y potencialidades individuales y colectivas de
la población, que posibiliten el aprendizaje, y la generación y utilización de
conocimientos, técnicas, saberes, artes y cultura. El sistema tendrá como
centro al sujeto que aprende, y funcionará de manera flexible y dinámica,
incluyente, eficaz y eficiente. El sistema nacional de educación integrará
una visión intercultural acorde con la diversidad geográfica, cultural y
lingüística del país, y el respeto a los derechos de las comunidades,
pueblos y nacionalidades.
Los principales beneficiarios de la realización de este proyecto, son los
estudiantes, la información está expuesta de manera clara y con su propio
lenguaje, sin discriminación intercultural, interracial, ni de ningún tipo.
Art. 347.- Será responsabilidad del Estado:
Incorporar las tecnologías de la información y comunicación en el proceso
educativo y propiciar el enlace de la enseñanza con las actividades
productivas o sociales.
La Carrera de Diseño Gráfico está ligada a la tecnología ya que en
ella se utilizan programas y aparatos tecnológicos como lo son impresoras
de sublimación, cortadoras, entre otras.
42
LEY DE COMUNICACIÓN
TÍTULO II. PRINCIPIOS Y DERECHOS
Capítulo II. Principios
Art. 10.- Normas deotológicas.
1.- Referidos a la dignidad Humana:
a. Respetar la honra y reputación de las personas.
b. Abstenerse de realizar y difundir contenidos discriminatorios.
El comunicador debe respetar la dignidad de las personas, no debe bajo
ningún concepto referirse de forma despectiva de ninguna persona,
independiente de su color de piel, preferencia sexual, religiosa o
apariencia física.
4.- Relacionados con las prácticas de medios de comunicación social:
i. Asumir la responsabilidad de la información y opiniones que se
difundan.
Queda dictado por la ley que el comunicador es el único
responsable de las información que brinde, esto incluye los temas que
trate en los trabajos que realiza, ya sea físicos o digitales.
43
LEY DE EDUCACIÓN SUPERIOR
Art. 123.- Reglamento sobre el Régimen Académico.-
El Consejo de Educación Superior aprobará el Reglamento de Régimen
Académico que regule los títulos y grados académicos, el tiempo de
duración, número de créditos de cada opción y demás aspectos
relacionados con grados y títulos, buscando la armonización y la
promoción de la movilidad estudiantil, de profesores o profesoras e
investigadores o investigadoras.
Por medio del proyecto se ayuda a los estudiantes que completen
sus créditos con éxitos para la obtención de sus títulos teniendo los
conocimientos necesarios para el campo laboral.
Art. 160.- Fines de las Universidades y Escuelas Politécnicas.-
Corresponde a las universidades y escuelas politécnicas producir
propuestas y planteamientos para buscar la solución de los problemas del
país: propiciar el diálogo entre las culturas nacionales y de estas con la
cultura universal: la difusión y el fortalecimiento de sus valores en la
sociedad ecuatoriana: la formación profesional, técnica y científica de sus
estudiantes. Profesores o profesoras e investigadores o investigadoras.
Contribuyendo al logro de una sociedad más justa, equitativa y solidaria,
en colaboración con los organismos del Estado y la sociedad.
El diseñador gráfico, es un comunicador y como tal puede resolver
problemas de la sociedad informando a la misma de diversas maneras,
para lo cual se deben conocer las teorías básicas de la composición
visual y así la información sea comprendida para el espectador.
44
CAPÍTULO IIl
METODOLOGÍA
DISEÑO DE INVESTIGACIÓN
El diseño de investigación es el medio por el cual el investigador
decide cómo llevar acabo el trabajo, la forma en como recolectará
información para cumplir con los objetivo de estudio, entre ellos están,
cuantitativa, cualitativa y mixta, cada una con sus características propias.
Investigación Cuantitativa: Se refiere a una investigación
enfocada a conseguir datos, numéricos y estadísticos que puedan ser
cuantificados y analizados, que demuestren la existencia del problema.
Estos datos también pueden ser considerados como variables durante
todo el transcurso de la investigación.
Investigación Cualitativa: El diseño cualitativo es enfocado a
recolectar datos no estadísticos por lo que no se pueden cuantificar, está
más relacionada a ser estudios narrativos y de observación dentro de un
contexto real y social, así se define a la investigación cualitativa como
más humanista por tratar de entender la realidad que rodea al objetivo de
estudio.
Investigación Mixta: La investigación mixta es la combinación de
la cuantitativa y cualitativa, reuniendo lo mejor de ambas partes, entrelaza
datos cuantificables con todos cualitativos obtenidos por la percepción del
contexto investigado, por medio de entrevistas, encuestas u observación.
45
MODALIDAD DE INVESTIGACIÓN
La modalidad escogida para este proyecto de investigación será el
Mixto, porque se desea cuantificar datos específicos sobre las variables
planteadas, obteniendo un resultado preciso y claro que ayude a
respaldar lo ya expuesto anteriormente.
Identificar por medio de datos cualitativos la realidad vivida en el
contexto del estudio y de esta manera expresar ideas concretas que
ayuden a lograr el estudio adecuado para este proyecto.
TIPOS DE INVESTIGACIÓN
Teniendo en cuenta los diferentes tipos de investigación y las áreas
en las que se enfoca su estudio y aplicación, se determinó que la más
apegada a este proyecto es una investigación correlacional, esto se debe
a que este tipo de investigación concuerda con los parámetros del
proyecto como lo son demostrar la relación que existe entre la variable
dependiente con la variable independiente, definiendo las causas que
provocan la existencia del problema tratado dentro de la investigación.
Correlacional: La investigación de relación entre las diferentes
variables expuestas, como actúan y afectan la una a la otra, “La
característica más importante de la investigación correlacional es que las
dos variables tratadas son medidas (sin ser manipuladas) y los resultados
son ciertos independientemente del tipo de variable”. (Price, 2017) Se
centra en la causa y efecto, como esto genera la problemática, como hay
una continuidad de relacion entre ambas, donde afecta directo a la
poblacion y se ve reflejada en la muestra de estudio.
46
TÉCNICAS E INSTRUMENTOS DE INVESTIGACIÓN
Es la forma en la cual recolectaremos la información, para que
después pase a ser cuantificada, para esto existen diversas maneras que
pueden ser: por entrevista, encuesta u observación.
Esto dependerá más del diseño que tenga establecido y el tipo de
investigación que se esté desarrollando. Para el efecto de este proyecto
se optara por elegir como técnica de investigación la encuesta, que tendrá
como instrumento un cuestionario de 10 literales utilizando la escala de
“Likert” empleando un modelo que va desde totalmente de acuerdo hasta
totalmente en desacuerdo.
Encuesta: Como se mencionó, es una factible técnica de
recolección de dato de manera directa que busca resolver, afirmar, o
justificar las causas, hipótesis o en si el problema. Existen definiciones
que muestran lo que es una encuesta, para comprender mejor el
concepto se ha citado lo siguiente: “La encuesta es una búsqueda
sistemática de información en la que el investigador pregunta a los
investigados sobre los datos que desea obtener, y posteriormente reúne
estos datos individuales para ser analizados de forma agregada” (Rada,
2015) (p.26). Al ser una herramienta que ayuda a tener datos certeros de
la misma muestra que constituye nuestro estudio, la información es más
precisa y eficaz que cualquier otra, puesto que su aplicación no consume
muchos recursos.
Se hizo uso de este instrumento dentro de la investigación para
obtener datos exactos con respecto a la problemática planteada, su
existencia y la validación de una solución.
47
POBLACIÓN Y MUESTRA
Población: La población es el universo que envuelve a la
investigación, en donde se encuentra el problema estudiado y al cual va
dirigida propuesta que se desee aplicar, “La población de estudio se
define en términos de área geográfica, variables demográficas, variables
relacionadas con el uso del producto o niveles de conocimiento que
tengan las personas objeto de estudio” (Silva, 2014) (p.95).Teniendo en
específico a que nos referimos con población se define que en este
proyecto estará conformada por los estudiantes de la Carrera de Diseño
Gráfico de la Facultad de Comunicación Social perteneciente a la
Universidad de Guayaquil.
Cuadro # 2:
Población
Ítem Informantes Población
1 Estudiantes 647
TOTAL: 647
Fuente: Estudiantes de la carrera de Diseño Gráfico. Elaborado por: Tomas Bazán y Milena Rosales.
Muestra: La muestra es un parte de la población que se elige para
efectuar los diferentes procesos que llevan a la obtención de datos,
reflejando en ella características relevantes para la solución del problema,
“Mientras mayor sea el tamaño de la muestra, mejor precisión de los
resultados”. (Serrano Angulo, 2014). Para este proyecto la muestra
escogida del global de la poblacion son los estudiantes de tercer semestre
de la Carrera de Diseño Grafico de la Facultad de Comunicación Social
de la Universidad de Guayaquil, por que es en ese semestre donde ven la
asignatura de composicion y montaje.
48
Cuadro # 3:
Muestra
Ítem Informantes Muestra
1 Estudiantes 200
TOTAL: 200
Fuente: Estudiantes de la carrera Diseño Gráfico.
Elaborado por: Tomas Bazán y Milena Rosales.
Para esta investigación se aplicó la siguiente formula:
n= 242
n= muestra
N= población
E= margen de error
FORMULA
n=
N
(E)2 (N-1) +1
n=
647
(0,05)2 (647-1) +1
n=
647
0.0025 X 646 + 1
n=
647
2,6175
49
ANÁLISIS DE LOS RESULTADOS DE LOS INSTRUMENTOS
APLICADOS.
1. Conoce el significado de infografía.
Cuadro # 4:
Conocimiento de los estudiantes
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 32 13 %
2 De acuerdo. 31 13 %
3 Me es indiferente. 23 9 %
4 En desacuerdo. 26 11 %
5 Totalmente de acuerdo. 130 54 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico.
Autores: Tomas Bazán y Milena Rosales.
Gráfico # 1: Conocimiento de los estudiantes
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Los resultados de la encuesta reflejan que si existe un
desconocimiento en la mayoría de los estudiantes de diseño gráfico, una
menor cantidad de alumnos respondió que no estaba interesado en el
tema, y el porcentaje restante de encuestados, conoce medianamente el
tema de que se habla.
13%
13%
9%
11%
54%
Conocimiento de los estudiantes
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
50
2. Es necesario que todo diseñador pueda elaborar infografías.
Cuadro # 5:
Importancia de la elaboración de infografías.
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 139 57 %
2 De acuerdo. 54 22 %
3 Me es indiferente. 33 14 %
4 En desacuerdo. 9 4 %
5 Totalmente de acuerdo. 7 3 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico.
Autores: Tomas Bazán y Milena Rosales.
Gráfico # 2: Importancia de la elaboración de infografías.
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Los resultados de la encuesta reflejan que los alumnos si
consideran que es necesario que los diseñadores gráficos sepan realizar
infografías, otros respondieron que están de acuerdo, un porcentaje
menor no está interesado en el tema, y los encuestados restantes
indicaron que consideran que no es nada relevante saber realizar este
tipo de trabajos.
57%22%
14%4%3%
Importancia de la elaboración de infografías.
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
51
3. Es importante conocer los elementos visuales para elaborar una
buena composición.
Cuadro # 6:
Importancia de los elementos visuales.
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 172 71 %
2 De acuerdo. 43 18 %
3 Me es indiferente. 23 10 %
4 En desacuerdo. 3 1 %
5 Totalmente de acuerdo. 1 0 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico.
Autores: Tomas Bazán y Milena Rosales.
Gráfico # 3: Importancia de los elementos visuales.
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Los resultados de la encuesta reflejan que la mayoría de la
muestra encuestada está totalmente de acuerdo con que es importante
conocer sobre los elementos visuales para realizar una buena
composición, otros respondieron que están medianamente de acuerdo, y
los restantes no están interesados o no lo consideran importante.
71%
18%
10%1%
Importancia de los elementos visuales.
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
52
4. Tener en cuenta el espacio, forma y color es relevante para una
buena composición.
Cuadro # 7:
Importancia del espacio, color y forma.
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 167 69 %
2 De acuerdo. 55 23 %
3 Me es indiferente. 20 8 %
4 En desacuerdo. 0 0 %
5 Totalmente de acuerdo. 0 0 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico. Autores: Tomas Bazán y Milena Rosales.
Gráfico # 4: Importancia del espacio, color y forma.
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Se determina por medio de los gráficos que la mayoría de
los encuestados están totalmente de acuerdo con la importancia de estos
elementos para una buena composición, hubieron alumnos que
respondieron que están de acuerdo, otros no están interesados, y el
restante indicó que no eran nada relevantes estos elementos.
69%
23%
8%
Importancia del espacio, forma y color.
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
53
5. Se deben conocer las reglas de la composición en una infografía.
Cuadro # 8:
La composición en la infografía.
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 165 68 %
2 De acuerdo. 49 20 %
3 Me es indiferente. 21 9 %
4 En desacuerdo. 8 3 %
5 Totalmente de acuerdo. 0 0 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico.
Autores: Tomas Bazán y Milena Rosales.
Gráfico # 5: La composición en la infografía.
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Los resultados de la encuesta reflejan que la mayoría de los
alumnos están totalmente de acuerdo con que dentro de la infografía se
deben aplicar las reglas de la composición, otra parte de estos
respondieron que están de acuerdo con la afirmación planteada, algunos
no están interesados en el tema, y pocos se encuentran en desacuerdo.
Ningún estudiante indicó que sea irrelevante conocer estas reglas.
68%
20%
9% 3%
La composición en la infografía.
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
54
6. La infografía, como material gráfico, es de importancia para la
transmisión de información.
Cuadro # 9:
Importancia de las infografías.
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 151 63 %
2 De acuerdo. 46 19 %
3 Me es indiferente. 34 14 %
4 En desacuerdo. 8 3 %
5 Totalmente de acuerdo. 3 1 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico. Autores: Tomas Bazán y Milena Rosales.
Gráfico # 6: Importancia de las infografías.
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Los resultados de la encuesta reflejan que la mayor cantidad
de encuestados están totalmente de acuerdo con que las infografías son
importantes para transmitir información, otros respondieron que están de
acuerdo, algunos no están interesado en el tema, y los encuestados
restantes no lo considera tan importante o nada relevantes.
63%19%
14%3%
1%
Importancia de las infografías.
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
55
7. Estos temas deben ser vistos a mayor profundidad dentro de la
carrera.
Cuadro # 10:
Importancia de profundizar en estos temas.
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 151 62 %
2 De acuerdo. 52 22 %
3 Me es indiferente. 33 14 %
4 En desacuerdo. 6 2 %
5 Totalmente de acuerdo. 0 0 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico. Autores: Tomas Bazán y Milena Rosales.
Gráfico # 7: Importancia de profundizar en estos temas.
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Los resultados de la encuesta reflejan que la mayoría están
totalmente de acuerdo con que dentro de la carrera se deberían
profundizar acerca de la infografía, los elementos visuales y la
composición, hubieron estudiantes que respondieron que están de
acuerdo, y otros no están interesados o no lo considera tan importante.
62%22%
14% 2%
Importancia de profundizar en estos temas.
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
56
8. Cuenta con un material audiovisual que complemente el tema de la
realización de infografías.
Cuadro # 11:
Material audiovisual.
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 24 10 %
2 De acuerdo. 22 9 %
3 Me es indiferente. 30 12 %
4 En desacuerdo. 35 15 %
5 Totalmente de acuerdo. 131 54 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico. Autores: Tomas Bazán y Milena Rosales.
Gráfico # 8: Material audiovisual.
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Los resultados de la encuesta reflejan que los estudiantes
que cuentan con un material audiovisual no los han adquirido dentro de la
institución sino de forma externa, mientras que la mayoría de los no
cuenta con algún material de apoyo que se refiera a estos temas, por otro
lado, existen alumnos que no están interesados en el tema.
10%9%
12%
15%
54%
Material audiovisual.
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
57
9. Es necesario contar con un material audiovisual que complemente
el tema de la realización de infografías.
Cuadro # 12:
Importancia de material audiovisual.
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 148 61 %
2 De acuerdo. 60 25 %
3 Me es indiferente. 23 9 %
4 En desacuerdo. 7 3 %
5 Totalmente de acuerdo. 4 2 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico. Autores: Tomas Bazán y Milena Rosales.
Gráfico # 9: Importancia de material audiovisual.
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Los resultados de la encuesta reflejan que la mayoría de
encuestados consideran importante tener un material audiovisual que los
ayude a comprender este tema, otros indicaron que están de acuerdo,
algunos no están interesados en el tema, y los restantes no lo consideran
tan importante o no piensan que sea relevante.
61%25%
9% 3%2%
Importancia de material audiovisual.
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
58
10. Una infografía animada que trate sobre los elementos visuales
dentro de las infografías, ayudará a los estudiantes a realizar
infografías mejor elaboradas.
Cuadro # 13:
Diseño de material audiovisual.
N° Detalle Frecuencia Porcentaje
1 Totalmente de acuerdo. 164 65 %
2 De acuerdo. 56 22 %
3 Me es indiferente. 30 12 %
4 En desacuerdo. 2 1 %
5 Totalmente de acuerdo. 0 0 %
TOTAL 242 100%
Nota: Se realizó la investigación a los alumnos de la carrera de diseño gráfico.
Autores: Tomas Bazán y Milena Rosales.
Gráfico # 10: Diseño de material audiovisual.
Fuente: Estudiantes de la carrera de diseño gráfico.
Análisis: Los resultados de la encuesta reflejan que la mayoría de
los encuestados si consideran que un material audiovisual los ayudaría u
orientaría a realizar mejores infografías, otra gran parte están de acuerdo,
y algunos no están interesados en el tema o no creen que ayudaría.
65%
22%
12% 1%
Diseño de material audiovisual.
Totalmente de acuerdo
De acuerdo
Me es indiferente
En desacuerdo
Totalmente en desacuerdo
59
RESPUESTA A LAS INTERROGANTES DE LA INVESTIGACIÓN
1.- ¿Existe el desconocimiento en el estudiante sobre la infografía?
Por medio de las encuestas se ha confirmado que si existe
desconocimiento acerca de este tema en los estudiantes de la carrera de
Diseño Gráfico de la Facultad de Comunicación Social de la Universidad
de Guayaquil.
2.- ¿Hay escases de información sobre la infografía en la carrera de
Diseño Gráfico?
La mayoría de los estudiantes encuestados indicaron que no
cuentan con material informativo acerca de la infografía dentro de la
carrera, aquellos que si cuentan con un material parecido lo han adquirido
de manera de independiente fuera de la institución y no siempre logran
despejar todas sus dudas porque no encuentran la información que
necesitan, además se debe tomar en cuenta que todos se educan de
manera autónoma, lo cual puede depender de diferentes motivos como no
contar con fácil acceso a internet, insuficiencia económica o en muchos
casos despreocupación.
3.- ¿Es importante para un diseñador gráfico conocer sobre los
elementos visuales?
Si, ya que este es principalmente un comunicador gráfico cuyo
trabajo es mostrar una información de manera visual, y los elementos
visuales son la base de todo diseño, sin la existencia de estos en un
trabajo no se puede lograr una comunicación visual porque no existirían
los gráficos e incluso los textos, ya que uno de los elementos visuales son
las líneas y el texto está hecho en base de líneas.
60
4.- ¿Los estudiantes deben conocer todo acerca de la composición
visual?
Luego de realizar una investigación exhaustiva acerca de la
composición y su vinculación con el diseño gráfico, se ha determinado
que si es necesario que los estudiantes conozcan sobre el tema, ya que
por medio de la composición se organizan los elementos dentro de la
infografía y demás trabajos gráficos para que exista una secuencia visual,
que oriente la mirada del espectador a través de la información expuesta
en aquel material elaborado, de tal manera que la información pueda ser
comprendida con facilidad y que además sea llamativa, así este se
interesará en el producto y se detendrá a observar no solo su diseño sino
también el tema que se esté presentando, logrando así una óptima
transmisión de información y evitando la resistencia visual e indiferencia
de parte del público al que se dirige el trabajo.
5.- ¿La infografía es un medio altamente usado en el campo laboral?
La infografía ha sido siempre utilizada de manera muy activa, y en
la actualidad no solo sigue siendo así, sino que gracias a los avances de
la tecnología y la comunicación, y los cambios sociales, ahora son uno de
los materiales gráficos más a nivel empresarial, informativo y educativo,
debido a la facilidad con la que se muestra la información por medio de
este material, de manera visual y con poca cantidad de texto.
6.- ¿El problema investigado afecta de alguna manera al estudiante?
Si, ya que al desconocer sobre estos temas, los estudiantes
realizan trabajos que generan resistencia visual, lo que provoca que el
espectador no comprenda la información que se le muestra ni se sienta
atraído hacía el mismo y simplemente ignore el trabajo.
61
7.- ¿El problema afecta de manera social y cognitiva a la población?
Un diseño mal elaborado podría no solo crear una aversión de
parte del espectador hacia el tema o incluso producto presentando en
dicho trabajo, lo que causaría que una empresa baje significativamente
sus ingresos o hasta quede en bancarrota, sino que también podría
generar confusión masiva en la población, un diseñador debe ser
consciente y responsable sobre la información que presenta y la manera
en que lo hace, por lo que se afirma que el problema si es de interés
social e influye en la parte cognitiva de la población.
8.- ¿Quiénes son los que se benefician directamente con la
propuesta?
Los estudiantes son los principales beneficiarios puesto que
conocer acerca de los elementos visuales y la composición visual, lo
ayudará a crear trabajos con una adecuada elaboración y así
posicionarse en el campo laboral, y la población ya que si los estudiantes
realizan trabajos óptimos, el público podrá informarse claramente.
9.- ¿Los docentes serán beneficiados con el proyecto?
Se verán beneficiados los docentes al contar con un material
audiovisual que complemente sus clases y que ayude con el crecimiento
no solo académico sino también profesional del estudiante.
10.- ¿El proyecto ayuda a dar solución al problema tratado?
Si, ya que por medio de este material audiovisual, los estudiantes
despejarán sus dudas acerca del tema y conocerán estos a profundidad.
62
CAPÍTULO IV
PROPUESTA, DESCRIPCIÓN DEL PROYECTO
TÍTULO DE LA PROPUESTA
Creación de una animación multimedia que informe acerca de la
aplicación de la composición visual en la Infografía.
JUSTIFICACIÓN
La investigación se realizó en base al desconocimiento que existe
en los estudiantes de la carrera de Diseño Gráfico de la Facultad de
Comunicación Social de la Universidad de Guayaquil sobre los elementos
visuales y la composición lo que los lleva a realizar infografías deficientes
y pobres tanto visualmente como en su contenido, que no cumplen su
función de informar al espectador y atraerlo al tema que se presenta, es
por esto que se propuso diseñar y elaborar un material audiovisual que
les dé información acerca de estos temas y los oriente a realizar
infografías de calidad, con un enfoque práctico y directo, entendible y
utilizable.
Utilizar el producto audiovisual facilitará y reforzará el aprendizaje
para los estudiantes de la carrera de Diseño Gráfico, por motivo de que el
usabilidad de este material es de forma práctica ya que puede ser
expuesta en los salones de clase, como material didáctico para los
estudiantes, también se puede distribuir de manera físico por medio de un
CD o de manera digital sea por un portal web, pendrive o cualquier otro
medio dedicado a la trasmisión de información de datos.
63
FUNDAMENTACIÓN
La necesidad del hombre por compartir sus ideas lo llevo a crear
varios procesos para comunicarse, desde la antigüedad, que lo hacían
por medios de gestos, señas, y pictogramas realizados en las cuevas
donde contaban su día a día, su historia y su forma de ver las cosas, todo
esto fue evolucionando con el hombre, en la actualidad existe diversos
métodos de comunicación, que va desde una comunicación auditiva,
escrita o visual. La comunicación visual está compuesta de elementos
como lo son el punto, la línea, las figuras, iconos, colores, entre otras y el
conjunto de estas expresan un ideal, noticia, producto, sentimientos o
emociones del emisor en cuestión.
Los elementos conforma la composición visual que de igual manera
esta tiene fundamentos como lo son las formas que se refiere a los
gráficos, el espacio donde cada grafico se ubicara, el color como
trasmisor de sensaciones, la simetría o asimetría que da el equilibrio a los
diversos elementos de una composición.
La infografía es una técnica que nos permite informar gráficamente
un pensamiento o idea sobre un tema específico, para poder realizar o
elaborar una, se tiene que tener conocimientos sobre todo lo antes
mencionado, dentro del ámbito de la infografía se puede constar de una
clasificación, esta se pueden dividir en 3 categorías de acuerdo a sus
objetivos y practica:
Infografías de carácter Científicos o Técnicos.
Infografías de divulgación o trasmisión de ideas.
Infografías periodísticas de carácter profesional para la circulación
de noticias y publicidad.
64
Las herramientas multimedia.- Para hablar del tema primero se tiene
que saber que multimedia es el conjunto de gráfico y textos ordenados,
animados y presentado de manera digital, para ellos existen diversos
instrumentos como programas de edición de videos, plataforma de
programación, convertidores de video y texto, buscadores web,
aplicaciones móviles, hardware y software de diseño, reproductores
digitales, y entre otras variados equipos.
Las Herramientas multimedia se ven inmersas en el aprendizaje, con
ellas se crea material didáctico para simplificar labores, “Las tecnologías
de la información y de la comunicación (TIC) son la palanca principal de
transformaciones sin precedentes en el mundo contemporáneo”
(Carneiro, 2013) (p.15). Por tanto son un apoyo visual, interactivo,
dinámico, útil e interesante para los estudiantes, capta su atención con
diversas animaciones o escenarios, lleva a que los estudiantes participen
dentro del material audiovisual que se les presente.
Estas son de utilidad primordial al querer crear una infografía sea esta
una imagen estática o en movimiento, puesto que por medio de ellas se
realizan diferentes materiales gráfico, informativos y audiovisuales, hay
que tener en cuenta que “con el apoyo de las herramientas multimedia
dentro del campo educativo los estudiantes tienen acceso a una extensa
gama de información ofrecida por la sociedad del conocimiento” (Cardozo,
2013) (p.33). Con estas herramientas se tiene un mundo de posibilidades
y beneficios, teniendo un correcto uso de ellas crearas material novedoso,
llamativo e ingenioso para tu público objetivo. En conjunto con los
elementos visuales, la composición y las herramientas multimedia
elaborar una infografía es solo cuestión de visión, creatividad y ganas de
trasmitir tus ideas al mundo.
65
OBJETIVOS
Objetivo General:
Orientar a los alumnos de Diseño Gráfico acerca de la composición
visual por medio de una animación multimedia, para que realicen
infografías mejor desarrolladas.
Objetivos Específicos:
Definir la función de los elementos visuales dentro de una
infografía para que sea estéticamente correcta.
Mostrar la importancia de la composición visual en una infografía.
Detallar los pasos que se deben seguir para realizar una infografía.
Crear una animación multimedia sobre estos temas.
IMPORTANCIA
La realización de una infografía animada en 2D (Mothion Graphic),
será de ayuda para el aprendizaje de los alumnos ya que se profundizará
acerca de los elementos visuales, los principios de la composición y como
esto se debe aplicar dentro de una infografía para que ésta sea llamativa
y comprensible.
Será atractivo para los estudiantes aprender por medio de un video
interactivo que, con imágenes y sonidos, les muestre la información de
manera interactiva y no monótona o aburrida, esto hará que se interesen
más en el tema, además en caso de tener alguna duda con respecto al
tema, podrán solicitar el proyecto y reproducirlo las veces que lo
necesiten hasta comprender toda la información brindada.
66
UBICACIÓN SECTORIAL Y FÍSICA
La propuesta será aplicada en Carrera de Diseño Gráfico de la Facultad
de Comunicación Social de la Universidad de Guayaquil ubicada en la
ciudadela Alborada, tercera etapa (manzana C1).
Ubicación - Croquis
Fuente: Google maps.
FACTIBILIDAD
El proyecto de la propuesta se considera factible ya que siendo un
material audiovisual, se cuenta con los recursos necesarios que son los
programas de Adobe Illustrator y Adobe After Effects, y podrá ser
reproducido en cualquier dispositivo digital, lo cual lo hace de fácil acceso
para los estudiantes y docentes que tengan la disponibilidad del
laboratorio o para verlo en sus casas.
67
ALCANCE DE LA PROPUESTA
A lo largo de los años se han utilizado dentro de las clases,
diferentes materiales tecnológicos y audiovisuales que complementen el
proceso de enseñanza como un apoyo para el crecimiento académico y
profesional de los estudiantes, este proyecto en particular del diseño y
elaboración de un material audiovisual, fue creado con el fin de orientar a
los estudiantes de la carrera de Diseño Gráfico acerca de los elementos
visuales y la composición, con esto se busca que los estudiantes tengan
el conocimiento necesario para elaborar óptimas infografías y así tengan
mayores oportunidades de competir en el campo laboral.
Usabilidad: Se crearán herramientas multimedias como videos de
animaciones que estén vinculadas a un menú que ayudarán a
comprender los temas que se plantean para que el estudiante pueda
revisarlo en clase o en casa reforzando así sus conocimientos, podrá ser
utilizado por todos los estudiantes de la carrera de Diseño Gráfico
independiente del semestre en que se encuentre, ya que cualquiera
puede despejar sus dudas por medio de este proyecto.
Descriptores: Medios educativos multimedia – Refuerzo académico
– Apoyo audiovisual – Talleres prácticos.
Temporalidad: La propuesta planteada se ha desarrollado bajo
una estrategia de comunicación audiovisual educativa o pedagógica hace
referencia a la comunicación de carácter profesional, en donde los
principales interventores son los docentes y los estudiantes que, trabajan
para el crecimiento y desarrollo de los futuros profesionales, además se
realizó un estudio de mercado con el fin de conocer las características de
los alumnos para así determinar el enfoque que se le daría al proyecto.
68
En base al estudio del público objetivo, se desarrolló un material
interactivo, llamativo, educativo y que contiene la información que lo
estudiantes requieren conocer, los docentes al utilizar el material
interactivo dentro de la clase, indicarán también a los estudiantes que
pueden solicitarlo en la institución cuando lo consideren necesario ya que
es realizado para ellos.
Se buscó que la información sea comprendida durante la
presentación del tema de la infografía, que es un tiempo estimado de 1
mes dentro del tercer semestre de la carrera.
Percepción de imagen: Este material audiovisual servirá de apoyo
para los estudiantes ya que reforzará los conocimientos adquiridos dentro
del aula, así podrán despejar cualquier duda y sentirán la seguridad de
conocer a profundidad acerca de este tema. Se determinó que el
posicionamiento de marca de este proyecto se basaría en el beneficio que
aporta el mismo, su ventaja diferencial consiste en ser el único material
audiovisual propio de la institución, que contiene información detallada y
profunda acerca de la infografía y como se aplican en estas los elementos
visuales y la composición, lo cual es necesario saber para un diseñador
gráfico como comunicador visual.
En este caso el beneficio es la información brindada que lo ayudará
a crecer profesionalmente por medio de trabajos correctamente
elaborados que lo harán crecer no solo a nivel académico, sino también a
nivel profesional, pudiendo así generar para sí mismo mejores
oportunidades laborales ya sea dentro de una reconocida empresa, como
también de manera independiente, es decir como Freelancer.
69
Valores didácticos: La propuesta está dirigida a un público mayor
de edad, y siguiendo los lineamientos de la educación para adultos o
mejor conocida como la andragogía, la cual indica que el adulto se educa
por la necesidad de aprender y contar con un material digital de apoyo,
ayudará con su crecimiento y desarrollo profesional ya que podrá
reproducirlo las veces que él lo requiera.
El trabajo propuesto es ergonómico, ya que envuelve el contexto al
que se está dirigiendo y expresa correctamente el uso de los elementos
visuales y la composición dentro de la infografía, dando a conocer de
manera clara la estrecha relación que debe existir entre ambos y también
entre el perceptor y el emisor.
Contará con menú que le facilitará la reproducción del video en
donde podrá escoger el tema que el necesite sin tener que ver el video
completo hasta llegar a ese punto, se desarrolló el material audiovisual de
manera dinámica, comprensible para que sea útil para el estudiante. El
material contiene también secuencias de imágenes organizadas con
sentido lógico, con buena definición y resolución, además maneja poca
cantidad de texto que está presentado de manera que sea fácilmente
legible para el perceptor y que así no se produzca una resistencia visual.
Se hizo uso de una limitada cantidad de texto con una tipografía
redonda, legible y sin serifas (Century Gothic), con la intención de que el
proyecto comunique de forma visual e interactiva por medio de fondos
que generen un contraste adecuando de colores con la información, para
que este resalte y tenga la relevancia que corresponde, lo cual facilita la
legibilidad al espectador evitando que este pierda el interés en el tema.
70
Personalidad gráfica: La propuesta proyecta una imagen
dinámica e interactiva sin perder formalidad ya que es un material
académico, el texto se presenta de manera simple, es decir sin adornos
que puedan dificultar de alguna manera la lectura, son dos los personajes
que van desglosando la información a lo largo de la animación, los cuales
representan a los autores del proyecto, los colores serán planos, sin
degradados, y tendrá gráficos minimalistas serios mostrando así que el
proyecto forma parte de la institución. El nombre del material audiovisual
es “Apoyo Multimedia sobre Elementos Visuales, Composición e
Infografía” y el contenido es netamente académico.
Fundamento Técnico: El proceso de producción para la creación
del proyecto, se realizó de la siguiente manera:
- Creación de la imagen de la marca del proyecto.
- Elaboración del Storyboard previo a la animación.
- Elaboración del guion.
- Definición de la línea gráfica.
- Diseño de los personajes. (Análogos y digitales)
- Realización de bocetos de los gráficos.
- Ilustración digital de los personajes, gráficos y escenarios.
- Grabación de los audios a utilizar (Voz en off, música de fondo y
efectos de sonido.
- Elaboración de la animación 2D.
- Diseño del menú principal.
El trabajo fue realizado en base a la técnica de animación “Motion
Gráphic“, la cual consiste de darle vida a gráficos estático a través de
herramientas técnicas como programas digitales, para esto se hizo uso de
programas como Adobe Illustrator y Adobe After Effects.
71
Expresión artística: El usuario se caracteriza por ser un público
joven, creativo y con conocimientos acerca del diseño gráfico, muestra
interés en nuevos temas que le son desconocidos y se familiariza con
medio digitales, programas de diseño, materiales interactivos y
plataformas educativas en línea, sus tiempos libres los dedican a la
música, la lectura, el dibujo, la pintura y otras actividades relacionadas
con el arte o el deporte. Utilizan con frecuencia redes sociales en donde
interactúan con otros usuarios compartiendo información de interés
común entre ellos.
Se desarrolló la propuesta con una tendencia minimalista en cuanto
a gráficos y detalles, si excesiva cantidad de texto o elementos, para que
de esta manera la información sea de fácil comprensión, el hecho de
colocar demasiado peso visual provocaría una resistencia visual de parte
del espectador lo que lo llevaría a confundirse o perder el interés, es por
esto que se trabajó con la cantidad exclusivamente necesaria de
elementos para evitar distracciones con objetos irrelevantes que puedan
perjudicar de alguna manera la comprensión de la información.
La manipulación análoga dentro del proyecto, se ve reflejada en los
elementos que se ilustraron para la presentación y explicación del tema,
se crearon iconos que representan objetos que se encuentran en la vida
cotidiana para la elaboración de los diferentes escenarios y temas
específicos, ya que se logra una mejor compresión de la información, si
se involucran dentro de la animación, elementos que los usuarios pueden
identificar con facilidad. Para poner un ejemplo, los personajes
presentadores de la animación, son ilustraciones análogas debido a que
fueron realizadas basándose en la apariencia física de los autores del
proyecto, se crearon de manera estática para luego proceder a animarlos.
72
DESCRIPCIÓN DE LA PROPUESTA
Se desarrolló un material audiovisual con la finalidad de aportar a
los conocimientos de los estudiantes, dentro de este material se
encuentra una animación 2D, en la cual se informa acerca de 3 temas, los
elementos visuales, la composición y la infografía, siendo el último el tema
principal.
Misión: Implementar un material audiovisual que enseñe el arte del
lenguaje visual, los elementos y su composición para la creación de
infografías en los estudiantes de la carrera de Diseño Gráfico.
Visión: Impregnar en los estudiantes un conocimiento claro de que
son los elementos visuales, la composición y la infografía para que se
desenvuelvan de forma creativa, original, clara y especifica en el campo
laboral.
Beneficiarios: Los principales beneficiados son los estudiantes
que podrán contar con un material de apoyo que refuerce los
conocimientos adquiridos en clases, también los docentes que por medio
de este podrán despejar las dudas en sus alumnos, y por último la
institución que contará con un material autónomo de la universidad.
Impacto Social: La propuesta genera un impacto social no solo a
nivel educativo implementando un nuevo material académico para los
estudiantes, sino también a nivel social, ya que por medio de este se
educa a los estudiantes para que sus infografías sean optimas y logren
que la información sea comprendida por los espectadores.
73
DESCRIPCIÓN DEL USUARIO O BENEFICIARIO
La propuesta está dirigida a un público objetivo-lector. Según el
aspecto sociodemográfico bajo el cual se basó la clasificación del target al
que va dirigido el proyecto de propuesta, se ha definido que el público
objetivo serán los estudiantes de la carrera de Diseño Gráfico de la
Facultad de Comunicación Social, los cuales se encuentran entre los 18 y
26 años de edad aproximadamente, el proyecto se aplicará tanto para
hombres como para mujeres ya que el alumnado está conformado por
una cantidad igualitaria de estudiantes de ambos géneros que pertenecen
a una clase social media en donde no todos cuentan con un ordenador de
alta gama.
Estos alumnos tienen como principal característica la creatividad,
además de ser muy curiosos, activos e impacientes en algunas
ocasiones, es por esto que se ha considerado como mejor opción para su
aprendizaje, un material audiovisual que explique de manera interactiva,
llamativa y a la vez sencilla, uno de los temas de estudio que existen
dentro de la carrera, por medio de este material de apoyo, el aprendizaje
será optimo ya que, al informar por medio de colores, formas, sonidos y
poco texto, no lo encontrarán aburrido ni monótono, así se mantendrán
concentrados y sin perder el interés.
Se debe tomar en cuenta que actualmente nos encontramos en
una era digital en la cual los libros han sido sustituidos por aparatos que
son más prácticos e interesantes para transmitir una información, como lo
son las laptos, las tablets, los proyectores, los teléfonos celulares, entre
otros, por lo cual un material de apoyo audiovisual será más atractivo para
los estudiantes y podrá reproducirse en cualquiera de estos dispositivos y
las veces que ellos lo necesiten para tener claro el tema.
74
ETAPAS DE DESARROLLO
La idea: Una vez analizadas las necesidades del estudiante de la
carrera de Diseño Gráfico de tener un material con el cual contar al
momento de querer despejar una duda acerca del tema de la infografía,
se determinó un archivo multimedia sería lo indicado ya que siendo un
público joven y creativo, se interesa más en las áreas digitales. Teniendo
ya establecido el tipo de material educativo que se realizaría, se procedió
a su desarrollo en donde se organizaron los temas en un menú inicial
siguiendo una secuencia de prioridades, en primer lugar se habla de los
elementos visuales, luego la composición y por último la infografía, dentro
de los cuales se encuentran diversos sub-temas. Se hizo uso de
imágenes exclusivamente para mostrar ejemplos, la cuales muestran
trabajos autónomos de los autores del proyecto, cada una referente al
tema que se está presentando. El texto es limitado ya que la información
se presenta mayormente por medio de gráficos, formas, colores y voz en
off que va guiando a medida que avanza el video.
La tipografía con la que se trabajó es Century Gothic, por su forma
redondeada y sin serifas que la hace fácilmente legible además de ser
bastante formal y dinámica a la vez, teniendo así relación con el proyecto,
se evitó poner ningún tipo de adornos al texto para que no interfiera con la
transmisión del mensaje, el cual debe ser lo más directo y claro posible.
Se realizaron bocetos a lápiz de los gráficos que se utilizarían
dentro de la animación, incluyendo los personajes, escenarios y otros
elementos de recurso como balones, banderas, iconos, etc., y
posteriormente fueron ilustrados y colorizados de digitalmente, e
importados en un programa para desarrollar su animación, todo este
proceso en conjunto otorga al estudiante los conocimientos que requiere.
75
Presupuesto: Se determinan los gastos realizados para la
elaboración del proyecto de propuesta de la investigación, detallando
cada una de las etapas de su desarrollo realizado tanto a mano como de
manera digital.
Cuadro # 14:
Presupuesto.
Etapas de Producción
Descripción Modo de
Cobro Duración Costo
Etapa Inicial
Papelería, marcadores, lápices, etc.
Valor Fijo 2 semana $600
Creación de la marca.
$30 x hora 10 horas $300
Guión. Valor Fijo 3 días $200
Storyboard. 30 x cuadro 24 cuadros $740
Ilustraciones análogas.
$10 x c/u 100
ilustraciones $1.000
Etapa Intermedia
Línea gráfica $10 x hora 10 horas. $100
Estudio de grabación.
$20 x hora 30 horas $600
Animación $150 x minuto
2 minutos $300
Ilustración digital $10 x c/u 100
ilustraciones $1.000
Etapa Final Desarrollo del menú $100 x menú
Menú principal 3 submenús
$400
CD´s $2 x CD 3 CD’s $6
Otros
Alimentación $5 por día 2 semanas
(2 personas) $140
Transporte $1,20 por día 2 semanas
(2 personas) $34
TOTAL: $5.420
Fuente: Tomas Bazán y Milena Rosales. Elaborado por: Tomas Bazán y Milena Rosales.
76
Imagen de marca:
Gráfico # 11: Logotipo de la propuesta.
Fuente: Tomas Bazán y Milena Rosales. Elaborado por: Tomas Bazán y Milena Rosales.
En el diseño del logotipo se pueden observar las siglas del nombre
del proyecto ordenadas de tal manera que forman una nueva palabra,
está compuesta de dos colores los cuales representan la línea gráfica del
proyecto y en la parte inferior se encuentra el nombre completo del
material audiovisual que se creó para la propuesta. El tipo de marca es un
isotipo, el cual se caracteriza por estar conformado únicamente por texto.
Dentro de los aspectos técnicos se determinó que bajo ningún
concepto se puede alterar el orden los elementos, el logo debe apreciarse
como se lo creó, las siglas en la parte superior y el nombre del proyecto
en la parte inferior.
Identidad de marca: La identidad de la marca se basa en ser de
carácter académico, es por esto que se evitó poner demasiados
elementos dentro del logotipo, se enfoca en mostrar una imagen seria,
simétrica pero a la vez espontánea y creativa, ya que va dirigido a
jóvenes. Se utilizó la tipografía de “Miriad pro” ya que es formal y
fácilmente legible por no contener serifas o ningún tipo de adornos que
dificulte la lectura.
77
Interactividad: La estructura del material audiovisual, consta de un
menú que mostrará los temas que se desarrollan dentro de la animación,
para que así el usuario pueda encontrar de manera sencilla lo que desea
visualizar sin ver el video hasta llegar al tema deseado si así lo desea, el
menú contiene 4 botones, el primero lleva el nombre de “Play”, en el cual
al darle clic, se reproducirá la animación completa, el segundo botón lleva
el nombre de “Elementos Visuales” en donde se podrá observar el primer
tema, el tercer botón es el del tema de “Composición Visual”, al darle clic
a este botón la animación se reproducirá a partir de este tema, y en el
cuarto y último botón, se encuentra el tema de “Infografía”.
Formatos: El proyecto fue desarrollado en una resolución de
1080x720 pixeles conocido como Full HD y se exportó en formato “.avi”
que puede ser fácilmente reproducido en cualquier dispositivo digital
multimedia, las imágenes que se utilizaron para los ejemplos son formato
“.jpg” ya que no tienen ningún tipo de transparencia. Los sonidos creados
para la animación se desarrollaron en un estudio de grabación y se
exportaron en formato “.mp3”, que se reproduce en cualquier dispositivo.
Descriptores gráficos:
Tipografías: Miriad pro y Century Gothic.
Colores: Se trabaja con fucsia y azul en el logo, gran variedad de colores
en el proyecto y colores pardos para los personajes.
Imágenes: Para mostrar ejemplos referentes a cada tema.
Gráficos: Que representarán el entorno del usuario para que este sienta
identificado.
78
ESPECIFICACIONES FUNCIONALES
Interactividad: Es interactivo cuando existe una interacción entre
el proyecto y el estudiante, también con el docente. El proceso para la
creación de la propuesta inicia desde el boceto que se hizo para los
personajes de la animación, la creación del Storyboard que ayuda a la
secuencia de las escenas. En la animación interactúan dos personajes
que hacen de instructores, cada uno es reflejo de los autores.
La interfaz de la propuesta constará de un menú principal con tres
submenús por cada tema que se trata dentro de la materia audiovisual. La
organización que se eligió para la propuesta es de estructura radial que
consiste en que la página del menú principal se conecta con las
secundarias, pero los menús secundarios no tienen un botón o enlace a
los demás submenús, solo consta de un retorno a la página principal. Con
el motivo que el usuario llegue directamente a lo que necesite.
Gráfico # 12: Estructura radial.
Fuente: Tomas Bazán y Milena Rosales. Elaborado por: Tomas Bazán y Milena Rosales.
Menú principal
Submenú 1
Submenu 2
Submenú 3
79
La animación lleva una paleta de colores pasteles, combinados
para dar una sensación de tranquilidad y armonía a la serie de imágenes
que se muestran, quitando de esta manera la parte tediosa de aprender y
dejando un medio de aprendizaje amplio y explicativo impregnando en el
usuario la satisfacción que desea y lo lleva a emplear lo asimilado en
trabajos de su propia autoría.
Menú principal
Gráfico # 13: Menú principal de la propuesta.
Fuente: Tomas Bazán y Milena Rosales.
Elaborado por: Tomas Bazán y Milena Rosales.
Es la página de inicio, será lo primero que verá el estudiante o
usuario en el material. En esta parte no se mostrarán grandes rasgos del
contenido, solo los títulos del material. El menú principal está conformado
por 2 conjuntos de elementos, gráficos y botones interactivos.
80
Gráficos.- Un conjunto de 3 elementos, el primero ubicado en la
parte superior es referente al logo que identifica la imagen de esta
propuesta, los otros dos corresponden a la representación gráfica de los
autores, para que hagan de personajes en proyecto, ubicados a los
costados respectivamente.
Botones.- Parte interactiva del menú que permite navegar entre las
opciones, el botón 1 que se identifica por ser de mayor tamaño y de color
azul, denominado “Play” que sirve para reproducir todo el material
multimedia. Los siguientes 3 botones de igual tamaño, cada uno con sus
respectivos nombres de acuerdo al tema al que están enlazados;
elementos visuales, composición visual e infografía, estos son los
conectores a los submenús.
Submenú 1
Gráfico # 14: Submenú 1 - Elementos visuales.
Fuente: Tomas Bazán y Milena Rosales. Elaborado por: Tomas Bazán y Milena Rosales.
81
El submenú 1 se refiere al tema de los elementos visuales, en este
submenú se mantiene el fondo, pero los demás elementos cambian, el
título en su parte superior, un botón en la parte izquierda y un gráfico del
personaje masculino en cuerpo completo al costado derecho, en la parte
inferior un botón interactivo en forma de casa que ayudara al usuario
retornar al inicio.
Submenú 2
Gráfico # 15: Submenú 2 - Composición visual.
Fuente: Tomas Bazán y Milena Rosales. Elaborado por: Tomas Bazán y Milena Rosales.
En el submenú dos se mantiene la línea gráfica, esta sección se refiere a
la composición visual, este submenú consta de un texto que lleva el título
en la parte superior, un gráfico del personaje femenino al costado
izquierdo, un botón grande del lado derecho y en la parte inferior un botón
interactivo para retornar al menú principal.
82
Submenú 3
Gráfico # 16: Submenú 3 – Infografía.
Fuente: Tomas Bazán y Milena Rosales. Elaborado por: Tomas Bazán y Milena Rosales.
Este menú presenta el último tema que trata la propuesta, donde
se emplea lo antes mencionado en los videos anteriores, este submenú
consta del mismo fondo, el título en su parte superior, se colocó un gráfico
en forma de computador ya que es el medio principal que utilizara el
usuario para ver el material, y en la parte inferior un botón interactivo en
forma de casa que cumple la función de retornar al menú principal.
Esta estructura guía al usuario a los diferentes menús que
constituyen el material audiovisual, la interacción que hay entre los
diferentes menús permitirá al estudiante navegar y seleccionar el tema.
83
ESPECIFICACIONES TÉCNICAS
Los detalles técnicos están relacionados en el área multimedia,
porque la propuesta está desarrollada como una animación 2D en formato
avi, donde este campo ha ayudado en la educación por medio de videos
didácticos e interactivos. El material contiene características específicas
que se describirán a continuación.
El material multimedia se basa en una resolución de 1080 x 720
pixeles, esta medida es de calidad HD y por ser un producto digital la
gama de colores que se uso es RGB (Red, Green, Blue), la tipografía
usada dentro de la animación es la Century Gothic que es una fuente sin
serifas que fue elegida por su fácil legibilidad y buena visibilidad dentro
del contenido multimedia.
Contiene un menú interactivo de interfaz radial, permitiendo la fácil
navegación entre las secciones del mismo. El menú se realizó en el
programa Adobe Flash CS6 y para la programación de los botones del
menú y los distintos submenús se utilizó Action Script 2.0. La animación
se divide en tres secciones distinguidas por el tema a tratar, estos son: los
elementos visuales, la composición visual y la iInfografía.
La propuesta usa la ayuda de diferentes gráficos vectorizados con
el programa de Ilustrator, para su posterior animación en el programa de
After Effects. Donde se realizó la puesta en escena para todo el material
audiovisual, la implementación de efectos como transiciones, la animación
del texto, opacidad en los distintos elementos, colorización de los gráficos,
y el audio de fondo que se trabajó en formato mp3, dentro del programa
Audition.
84
ESPECIFICACIONES DE IMPLEMENTACIÓN
Formato: Para la realización del material audiovisual, se trabajó
con imágenes en formato .jpg y .png, videos en .avi, y sonidos en .mp3,
los cuales son fácilmente reproducibles en cualquier aparato digital, a
continuación se define cada uno de los formatos.
JPEG (JPG).- (Joint Photographic Experts Group) Es un formato
compresor de imágenes que trabaja a 24 bits, es frecuentemente
utilizado en las diferentes plataformas web o multimedia, no tiene
ningún tipo de transparencia ya que no existen pixeles vacíos
dentro de este formato.
PNG: (Portable Network Graphics) Es un formato de imágenes
igual que el .jpg, la diferencia radica en que dentro de este formato
si se encuentran transparencias, es decir que se exporta con
canales alfa, además cuenta con una mejor resolución de colores y
menor peso de imágenes.
AVI: (Audio Video Interleave) Este formato está desarrollado para
contener audio y video, permite almacenar y reproducir un video y
varias muestras de audio simultáneamente, organizando los
elementos de manera intercalada, de este modo no se montan los
audios y se puede comprender adecuadamente el video.
MP3: Es un formato compresor de audio con pérdida, para reducir
el tamaño del archivo, es comúnmente utilizado en aparatos
digitales reproductores de música tanto en computadores como en
reproductores de audios portables, por su fácil compatibilidad con
cada uno de estos.
85
Medidas y resoluciones: Para la propuesta se trabajó con una
resolución HD cuya medida es 1080 x 720, para que sea clara y nítida la
imagen del video, las imágenes tiene una medida de 640 x 480.
Guía de colores: Dentro del proyecto de propuesta se utilizaron
colores planos, para dar un toque de formalidad ya que es un material
académico, se procuró crear un contraste adecuado para no provocar
confusión en el espectador, al ser una animación interactiva, se utilizaron
varios colores, pero los principales son los siguientes.
Gráfico # 17: Guía del color
Fuente: Tomas Bazán y Milena Rosales.
Elaborado por: Tomas Bazán y Milena Rosales.
El modo de colorización es RGB debido a que el proyecto será digital
en su totalidad, incluyendo las imágenes, las ilustraciones, el logotipo y el
menú.
86
Tipografías: Para el logotipo se utilizó la tipografía de Miriad pro
debido a su formalidad, sencillez, legibilidad y su modelo sin serifas, las
siglas están en Bold Condensed y el nombre completo inferior en Light.
El texto del material audiovisual, será realizado con Century Gothic, ya
que su forma redondeada y sin serifas la hace fácilmente legible aun
siendo reducida a baja escala. Se la utiliza en su presentación Light, para
que sea simple y haya interferencia ni obstrucción en la lectura.
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z
A b c d e f g h i j k l m n ñ o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Esta tipografía es adecuada para la comunicación visual porque está
basada en formas geométricas básicas como el círculo y el triángulo, lo
que hace sea beneficiosa para las personas que sufren de trastorno de
lectura conocido como Dislexia, de esta manera se facilita el mensaje
para el público objetivo-lector.
Gráfico # 18: Anatomía de la tipografía.
Fuente: Tomas Bazán y Milena Rosales.
Elaborado por: Tomas Bazán y Milena Rosales.
87
Grafimetría: Durante el proceso de la creación de una marca
existe un paso denominado grafimetría, el cual consiste en definir las
dimensiones del logotipo de la marca por medio de unidades, para el
correcto uso del mismo.
Gráfico # 19: Grafimetría del logo.
Fuente: Tomas Bazán y Milena Rosales.
Elaborado por: Tomas Bazán y Milena Rosales.
En el caso de la marca del proyecto que se realizó en la
investigación presente, se puede observar que tiene una medida de 13
unidades x 6 unidades en su totalidad, las cuales se dividen entre las
siglas superiores que tienen 3 unidades y media x 13 unidades y el
nombre completo del proyecto que se encuentra en la parte inferior, que
mide 2 unidades x 13 unidades, ambas se encuentran separadas entre sí
por una línea horizontal que cumple con la función de darle estabilidad a
la marca ya que es un proyecto netamente académico.
Las siglas tienen un exceso de media unidad en la parte inferior por
motivos de visualización, ya que si medían solo 3 unidades, la línea
horizontal habría que subirla y quedaría media unidad más arriba, lo cual
muestra a ambos elementos como independientes cuando en realidad
son una sola unidad que conforman el logotipo del proyecto.
88
Resistencia visual: El proyecto contiene gran variedad de colores
ya que es un video de animación interactivo en donde se trabajó para que
el contraste de sea óptimo para la visión del usuario, cuidando la línea
gráfica establecida y la legibilidad del texto, para que de esta manera no
se genere resistencia visual de ningún tipo y el estudiante se sienta
cómodo con el material audiovisual desarrollado como aporte para sus
conocimientos. Dentro de este punto también se definen aspectos de
contraste y tamaño para el buen uso de la marca.
Gráfico # 20: Reducción mínima del logo.
Fuente: Tomas Bazán y Milena Rosales.
Elaborado por: Tomás Bazán y Milena Rosales.
El tamaño mínimo de reducción del logotipo es de 6 cm x 3, 45 cm
ya que si la reducción es mayor, el nombre del proyecto no puede ser
legible ni comprendido por el lector. Al usar el logo sobre texturas
complejas como pieles de animales, o colores que no contraste de buena
manera con los colores del logotipo, este se utilizará con fondo blanco,
para que así y no se cree un contraste inadecuado, o que el logo se
pierda con el fondo y no sea visible para el espectador, también puede ser
aplicado en color negro o blanco es caso de ser necesario.
89
Relaciones ergonómicas: Ya que el target al que va dirigido el
proyecto es un público joven, creativo, espontáneo y que está
familiarizado con elementos multimedia, se desarrolló un menú en el cual
el usuario puede escoger el tema que desea visualizar para que de esta
manera pueda encontrar con facilidad lo que está buscando, además el
video está realizado por medio de escenas relacionadas entre sí, con la
finalidad de que exista una secuencia y el estudiante se sienta orientado
en todo momento durante la reproducción del material.
Los objetos que en este se presentan son ilustraciones análogas
referentes a su entorno por lo cual se sentirá identificado con los
personajes y los escenarios en donde se desenvuelven dependiendo de
cada tema que se presente.
Detalles de trazos: Los trazos utilizados a través de toda la
producción del material audiovisual, fueron desarrollados con movimiento,
es decir con curvas y figuras que le den dinamismo a los objetos que
dentro de la animación interactúan entre sí, con esto se busca que el
usuario de relacione e interese en el proyecto por medio de una
interacción que se crea entre ambos.
Estilos de acabados: Entre los acabados que se desarrollaron en
el proyecto, se encuentran los fondos, las transiciones y los detalles de
los personajes, ya que todos se encuentran relacionados entorno a un
mismo tema, también en el menú se cuidó de pequeños detalles como lo
son la forma de los botones y la posición del logotipo de manera que no
interfiera con el diagrama del menú. En las zonas donde aparecen textos,
se utilizaron fondos en estos para que tengan una mejor visibilidad.
90
CONCLUSIÓN
Se llegó a la conclusión de que la necesidad de los estudiantes de
contar un material que refuerce o complete los conocimientos adquiridos
en clases existe, y que la creación de este material ayudará no solo en
vida académica sino también en su vida laboral, además por medio de
esta propuesta se aporta al beneficio de la institución, otorgando un
material audiovisual que sea autónomo de la Carrera. Este tipo de
documentos es esencial en la educación actualmente, ya que nos
encontramos en la era de la tecnología y los estudiantes se encuentran
muy familiarizados con este tipo de archivos y múltiples aparatos y
dispositivos. Además al educar al profesional se educa a la población, ya
que este realiza un aporte brindando información de manera llamativa,
interesante y a la vez clara para que sea fácilmente comprendida.
91
RECOMENDACIONES
Se recomienda que:
- Los docentes hagan uso de más materiales interactivos dentro
de sus clases para que los estudiantes se sientan motivados a
investigar acerca de temas que desconozcan y que les hayan
resultado interesantes.
- La Institución informe a los nuevos docentes acerca de este
material, para que puedan hacer uso de él dentro de las aulas o
lo compartan a los estudiantes para que tengan la facilidad de
estudiarlo en casa.
- Los talleres que se presentan dentro del proyecto sean
realizados en clase bajo la supervisión del docente para que
este pueda despejar cualquier duda que el alumno tenga y de
esta manera este no se quede con vacíos.
- Antes de aplicar el material en clases, el docente estudie su
funcionamiento, u conozca los talleres para que sepa como
guiar la clase de acuerdo al taller que se realizará.
92
REFERENCIAS BIBLIOGRÁFICAS
A. Flores, M. G. (2014). Apreciación de lo Artístico: Lo visual y auditivo en la cotidianidad
urbana. Mexico: Grupo Editorial Patria.
Acaso, M. (2012). El Lenguaje Visual. Barcelona - España: Paídos.
Albers, J. (2013). Interacción del color. (págs. 30-35). Madrid: Alianza Editorial.
Canali, A. (2015). La Linea Y La Mancha En El Dibujo. (págs. 6 - 9). España: Parramon
Ediciones.
Cardozo, J. (2013). TIC en el aula: materiales, medios y tecnología educativa. España:
Editorial América.
Carneiro, R. (2013). Los desafíos de las TIC para el cambio educativo. Madrid: Fundación
Santillana.
Carreño, D. (2015). La Composición en el Diseño Gráfico. Aturias: Agencia de Asturias.
Castellano, R. P. (2015). Estudio del equilibrio de las imágenes usando el peso visual.
Investigación y aplicación del color, 175 - 187.
Correa, J. P. (2012). Semiótica. (pág. 18). Mexico: Red Tercer Milenio.
Edwards, B. (2013). Dibujar usando el lado derecho del cerebro. (págs. 98 - 103). Estados
Unidos: Ediciones Urano.
Fernández, L. C. (2015). La comunicación visual. (págs. 13 -- 22). Cataluña: Editorial UOC.
Frascarasa, J. (2012). Diseño Gráfico para la gente. (págs. 2 - 5). Buenos Aires: Ediciones
infinito.
Hernández, A. (2015). Percepción de la imagen desde el objeto al sujeto. Venezuela:
Equipo uno UFT.
J. Lankow, R. C. (2013). Infografias: el poder del storytelling visual. Barcelona - España:
Grupo Planeta.
Lankow, J. (2013). Infografías. El poder del storytelling visual (págs. 85 - 120). Madrid:
Grupo Planeta Spain.
Moreno, C. (2014). Apuntes sobre diseño gráfico: Teoría, enseñanza e investigación
(págs. 70 - 83). Bruselas: CEAL.
93
Olmedo, R. (2014). Selección, elaboración, adaptación y utilización de materiales, medios
y recursos didácticos en Formación Profesional para el Empleo. España: IC
Editorial.
Prada, M. D. (2015). Arte y Composición. Buenos Aires: Nobuko.
Price, P. (2017). Investigación Correlacional. Connecticut: opentextbc.ca.
Rada. (2015). Manual de trabajo de campo de la encuesta: (presencial y telefónica) (pág.
26). España: CIS- Centro de Investigaciones Sociológicas.
Ricard, A. (2012). Casos de diseño (pág. 1). Barcelona - España: Grupo Planeta Spain.
Ricupero, S. (2012). Diseño Gráfico en el Aula (págs. 13 - 22). Buenos Aires: Nobuko.
Rodriguez, C. (2013). Diseño grafico en materiales didacticos. Bruselas - Belgica: CESAL.
Serrano Angulo, J. (2014). Sobre la población y muestra en investigaciones empíricas.
Madrid: Recuperado de: https://cuedespyd.hypotheses.org/2353.
Sierra, A. (2013). La Psicología del Diseño Gráfico. Barcelona: CED. Litoral.
Silva, H. (2014). En H. Silva, Marketing: Conceptos y Aplicaciones (pág. 95). Colombia:
Universidad del Norte.
Tacuri, R. (2016)., Fundamentos del diseño en la formación académica de los estudiantes
de tercer semestre de la Carrera de Diseño Gráfico, de la Facultad de
Comunicación Social, de la Universidad de Guayaquil (págs. 20 - 25). Guayaquil:
Repositorio de la Universidad de Guayaquil.
Villanueva, A. (2016). Lenguaje y significado de la comunicación visual (págs. 2-5).
Argentina: Universidad de Palermo.
https://issuu.com/fauv/docs/libro_composicion_visual_final2
https://books.google.com.ec/books?id=3DLxvU4xg9cC&pg=PA91&dq=composicion+visu
al+en+el+dise%C3%B1o+grafico&hl=es-
419&sa=X&redir_esc=y#v=onepage&q=composicion%20visual%20en%20el%20di
se%C3%B1o%20grafico&f=false
https://books.google.com.ec/books?id=vB7UurQuCBwC&printsec=frontcover&dq=infogr
afia&hl=es-419&sa=X&sqi=2&redir_esc=y#v=onepage&q&f=false
94
https://books.google.com.ec/books?id=oa-
kycuK16EC&pg=PA22&dq=elementos+visuales&hl=es-
419&sa=X&redir_esc=y#v=onepage&q=elementos%20visuales&f=false
https://books.google.com.ec/books?id=_B6wT-
_NCgQC&pg=PA45&dq=composici%C3%B3n+visual&hl=es&sa=X&redir_esc=y#v
=onepage&q=composici%C3%B3n%20visual&f=false
https://books.google.com.ec/books?id=OjHQA-v-2McC&pg=SA6-
PA21&dq=composici%C3%B3n+visual&hl=es&sa=X&redir_esc=y#v=onepage&q=
composici%C3%B3n%20visual&f=false
https://books.google.com.ec/books?id=-UKgj-
nolasC&pg=PA31&dq=composici%C3%B3n+visual&hl=es&sa=X&redir_esc=y#v=o
nepage&q=composici%C3%B3n%20visual&f=false
https://books.google.com.ec/books?id=EhrBQ7oz_Y0C&pg=PA214&dq=composici%C3%
B3n+visual&hl=es&sa=X&redir_esc=y#v=onepage&q=composici%C3%B3n%20vis
ual&f=false
https://books.google.com.ec/books?id=wYebvJ7QVK0C&printsec=frontcover&dq=comun
icaci%C3%B3n+visuales&hl=es&sa=X&ved=0ahUKEwjw7-
aBlYXVAhWC5CYKHdesAbQQ6AEILTAC#v=onepage&q=comunicaci%C3%B3n%20
visuales&f=false
https://books.google.com.ec/books?id=oa-
kycuK16EC&printsec=frontcover&hl=es#v=onepage&q&f=false
https://books.google.com.ec/books?id=vB7UurQuCBwC&printsec=frontcover&hl=es#v=o
nepage&q&f=false
https://books.google.com.ec/books?id=mJ0RgAT8guMC&printsec=frontcover&hl=es#v=
onepage&q&f=false
https://books.google.com.ec/books?id=apy1kMX63ckC&pg=PA25&dq=punto,+linea,&hl
=es&sa=X&redir_esc=y#v=onepage&q=punto%2C%20linea%2C&f=false
https://books.google.com.ec/books?id=_COd0A-
85lcC&pg=PA13&dq=psicolog%C3%ADa+del+color&hl=es&sa=X&ved=0ahUKEwi
c8YOKxqjVAhVJrD4KHfZzDNsQ6AEIMDAC#v=onepage&q=psicolog%C3%ADa%20
del%20color&f=false
https://es.slideshare.net/Diroplan/herramientas-multimediales-2334953
95
BIBLIOGRAFÍA
A. Flores, M. G. (2014). Apreciación de lo Artístico: Lo visual y auditivo en la cotidianidad
urbana. Mexico: Grupo Editorial Patria.
Acaso, M. (2012). El Lenguaje Visual. Barcelona - España: Paídos.
Albers, J. (2013). Interacción del color. Madrid: Alianza Editorial.
Canali, A. (2015). La Linea Y La Mancha En El Dibujo. España: Parramon Ediciones.
Carreño, D. (2015). La Composición en el Diseño Gráfico. Aturias: Agencia de Asturias.
Castellano, R. P. (2015). Estudio del equilibrio de las imágenes usando el peso visual.
Investigación y aplicación del color, 175 - 187.
Correa, J. P. (2012). Semiótica. Mexico: Red Tercer Milenio.
96
ANEXOS
Cronograma de la investigación
Diagrama de Gantt.
Fuente: Investigación.
Elaborado por: Tomas Bazán y Milena Rosales.
UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE COMUNICACIÓN SOCIAL
CARRERA DISEÑO GRÁFICO
Este documento se utilizara como el instrumento para la obtención
de información, la encuesta.
Objetivo: se busca demostrar la importancia de los elementos de la
composición, por medio de un material audiovisual para que los
estudiantes de tercer semestre realicen infografías exitosas.
Leer detenidamente las instrucciones antes de contestar.
- Leer correctamente el enunciado.
- Responder honestamente cada uno de los enunciados.
- Marcar con una (X) según como crea conveniente de una de las 5
opciones en cada uno de los enunciados:
- Marque una x según si respuesta timando en cuenta que 1 es
totalmente de acuerdo y 5 es totalmente en desacuerdo
1. Totalmente de acuerdo.
2. De acuerdo.
3. Me es indiferente
4. En desacuerdo.
5. Totalmente en Desacuerdo.
X
Enunciados 1 2 3 4 5
Conoce el significado de infografía. Es necesario que todo diseñador pueda elaborar infografías.
Es importante conocer los elementos visuales para elaborar una buena composición.
Tener en cuenta el espacio, forma y colores es relevante para una buena composición.
Se deben conocer las reglas de la composición en una infografía.
La infografía como material gráfico de importancia para la trasmisión de información.
Estos temas deben ser vistos mayor profundidad dentro de la carrera.
Cuenta con un material audiovisual que complemente el tema de la realización de infografías.
Es necesario contar con un material audiovisual que complemente el tema de la realización de infografías.
Una infografía animada que trate sobre los elementos visuales dentro de las infografías, ayudará a los estudiantes a realizar infografías mejor elaboradas.
FOTOS DE APLICACIÓN DE LA ENCUESTA
Gráfico # 21: Encuestas realizadas a estudiantes de 3er semestre
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
Gráfico # 22: Encuestas realizadas a estudiantes de 3er semestre
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
Gráfico # 23: Encuestas realizadas a estudiantes de 7mo semestre
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
Gráfico # 24: Encuestas realizadas a estudiantes de 7mo semestre
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
FOTOS DE TUTORÍAS
Gráfico # 25: Tutorías realizadas con el MSc. Carlos Escalante Vera.
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
Gráfico # 26: Tutorías realizadas con el MSc. Carlos Escalante Vera.
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
ELABORACIÓN DE LA ANIMACIÓN MULTIMEDIA
Formato: .avi resolución 1080 x 720
Tipografía: Century Gothic Regular.
Contenido
Tema 1: Elementos Visuales
- Conceptos.
- ¿Cuáles son los elementos visuales básicos del lenguaje visual?
- El punto
- La línea
- Forma
- Color
Tema 2: Composición Visual
- Concepto
- ¿Cuáles son los elementos de la Composición Visual?
- El contraste
- La simetría
- Espacio
- Textura
Tema 3: Infografía
- Concepto
- ¿Qué es la infografía?
- Su vinculación con el Diseño Gráfico
- Áreas en las que se utiliza la Infografía
- Pasos para realizar una infografía
- Aplicación de los Elementos Visuales y la Composición Visual en
la Infografía
IMÁGENES DEL PROCESO DE PRODUCCIÓN DE LA PROPUESTA
Gráfico # 27: Ilustración digital de los personajes.
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
Gráfico # 28: Ilustración digital de los personajes.
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
Gráfico # 29: Animación de los personajes.
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
Gráfico # 30: Animación de los personajes.
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
Gráfico # 31: Animación de los personajes.
Fuente: Carrera de Diseño Gráfico
Elaborado por: Tomas Bazán y Milena Rosales
ESQUEMA DE PROYECTO
Fuente: Investigación.
Elaborado por: Tomas Bazán y Milena Rosales
¿Que debe contener la propuesta para que el estudiante pueda aprovechar al maximo su contenido?
Informacion
Imagenes
Clara, comprensible, directa, logica y que envuelba temas tratados en clases.
Simbolos
Graficos
Que atraigan la atencion, pero, que no distraigan al usuario.
Personajes Figuras y formas