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: e.b.o_rex@hotmail.com mile_tsw@hotmail.com

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