UPS-CT008848

Vista previa del material en texto

I 
 
UNIVERSIDAD POLITÉCNICA SALESIANA 
 SEDE CUENCA 
 CARRERA DE INGENIERÍA MECÁNICA AUTOMOTRIZ 
 
 Trabajo de titulación previo a la 
obtención del título de Ingeniero 
 Mecánico Automotriz 
 
 
 
PROYECTO TÉCNICO: 
“ESTANDARIZACIÓN DE ILUSTRACIONES GRÁFICAS DIGITALES EN LA 
PRESENTACIÓN DE PROYECTOS TÉCNICOS PARA LA CARRERA DE 
INGENIERÍA AUTOMOTRIZ” 
 
 
AUTOR: 
ANGEL SANTIAGO CASTRO CENTENO 
 
TUTOR: 
ING. CRISTIAN LEONARDO GARCÍA GARCÍA, MSc. 
 
CUENCA - ECUADOR 
 
 2020 
 
II 
 
CESIÓN DE DERECHOS DE AUTOR 
Yo, Angel Santiago Castro Centeno con documento de identificación Nº 0103912564, 
manifiesto mi voluntad y cedo a la Universidad Politécnica Salesiana la titularidad sobre los 
derechos patrimoniales en virtud de que soy autor del trabajo de titulación: 
“ESTANDARIZACIÓN DE ILUSTRACIONES GRÁFICAS DIGITALES EN LA 
PRESENTACIÓN DE PROYECTOS TÉCNICOS PARA LA CARRERA DE 
INGENIERÍA AUTOMOTRIZ”, mismo que ha sido desarrollado para optar el título de: 
Ingeniero Mecánico Automotriz, en la Universidad Politécnica Salesiana, quedando la 
Universidad facultada para ejercer plenamente los derechos cedidos anteriormente. 
 
En aplicación a lo determinado en la Ley de Propiedad Intelectual, en mi condición de autor me 
reservo los derechos morales de la obra antes citada. En concordancia, suscribo este documento 
en el momento que hago la entrega del trabajo final en formato digital a la Biblioteca de la 
Universidad Politécnica Salesiana. 
 
Cuenca, agosto del 2020 
 
 
 
 
 
_________________________ 
Angel Santiago Castro Centeno 
 
C.I. 0103912564 
II 
 
CERTIFICACIÓN 
Yo, declaro que bajo mi tutoría fue desarrollado el trabajo de titulación: 
“ESTANDARIZACIÓN DE ILUSTRACIONES GRÁFICAS DIGITALES EN LA 
PRESENTACIÓN DE PROYECTOS TÉCNICOS PARA LA CARRERA DE 
INGENIERÍA AUTOMOTRIZ”, realizado por Angel Santiago Castro Centeno, 
obteniendo el Proyecto Técnico, que cumple con todos los requisitos estipulados por la 
Universidad Politécnica Salesiana. 
 
 
 
Cuenca, agosto de 2020 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
_________________________ 
Ing. Cristian Leonardo García García, MSc. 
C.I. 013898318 
 
 
III 
 
DECLARATORIA DE RESPONSABILIDAD 
Yo, Angel Santiago Castro Centeno con documento de identificación Nº 
0103912564, autor del trabajo de titulación: “ESTANDARIZACIÓN DE 
ILUSTRACIONES GRÁFICAS DIGITALES EN LA PRESENTACIÓN DE 
PROYECTOS TÉCNICOS PARA LA CARRERA DE INGENIERÍA 
AUTOMOTRIZ”, certifico que el total contenido del Proyecto Técnico, es de mi 
exclusiva responsabilidad y autoría. 
 
 
Cuenca, agosto de 2020 
 
 
 
 
 
 
 
 
 
_________________________ 
 Angel Santiago Castro Centeno 
C.I. 0103912564 
 
 
 
 
 
 
IV 
 
DEDICATORIA 
 
El presente trabajo lo dedico a mis padres Elena Centeno y Angel Castro, por la 
paciencia que tuvieron conmigo a lo largo de todo este tiempo, ellos han sido el 
apoyo incondicional para conseguir y cumplir el objetivo que un día me planteé. 
A mis hijas Mariangel Castro y Luciana Castro quienes se han convertido en el 
empuje de todos los días, el motor que prende mis ansias por llegar cada día más 
lejos. 
A mi esposa Nelly Bonilla que llegó a mi vida en el momento más indicado para no 
dejarme desfallecer a poco de llegar a mi meta, quien estuvo ahí en las malas noches 
y supo valorar cada esfuerzo dado. 
A mi nuevo hijo Matías Valarezo, tú fuiste testigo de mis últimos esfuerzos por 
terminar lo que algún día comencé, este es mi ejemplo para ti, donde te digo que en 
la vida todo se puede. 
A mis hermanas María, Angélica y Priscila que han sido el claro reflejo de 
superación, esfuerzo y valentía; ahora me sumo y palpo el sentir hermoso de haber 
terminado una carrera, gracias por sus palabras en momentos difíciles, a mi 
segunda mamá Priscila gracias por ser más que hermana y ser parte de mis locuras. 
A mis sobrinos y sobrinas dedico este pequeño fragmento de mi vida donde van a 
ver que el tío Toto ya terminó una etapa muy importante de la vida y va por más. 
A mi ángel y pajarito +Carlitos A. Jaramillo, tu que ahora brillas con luz propia, 
para ti con todo el amor y respeto te dedico este trabajo, alguna vez nos volveremos 
a encontrar para escuchar el rugir de los motores que tanto te gustaban. 
A Dios por darme el tiempo para terminar esta carrera y seguir por más. 
 
Angel 
 
 
 
 
 
 
V 
 
AGRADECIMIENTO 
 
Agradezco a Dios por bendecirme cada día con salud, 
alimento y el calor de una familia. 
A mis papás y familia por haber creído en mi como 
persona y ahora como profesional, les doy las gracias 
por todo el esfuerzo que hicieron por darme la mejor 
educación y por no hacer faltar ningún recurso para 
ello. 
A mi esposa e hijos, les agradezco por entenderme y 
valorar el trabajo que he realizado, a través de todo 
este tiempo. 
A mi equipo de trabajo quienes supieron colaborar, 
aconsejar y comprender el tiempo necesario para 
poder terminar mis estudios. 
Al Ingeniero Cristian García en calidad de tutor, 
quien siempre creyó en mi propuesta y supo guiarme 
en este trabajo, sin olvidar mirar a la carrera de otro 
enfoque y buscar mejores caminos para el futuro de la 
misma. 
A la Universidad Politécnica Salesiana en la que 
encontré la motivación para seguir adelante en busca 
de mi futuro, a sus profesores que supieron darme esa 
perspectiva diferente para salir siempre adelante. 
 
Angel 
 
 
 
 
 
 
VI 
 
ÍNDICE GENERAL 
 
RESUMEN XII 
ABSTRACT XIII 
INTRODUCCIÓN XIV 
CAPÍTULO I 1 
ANÁLISIS DE ELEMENTOS GRÁFICOS PRESENTADOS EN PROYECTOS DE 
TITULACIÓN DE LA CARRERA DE INGENIERÍA MECÁNICA AUTOMOTRIZ 1 
1.1 Introducción 1 
1.2 Las ilustraciones 2 
1.3 Antecedentes en la carrera de Ingeniería Mecánica Automotriz 4 
1.4 Fotografías vs. ilustraciones 7 
1.4.1 Imágenes científicas 8 
1.4.2 Imágenes técnicas 9 
1.4.3 Ideas producidas por el autor 13 
1.4.4 La ilustración como medio para representar conceptos abstractos 13 
1.5 La ilustración vectorial 14 
1.5.1 Vectorización, una manera de economizar recursos 16 
1.5.2 Vectorización de gráficas, tablas, diagramas de flujo, planos y más 17 
1.5.3 Vectorización y sus vistas 20 
1.5.4 Vista vectorial en sección 21 
1.5.5 Vista vectorial de despiece 21 
1.5.6 Sombras, contornos y transparencias al vectorizar 23 
1.6 Análisis de elementos gráficos presentadas en proyectos en la carrera de Ingeniería 
Mecánica Automotriz 24 
1.7 Representación gráfica del análisis de elementos gráficos presentados en proyectos en la 
carrera de Ingeniería Mecánica Automotriz 28 
CAPÍTULO 2 37 
ELEMENTOS GRÁFICOS, SUS CONCEPTOS Y CARACTERÍSTICAS DE 
PRESENTACIÓN 37 
2.1 Introducción 37 
2.2 Las paletas de colores 39 
2.3 Las tablas 40 
2.4 Las gráficas 42 
2.5 Las imágenes de cámara 44 
2.6 Las capturas de pantalla 46 
VII 
 
2.7 Las ilustraciones vectoriales 47 
2.7 Los diagramas de flujo 49 
2.8 Los esquemas 52 
2.9 Los mapas 53 
2.10 Los planos técnicos 55 
CAPÍTULO 3 59 
DISEÑO DE ELEMENTOS GRÁFICOS A USARSE EN LA CARRERA DE INGENIERÍA 
MECÁNICA AUTOMOTRIZ 59 
3.1 Introducción 59 
3.2 Indagación de homologación 59 
3.3 Herramientas más usadas en diseño de elementos gráficos 61 
3.3.1 Herramientas básicas de la barra izquierda 62 
3.3.2 La herramienta línea 62 
3.3.3 La herramienta rectángulo 63 
3.3.4 La herramienta elipse 63 
3.3.5 La herramienta polígono 63 
3.3.6 Barra de propiedades en relación a cada herramienta 64 
3.3.7 La herramienta objeto 64 
3.3.8 Herramienta efectos 67 
3.3.9 Herramienta mapa de bits 72 
3.3.10 Herramienta editar mapa de bits 73 
3.4 Soporte previo 75 
3.4.1 Pluma de contorno 75 
3.4.2 Ajuste de brillo, contraste e intensidad de una imagen 76 
3.4.3 Configuraciónde la página 76 
3.4.4 Líneas de construcción 79 
3.4.5 Tipografía 81 
3.4.6 Colores en las ilustraciones vectoriales 85 
3.5 Propuesta de homologación para la elaboración de elementos gráficos 88 
3.5.1 Propuesta de presentación de tablas 89 
3.5.2 Propuesta de presentación de gráficas 90 
3.5.3 Propuesta para el tratamiento y presentación de imágenes de cámara y capturas de 
pantalla 91 
3.5.4 Propuesta de presentación de diagramas 93 
3.5.5 Propuesta de presentación de mapas 93 
3.5.6 Propuesta de presentación de esquemas 94 
VIII 
 
3.5.7 Propuesta de presentación de bocetos o dibujo libre 95 
CONCLUSIONES 97 
RECOMENDACIONES 99 
GLOSARIO 100 
BIBLIOGRAFÍA 102 
ANEXOS 104 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
IX 
 
ÍNDICE DE ELEMENTOS GRÁFICOS 
Figura 1. Símbolos Indígenas – Dibujos Precolombinos 2 
Figura 2. Vectorización de una Imagen con Resolución Baja 4 
Figura 3. Parte de un Motor de Avión 6 
Figura 4. Lápiz vs. Cámara-55 7 
Figura 5. Prótesis Nasal Vectorizada 8 
Figura 6. Captura de una Imagen en Mala Resolución 10 
Figura 7. Ilustración de la Figura 6 11 
Figura 8. Foto Tomada del Campus de la Universidad 12 
Figura 9. Ilustración de la Figura 8 12 
Figura 10. Foto de un Dibujo a Mano y su Ilustración a la Derecha 13 
Figura 11. Foto Convertida a Vector 14 
Figura 12. Elaborado a Partir de IRENE, 2019 15 
Figura 13. Texto Vesion Vector vs. Mapa de Bits 16 
Figura 14. Boceto Vectorizado y dos de sus Versiones 17 
Figura 15. Gráfica de Líneas 18 
Figura 16. Gráfica de Barras 18 
Figura 17. Diagrama de Flujo 19 
Figura 18. Mapa de Zona de Prácticas de la UPS 19 
Figura 19. Objeto en Perspectiva y sus Vistas 20 
Figura 20. Vista en Sección de la Figura 3 (Parte de un Motor de Avión) 21 
Figura 21. Ilustración de Vista Explosionada 22 
Figura 22. Balón de Baseball 23 
Figura 23. Ilustración con Sombreado, Transparencia y Contorno 24 
Figura 24. Rúbrica de Rangos Comparativos 25 
Figura 25. Criterios de Calificación Cualitativa vs. Calificación Cuantitativa 26 
Figura 26. Muestras Aleatorias del Análisis 27 
Figura 27. Gráfica Descriptiva de la Calidad de Presentación de Elementos Gráficos 29 
Figura 28. Gráfica Descriptiva de la Cantidad de Elementos Gráficos Presentados 30 
Figura 29. Porcentajes de Calidad de Tablas 31 
Figura 30. Gráfica de Calidad vs. Cantidad de tablas 31 
Figura 31. Porcentaje de Calidad de Gráficas 32 
Figura 32. Gráfica de Calidad vs. Cantidad de Gráficas 32 
Figura 33. Porcentaje de Calidad de Imágenes de Cámara 33 
Figura 34. Gráfica de Calidad vs. Cantidad de Imágenes de Cámara 33 
X 
 
Figura 35: Porcentaje de Calidad de las Capturas de Pantalla 34 
Figura 36. Gráfica de Calidad vs. Cantidad de Capturas de Pantalla 34 
Figura 37. Porcentaje de Calidad de Diagramas 35 
Figura 38. Gráfica de Calidad vs. Cantidad de Diagramas 35 
Figura 39. Ejemplo de una Paleta Equilibrada 40 
Figura 40. Ejemplo de una Tabla Informativa 41 
Figura 41. Ejemplo de una Gráfica 43 
Figura 42. Imagen de un Taller Mecánico 44 
Figura 43. Captura de Pantalla y su Ilustración Vectorizada 46 
Figura 44. Ilustración de una Camioneta 47 
Figura 45. Ejemplo de un Diseño de Diagrama de Flujo 50 
Figura 46. Lista de figuras Geométricas Usadas en la Elaboración de Diagramas de Flujo. 51 
Figura 47. Ejemplo de un Esquema Eléctrico 52 
Figura 48. Ilustración de la Ciclovía Av. 3 de Noviembre 54 
Figura 49. Pistón Vectorizado 56 
Figura 50. Captura de Pantalla de un Documento Word con la Ventana de Corel Draw Activa 60 
Figura 51. Ejemplo de Sujetador de Bisagra con Ajuste de Perno Tipo Torx Vectorizado en 3D 61 
Figura 52. Captura de Pantalla de las Herramientas Básicas de Corel Draw 62 
Figura 53. Captura de Pantalla de las Herramientas Línea 62 
Figura 54. Captura de Pantalla de la Herramienta Rectángulo 63 
Figura 55. Captura de Pantalla de la Herramienta Elipse 63 
Figura 56. Captura de Pantalla de la Herramienta Polígono 63 
Figura 57. Captura de Pantalla de la Barra de Propiedades de la Herramienta Texto 64 
Figura 58. Captura de Pantalla de la Barra de Propiedades de la Herramienta Línea 64 
Figura 59. Captura de Pantalla de la Herramienta Objeto – Transformaciones 65 
Figura 60. Captura de Pantalla de la Herramienta Objeto – Alinear y Distribuir 65 
Figura 61. Ejemplo del Uso de la Herramienta Objeto - Bloquear 66 
Figura 62. Captura de Pantalla de la Herramienta Objeto - Dar Forma 66 
Figura 63. Opciones de la Herramienta Dar Forma 67 
Figura 64. Captura de Pantalla de la Herramienta Efectos 67 
Figura 65. Ejemplo de una Mezcla a 65° 68 
Figura 66. Opciones de Uso de la Herramienta Mezcla 69 
Figura 67. Ejemplo de Uso de la Herramienta Mezcla y Bucle 69 
Figura 68. Ejemplo de la Herramienta Silueta 70 
Figura 69. Trazo con Efecto Silueta y Soldar 70 
Figura 70. Trazo con Efecto Extrusión 71 
XI 
 
Figura 71. Ejemplo con Efecto Añadir Perspectiva 71 
Figura 72 Captura de Pantalla y Ejemplos de Uso del Efecto Envoltura 72 
Figura 73. Imagen de Cámara Aplicada Algunos de los Efectos de Mapa de Bits 72 
Figura 74. Captura de Pantalla de Corel Photo-Paint 73 
Figura 75. Captura de Pantalla de Corel Photo-Paint-Imagen-Laboratorio Recortar / Extraer 74 
Figura 76. Captura de Pantalla de Imagen de Cámara y su Recorte con un Nuevo Fondo 74 
Figura 77. Captura de Pantalla de la Barra de Propiedades de la Herramienta Línea 75 
Figura 78. Captura de Pantalla de la Ventana de Brillo/Contraste/Intensidad 76 
Figura 79. Captura de pantalla del Menú Herramientas - Opciones 77 
Figura 80. Página Nueva en Formato A4 con Márgenes Según Normas APA 78 
Figura 81. Página Nueva en Formato Carta con Márgenes Según Normas IEEE 79 
Figura 82. Listado de Líneas de Construcción de un Elemento Gráfico 80 
Figura 83. Ejemplo del Uso de Diferenciación de Líneas 81 
Figura 84. Representación Gráfica del Texto y su Ampliación Vectorizada. 81 
Figura 85. Ejemplo del Uso de la Opción Adaptar Texto a Trayecto. 82 
Figura 86. Vectorización de Texto 82 
Figura 87. Ejemplo de un Diagrama de Bloque con Texto. 83 
Figura 88. Ejemplo de Fuente Comprimida y sus Posibles Modificaciones. 83 
Figura 89. Ejemplo de Fuente Comprimida en un Diagrama de Flujo 84 
Figura 90. Captura de Pantalla, Respecto de la Selección de Relleno 85 
Figura 91. Captura de Pantalla, Respecto los Modelos de Colores en CMYK y RGB 86 
Figura 92. Ilustración de Corte en Secciones 87 
Figura 93. Ilustración Vectorial de Varias Secciones de un Elemento Gráfico 88 
Figura 94. Tabla Vectorizada Bajo Normas APA y OMPI 90 
Figura 95. Gráfica Lineal Vectorizada Bajo Normas APA y OMPI 91 
Figura 96. Imagen de Cámara Editada en Corel Photo Paint 92 
Figura 97. Captura de Pantalla de Corel Draw 92 
Figura 98. Diagrama de Flujo hecho en Corel Draw 93 
Figura 99. Mapa Vectorizado en Corel Draw 94 
Figura 100. Propuesta de Trazo Esquemático en Corel Draw 95 
Figura 101. Ejemplo de Vectorización de una Imagen Usada en los Cursos de Matlab Para el 
Manejo de Pixeles como Matrices. 96 
 
 
 
XII 
 
RESUMEN 
El presente proyecto, tiene como objetivo el presentar una propuesta innovadora para 
la Universidad Politécnica Salesiana, sede Cuenca, aplicada a la Carrera de 
Ingeniería Mecánica Automotriz, en lo que a actualización de presentaciones de 
elementos gráficos en proyectos de titulación respecta, debido a que se analizaron 
cuidadosamente proyectos de los últimos años, que evidenciaron la importancia de 
generar actualizaciones. 
En consecuencia, se investigó como llevarlos a un nivel competitivo de una manera 
sustentable, indagando en normas internacionales que sean aplicables a la carrera, y 
que contemplen el cambio y avance tecnológico a nivel mundial, apuntando a 
estándares de calidad, que sean competentes con la realidad de la carrera y que 
promuevan el crecimiento de la Universidad. 
Como resultado de esa investigación, esta propuesta logró encontrar un programa de 
diseño vectorial versátily amigable con otros programas que se usan actualmente, 
lo que permite alcanzar una compatibilidad favorable para el usuario, así como la 
homologación de normas preexistentes con normas internacionales, con el fin de que 
la propuesta aporte al desarrollo y mejora de la calidad de presentación de elementos 
gráficos en proyectos de titulación. 
 
 
 
 
 
 
 
 
XIII 
 
ABSTRACT 
 
The project’s object is to provide an innovative proposal for Politécnica Salesiana 
University, Cuenca, applied to Mechanical Engineering Career, respect to updating 
graphic elements’ presentations in degree projects, due to the fact, projects from latest 
years were carefully analyzed, which showed the importance of mentioned updates. 
Consequently, it was investigated the approach to bring them to a competitive level by 
sustainable way, investigating international standards that are applicable to the career and 
also, contemplate technological improvements and advancement worldwide, looking for 
quality and competent standards according to career reality in order to encourage the 
University´s growth. 
As a result of the research, this proposal found a versatile vector design program, which 
is friendly with other programs that are currently used in addition, achieving favorable 
compatibility for users as well as, the homologation of pre-existing standards and 
international ones, in order the proposal contributes to the development and improvement 
of graphic elements quality in degree projects. 
 
 
 
 
 
 
 
 
 
 
XIV 
 
INTRODUCCIÓN 
 
La búsqueda de mejoras que permitan alcanzar estándares de calidad internacional es lo 
que motiva el presente proyecto que tiene por objeto el promover e incentivar avances en 
cuanto a la presentación de elementos gráficos de la carrera de Ingeniería Mecánica 
Automotriz, con la intención de que estos aporten efectivamente en la transmisión del 
mensaje en los trabajos de titulación, alcanzando un nivel más competitivo. 
Este proyecto en el capítulo uno, identificó y analizó elementos gráficos en proyectos de 
titulación de años anteriores, concluyendo que se requería de la búsqueda de una mejora 
en la calidad de presentación de los mismos, que den un realce y mayor entendimiento al 
lector; por tanto, una vez concluido el análisis, en el capítulo dos se investigó y se 
encontró una reglamentación internacional actualizada respecto de elementos gráficos, la 
Organización Mundial de Propiedad Intelectual, OMPI, misma que funciona en beneficio 
de la creatividad e innovación bajo el uso de normas que salvaguardan la propiedad 
intelectual del inventor. 
Comprendiendo, que la realidad de los trabajos de titulación son invenciones propias del 
autor o proyectos que tienen un carácter innovador, además basándose en el análisis del 
capítulo uno, así como en la investigación del capítulo dos, este proyecto presenta en el 
capítulo tres, una proyección para el uso de un programa de diseño vectorial, que permita 
acceder a las mejoras mencionadas, con una orientación internacional a más de, la 
homologación de normas preestablecidas, adecuadas según sea factible, a las normas 
internacionales de la OMPI, estructurando así, una propuesta de solución a la búsqueda 
de mejoras en la presentación de elementos gráficos para aplicarse en la Carrera de 
Ingeniería Mecánica Automotriz.
1 
 
CAPÍTULO I 
ANÁLISIS DE ELEMENTOS GRÁFICOS PRESENTADOS EN PROYECTOS 
DE TITULACIÓN DE LA CARRERA DE INGENIERÍA MECÁNICA 
AUTOMOTRIZ 
 
1.1 Introducción 
El aforismo “Una imagen vale más que mil palabras” (de la cual hay una infinidad de 
versiones), que fue además citada por Napoleón Bonaparte, quien alguna vez dijo: “Un 
buen bosquejo es mejor que un discurso largo” invita al análisis de nuestra mente y de la 
rapidez con la que capta y emana mensajes de una imagen sin mucho esfuerzo, éste mismo 
mensaje si se desea llevar de forma oral requerirá de una explicación detallada y así 
mismo se requiere de un nivel de educación en el receptor que le permita asimilar el 
conocimiento. 
Por tanto, en éste capítulo se analizarán todas y cada una de las posibilidades de transmitir 
ese conocimiento rápido y completo a través de una imagen, empezando desde la 
prehistoria en la cual ya se usaba el grafismo como una manera de expresión y de 
perpetuar sus ritos, prácticas o conocimientos, avanzando hasta la modernidad del sigo 
XXI, en el que se considera que cada proyecto es una iniciativa o una idea que debe ser 
valorada y acreditada a su inventor, reconociendo su originalidad al plasmarlo en un 
archivo ilustrado del mismo que le permita proteger su identidad. 
Así, a partir de estos conceptos, el capítulo abordará mediante ejemplos claros y concisos, 
la necesidad de incursionar en el campo de la ilustración como una manera de presentar 
y respaldar los proyectos de titulación técnicos con un mayor rango de calidad para que 
puedan funcionar a futuro no solo como un referente de la calidad educativa de la 
universidad, sino también de los egresados. 
2 
 
1.2 Las ilustraciones 
Las ilustraciones son un medio complementario para alcanzar grandes conocimientos y 
sobre todo nos permiten retenerlos con mayor eficacia en nuestra memoria; 
remontándonos en la historia, hace más de 25000 años, es decir dese la prehistoria, el 
grafismo ya era parte de la humanidad manifestándose en una variedad aun no calculada 
de jeroglíficos de los cuales muchos desconocemos su significado, pero sabemos están 
ahí para ser leídos y comunicar un mensaje. 
El arte gráfico en sí, es unas de las formas de expresión más antiguas desarrolladas por el 
hombre como se puede apreciar en los símbolos indígenas precolombinos en la figura 1 
y hoy es considerado una vía de desarrollo de capacidades como la creatividad, el estilo, 
la originalidad, entre otras siendo un modo estimulante y útil para la sociedad. 
 
Figura 1. Símbolos Indígenas – Dibujos Precolombinos 
Fuente: (Pinterest.com) 
 
La Ilustración se trata de introducir imágenes alusivas a un texto con el objetivo de 
acompañamiento, enriquecimiento y de favorecer a la interpretación del mensaje que se 
3 
 
intenta transmitir, es decir la ilustración tiene como objetivo proporcionar información 
extraordinaria o adicional al lector y aumentar su interés mediante una interpretación más 
didáctica. Al combinar palabras e ilustraciones, le queda más fácil al lector el entender el 
tema y, además aumenta su curiosidad y mantiene su atención en la lectura. 
Del mismo modo, una ilustración no necesariamente debe ir acompañada de un texto para 
transmitir un mensaje de hecho, algunos tipos de ilustraciones se expresan por si solas. 
Ahora bien, en el mundo moderno muchos de nosotros estamos sujetos a caer en un error 
muy común como el de confundir un dibujo con una ilustración. Dibujar es plasmar una 
imagen pero no necesariamente tiene como objetivo transmitir un mensaje mientras que 
el arte de ilustrar es una disciplina que conlleva práctica, método, orden, planificación y 
tarda, dependiendo del tiempo y esfuerzo invertido, en ser perfeccionada, además se trata 
de contemplar no sólo la parte artística sino también la parte técnica, y va de la mano con 
la creatividad, ésta particular manera de construir, de inventar y de dar estilo a nuestras 
ideas o conceptos para proporcionar un producto final que llegue al usuario o lector de la 
forma más clara y consistente posible. 
Se puede decir que la diferencia entre dibujo e ilustración radica en la finalidad de ambas; 
un dibujo puede ser la base para crear una ilustración mientras que una ilustración puede 
no basarse en un dibujo preexistente. Se puede asegurar por tales motivos que la 
ilustración es fundamental para representar conceptos abstractos. 
En la figura 2 que se muestra a continuación, se puede diferenciar entre una imagen de 
cámara y una ilustración profesional, tal como se mencionóantes, esto depende de la 
finalidad de cada uno; dicho esto, se puede entender que una imagen de cámara se usa en 
varios contextos pero también puede ser la base para la representación de un archivo final 
a partir del cual desarrollar una versión ilustrada profesionalmente con el propósito de no 
4 
 
perder ni el más mínimo detalle que puede ser obviado por motivos de luz, flash de 
cámara, y hasta por la misma naturaleza del objeto y lograr presentar un trabajo final con 
la formalidad que se requiere, según el caso. 
 
Figura 2. Vectorización de una Imagen con Resolución Baja 
Fuente: Autor 
 
Estas razones nos llevan a comprender mejor el porqué de la importancia de ilustrar 
proyectos dentro de nuestra carrera y llegar así más fácilmente al entendimiento y a 
compartir conocimientos a un nivel más rápido y superior. 
1.3 Antecedentes en la carrera de Ingeniería Mecánica Automotriz 
La carrera de Ingeniería Mecánica Automotriz es una carrera aplicada a las ciencias 
exactas, con enfoque a diseñar e instalar equipos mecánicos, evaluar y dirigir procesos de 
calidad y mantenimiento de maquinaria y/o usos de calor y energía, crear o inventar 
sistemas de ventilación, controlar vehículos motorizados, planear y ejecutar proyectos 
relacionados, así como idear modelos digitales que faciliten la aplicación de criterios de 
ingeniería del equipo o de los procesos que se está diseñando, entre otras. 
5 
 
Por tanto, esta carrera, precisa de una evolución en cuanto a la digitalización de sus 
proyectos e ideas; es decir requiere de incursionar en una forma más didáctica y eficaz de 
presentar sus proyectos y de transmitir sus invenciones. 
A lo largo de este trabajo se analizará las imágenes, gráficas, tablas, mapas, bocetos y 
demás recursos presentados con anterioridad en donde se podrá evaluar desde la calidad 
de la presentación hasta la estética con la que fueron publicados para dar un profundo 
punto de vista que nos permita abarcar la necesidad de la evolución a la que se hace 
referencia, así como el mensaje que tratan de transmitir, que en muchos casos se pierde 
por faltas o fallas en las imágenes que van desde la calidad en DPI hasta el fondo que al 
no ser tomado en cuenta desliza la vista e imaginación del lector haciendo perder el foco 
de atención que se pretendía. 
Es así que desde hace más de una década las ilustraciones han empezado a ganarle terreno 
a la fotografía, destacándose como una forma de contenido visual y virtual en el campo 
del marketing a nivel mundial. Actualmente, se considera que existe un alza considerable 
en la tendencia del uso de ilustraciones tanto como acompañantes de textos, así como 
para representar ideas o marcas por si solas, esto debido a que a pesar de que la fotografía 
ha sido considerada como la forma más directa de transmitir mensajes, lo cierto es que la 
ilustración va ganando campo gracias a que abarca un factor comunicador mucho más 
amplio como el poder transmitir y crear sentimientos más auténticos e ideas 
personalizadas. 
Enfocándonos en el mundo digital de este milenio y en la sobre-estimulación que se vive 
a diario gracias al desarrollo de la tecnología, la ilustración presenta proyectos de una 
forma mucho más original, colorida, atrayente y clara que logra elevar el potencial de 
transmisión del mensaje, así se puede ver en la figura 3, cuya ilustración no deja en la 
6 
 
omisión a ninguna pieza de importancia del objeto que se pretende mostrar, parte de un 
motor de avión. 
 
Figura 3. Parte de un Motor de Avión 
Fuente: Autor 
Adicional, a todo lo dicho una ilustración tiene la característica de que puede ser 
modificada en el futuro, esto es muy útil en la industria de la ingeniería sea esta mecánica, 
industrial, química entre otras; pues si se desea cambiar una solo pieza de todo un 
elemento, hacerle una modificación, eliminar esto o agregarle aquello, solo se debe 
recurrir a la ilustración y dar rienda suelta a nuestra creatividad, mientras que en una 
fotografía por más programas de edición que se conozcan en la actualidad no sería posible 
cambiar a detalle lo que se requiere y por tanto se debe incurrir en nuevos gastos e invertir 
tiempo en dichas adecuaciones. Entonces aplicando esto a nuestro campo, en caso de que 
el director o quien esté a cargo de un proyecto no quede satisfecho con la ilustración, la 
7 
 
presentación o la invención, se puede hacer las rectificaciones necesarias en un tiempo 
mínimo para cubrir las necesidades del proyecto. 
1.4 Fotografías vs. ilustraciones 
Las fotografías y las ilustraciones son un medio de comunicar un mensaje como se ha 
visto anteriormente, ahora se centra en el análisis a la hora de escoger un recurso de 
acuerdo a las necesidades del texto o de acuerdo hacia dónde va dirigido, para poder 
discernir cual es la mejor opción a la hora de formalizar nuestros proyectos y hacer de 
nuestras presentaciones un recurso útil y modificable a futuro con el fin de que no quede 
en el olvido, sino que pueda ser innovado o mejorado. 
Ben Heine en su obra “Lápiz vs. Cámara” muestra una mezcla entre ilustración e imagen 
de cámara, entre realidad y fantasía, generando intensas emociones en sus admiradores, 
como se puede apreciar en la figura 4, que invita a pensar en que no todo puede ser 
fotografiado, pero sí ilustrado y además esa ilustración se puede sobreponer o acomodar 
de manera que acompañe a la fotografía o a un texto apoyando a la comprensión de un 
nuevo conocimiento. 
 
 
 
 
 
 
Figura 4. Lápiz vs. Cámara-55 
Fuente: https://benheine.com/art/pencil-vs-camera-images/Autor: Ben Heine 
 
8 
 
1.4.1 Imágenes científicas 
En varias ocasiones las imágenes científicas no son lo suficientemente claras para 
transmitir el mensaje requerido y pueden resultar confusas como por ejemplo cuando se 
presentan análisis de laboratorio, experimentos a nivel celular, y muchos más; en estos 
casos es mejor optar por la ilustración porque además de lo antes dicho, las ilustraciones 
científicas son más amigables que las fotografías puesto que éstas últimas pueden resultar 
ser algo repulsivas o agresivas a la vista del lector y herir susceptibilidades si se presentan 
directamente fotografiadas, como se observar en la figura 5, una intervención para una 
rehabilitación estética mediante una prótesis nasal. 
La figura 5 muestra claramente que se puede digitalizar procesos médicos para obtener 
un producto final más atrayente al lector y que lo mantenga atento a su lectura sin que su 
vista y atención se sumerjan en los detalles que presentan las fotografías y que la 
ilustración puede omitir a conveniencia de la audiencia. 
 
 
 
Figura 5. Prótesis Nasal Vectorizada 
Fuente: Autor 
 
9 
 
1.4.2 Imágenes técnicas 
Una ilustración puede aislar u omitir aspectos del contorno del objeto o escena que se 
desea representar. En una fotografía también se puede hacer modificaciones para cumplir 
con estas expectativas, pero para muchos esto se puede considerar como una alteración o 
un engaño. La fotografía a diferencia de una ilustración puede estar sujeta a tonos o 
efectos provocados por la sombra, exceso de luz, entre otros propios de su naturaleza o 
hasta del mismo objeto, dejando sin claridad piezas que se pueden ver mejor ilustradas o 
vectorizadas y así no se corre el riesgo de omitir piezas claves que deban ser analizadas 
del objeto con el fin de entender por completo el mensaje a expresar. 
La figura 6 es un claro ejemplo de lo antes expuesto, tiene la calidad de muchas de las 
que he podido ver al analizar los proyectos presentados, y aquí claramente nos damos 
cuenta de que hay varias secciones que lucen completamente negros, así como texto que 
intenta aclarar la naturaleza de ciertas partes del objeto en cuestión, que por la falta de 
resolución o de luz no se pueden apreciar en su totalidad, así como líneas o puntos que 
aparecen sin sentido pues son parte delerror de cámara o de un dobles de la hoja al 
momentos de escanear que generan marcas que no pertenecen al objeto de estudio. 
 
 
 
 
 
 
 
 
 
 
 
 
 
10 
 
 
 
Figura 6. Captura de una Imagen en Mala Resolución 
Fuente: Autor 
A simple vista, la fotografía de la figura 6 comparada con la figura 7, que es el mismo 
objeto pero ilustrado por un profesional, claramente deja ver que en la ilustración se ven 
varias piezas o mecanismos que la foto omite por error en iluminación, contraste, nitidez, 
además ésta es una foto tomada de un manual, es decir es la segunda reproducción de una 
imagen; más por la naturaleza del objeto la fotografía original de todas formas omitiría 
espacios, piezas, cavidades, etc., pues resulta imposible que sobre un objeto no plano se 
focalice la cámara de tal manera que permita ver hasta el tornillo más ínfimo que a la hora 
de armar un objeto puede ser fundamental el saber su ubicación precisa. 
11 
 
 
Figura 7. Ilustración de la Figura 6 
Fuente: Autor 
 
Aunque la foto tenga la mejor resolución existen otros datos a notar como el texto 
sobrepuesto a la imagen, éste puede ser perjudicial si se desea analizar y entender un 
mecanismo por más simple que este sea; en una ilustración el texto puede ser removido o 
acomodado sobre el espacio que se desee sin perjuicio de la imagen. 
Como se demuestra a continuación, en el ejemplo que muestra la figura 8, el objeto 
fotografiado también sufre afectaciones por los colores de sus compuestos, ciertos colores 
como azul marino o negro dificultan la claridad y otros colores como blancos o plateados 
metálicos reflejan demasiada luz haciendo que sus piezas internas o pequeñas sean 
difíciles de apreciar. 
 
12 
 
 
Figura 8. Foto Tomada del Campus de la Universidad 
Fuente: Autor 
 
Ahora bien, en la figura 9 se aprecia claramente cada parte que constituye el objeto de 
estudio que es el mismo de la figura 8, y además mejoras como el texto que lo acompaña 
para mostrar el nombre de cada elemento que el ilustrador ha pensado que es importante 
resaltar en él y pequeños detalles como sombras y líneas de contorno para dar a entender 
espacios internos y curvas; o un simple y discreto corte al final de un cable que expresa 
que éste continua de acuerdo a la distancia requerida o que es más largo de lo que se ve. 
Freno de 
Corrientes
Parásitas
Motor de Combustión Interna
a Gasolina 1000 cc
Consola de Control
Tablero de 
Instrumentos
Sonda de Gases
de Escape
 
Figura 9. Ilustración de la Figura 8 
Fuente: Autor 
13 
 
1.4.3 Ideas producidas por el autor 
Muchos proyectos por no decir todos, nacen en la mente de un inventor como es el caso 
de los estudiantes universitarios, quienes con el fin de no perder su idea suelen plasmarlo 
en papel, es decir hacen ciertos dibujos hechos a mano llamados bocetos, para luego irlos 
desarrollando de a poco hasta materializados; ciertamente resulta muy creativo dibujar a 
mano para después buscar su formalidad con el fin de presentarlo en un escrito como una 
tesis, pero lo que resulta a veces complejo es concretar un proyecto desde un boceto a 
mano, ahí es donde la ilustración brinda las pautas y amplia nuestra creatividad, al 
materializar una idea además se economiza tiempo y recursos, pues cualquier mejora o 
rectificación es viable en la vectorización, tal como muestra la figura 10. 
 
 
Figura 10. Foto de un Dibujo a Mano y su Ilustración a la Derecha 
Fuente: Autor 
 
1.4.4 La ilustración como medio para representar conceptos abstractos 
Indudablemente, la ilustración abre campo a digitalizar de una manera formal nuestros 
proyectos y a su vez, permite omitir o adicionar cosas que no están presentes en la 
realidad, se puede ilustrar todo tipo de idea por más absurda que ésta parezca y de ahí 
potenciar nuestra creatividad inmensamente hasta alcanzar el producto final, esto 
14 
 
evidentemente no se puede desarrollar a través del lente de una cámara la cual está sujeta 
única y exclusivamente a la realidad que pueda capturar. 
Bajo esta misma perspectiva, en la figura 11 se observa como la ilustración aventaja a la 
fotografía en representar la esencia mucho más allá de un cuerpo u objeto y hasta te 
permite animarlos de ser necesario e inspirar el desarrollo de nuevas ideas. 
 
Figura 11. Foto Convertida a Vector 
Fuente: Autor 
1.5 La ilustración vectorial 
La ilustración vectorial es un proceso mediante el cual un objeto o material gráfico es 
digitalizado a partir de vectores programados que usa el trazo de líneas y figuras 
geométricas, cada uno de ellos aplicado a la forma, posición, color, entre otras 
propiedades hasta dar como resultado una ilustración de calidad con valor artístico. 
La vectorización de imágenes permite crear diseños con una precisión casi exacta, además 
también permite dotar de tridimensionalidad estática o dinámica al objeto, así como sus 
piezas pueden fusionarse entre sí para dar paso a nuevas formas. Del mismo modo, las 
partes de un dibujo vectorial pueden agruparse, separarse, combinarse, formar 
intersecciones, y más. 
Pero la característica principal es que un gráfico vectorial no pierde calidad al ampliar el 
tamaño de la imagen como pasa en los mapas de bits en los cuales la imagen se pixela a 
medida que se estira o escala la imagen, y esta característica es independiente del 
dispositivo de salida por tanto, por lo que también se pueden visualizar e imprimir sin 
15 
 
pérdida de calidad en cualquier resolución; lo que deja una gran oferta de utilidad en el 
ámbito del diseño gráfico, ingeniería, arquitectura, y muchas profesiones más. 
Por estas razones es que la ilustración vectorial se encuentra en pleno auge, por su 
capacidad de escalarse sin medida y sin pérdida de calidad como se observa en la figura 
12, una comparación ampliada entre el mismo objeto en mapa de bits contrastado con su 
vectorización. 
 
 
 
 
 
 
 
 
 
 
 
 
 
Figura 12. Elaborado a Partir de IRENE, 2019 
Fuente: Autor 
 
La capacidad que tienen los vectores de ampliarse sin perjuicio de su calidad no aplica 
únicamente a las ilustraciones o gráficas sino al texto que también conserva su apariencia 
a pesar de su tamaño, por lo que la vectorización es muy útil si nuestro proyecto se lleva 
16 
 
a niveles de grandes espacios como auditorios, donde puede ser proyectada sin pérdida 
de calidad como se puede ver en la figura 13 que se presenta a continuación: 
VJ
VectorMapa de Bits
 
Figura 13. Texto Vesion Vector vs. Mapa de Bits 
Fuente: Autor 
 
1.5.1 Vectorización, una manera de economizar recursos 
Si de ventajas se trata, la vectorización de imágenes dentro de sus grandes características 
tiene la posibilidad de crear infinidad de posibilidades de un mismo boceto o proyecto, 
que aunque tome algo de tiempo y esfuerzo, éste será mucho menor al que llevaría si se 
fotografía, porque para poder tomar la foto se requiere primero de la existencia real del 
objeto o proyecto lo que haría incurrir en gastos económicos y en un tiempo mucho mayor 
hasta que se materialicen las ideas a ser fotografiadas. 
Tal como se puede apreciar en la figura 14, se tiene una infinidad de oportunidades de 
darle mas de un sentido a cualquier proyecto, pero gracias a la vectorización éstos pueden 
ser trazados con anterioridad a su creación real, y hasta corregirlos y elegir el mejor antes 
de invertir en su creación. 
17 
 
 
 Idea original Opción #2 Opción #3 
Figura 14. Boceto Vectorizado y dos de sus Versiones 
Fuente: Autor 
 
Por tanto, y como se mencionó anteriormente, la vectorización de proyectos ayuda a 
ahorrar y además a innovar creaciones dando giros radicales y explotando profundamente 
nuestra creatividad. 
1.5.2 Vectorización de gráficas, tablas, diagramas de flujo, planos y más 
La vectorización no tiene límites, prácticamente se puede convertira vector todo lo que 
se pueda escribir, dibujar y hasta imaginar, incluido el texto que usualmente aparece 
borroso, ilegible y se confunde sobre el dibujo, en forma vectorial el texto puede ser 
sobrepuesto usando técnicas que potencien su nitidez, además la vectorización se 
encuentra ya muy presente en la elaboración de mapas, siendo así un gran avance en 
presentación de proyectos, como se muestra en las figuras de la 15 a la 18 a continuación: 
18 
 
 
0 1 2 3 4 5 6
Tiempo (Días)
D
is
ta
n
ci
a
20
2
4
6
8
10
12
14
16
18
Proyecto A
Vehículo 1
Vehículo 2
Vehículo 3
Vehículo 4
 
Figura 15. Gráfica de Líneas 
Fuente: Autor 
 
2 3 6 8
Voluntarios
R
ea
cc
ió
n
100
80
60
40
20
0
1 4 5 7
70
.1 7
3.
8
7
5.
9
75
.5
8
7
8
3.
8
8
5.
5
7
0.
9
76 7
5.
3 8
5
.5
84
.6
6
9.
5
6
8.
8
85.5
7
0.
2
Proyecto B
 
 
Figura 16. Gráfica de Barras 
Fuente: Autor 
19 
 
 
Lorem ipsum
Lorem ipsum dolor sit amet
Duis aute irure dolor in
reprehenderit in voluptate
Excepteur sint occaecat
non proident, sunt in cslpa
Ut
enim minim
?
Esse Velit
 
Figura 17. Diagrama de Flujo 
Fuente: Autor 
 
 
42-52
58-60
6
7
394041
33 32 31 30 29
8
38
5
34-37
53-57
 
Figura 18. Mapa de Zona de Prácticas de la UPS 
Fuente: Febres Calderón, Cristhian Augusto, Reyes Granda, Pablo David, 2017 
 
20 
 
1.5.3 Vectorización y sus vistas 
La vectorización permite trazar y notar todas las vistas necesarias de un proyecto: 
superior, inferior, lateral izquierda, lateral derecha, en tercera dimensión y con la mayor 
nitidez y definición, haciendo de éste un método de creación que se acerca al 100% a la 
realidad antes de la producción de un proyecto, como se ve a continuación en el conjunto 
de vectores de la figura 19: 
 
Figura 19. Objeto en Perspectiva y sus Vistas 
Fuente: Autor 
 
 
21 
 
1.5.4 Vista vectorial en sección 
En el ámbito mecánico, industrial y científico es de mucha utilidad poder ver y analizar 
piezas en sección y aquí es donde la vectorización se transforma en una herramienta 
indiscutiblemente infalible. En la figura 20 mostrada a continuación, se ha representado 
la vista de sección de la figura 3, en donde se presentan piezas pintadas para dar una 
percepción clara del corte del objeto. 
 
Figura 20. Vista en Sección de la Figura 3 (Parte de un Motor de Avión) 
Fuente: Autor 
 
1.5.5 Vista vectorial de despiece 
Las figuras en vista explosionada o de despiece son comúnmente usados en la elaboración 
de manuales de ensamblaje y mantenimiento, catálogos, guías, entre otras, pues su 
representación tiene la intención de mostrar el orden de ensamblaje y/o desmontaje de las 
diferentes partes de un objeto. 
22 
 
Tal y como se representa en la figura 21, los componentes del objeto en cuestión se 
muestran como suspendidos con líneas guías que muestran el lugar de encaje de cada una 
y el orden en el que deben ubicarse, suelen acompañarse de texto explicativo. 
 
 
Figura 21. Ilustración de Vista Explosionada 
Fuente: Autor 
 
23 
 
También se puede explosionar un objeto con el fin de mostrar mecanismos en su interior, 
para lo cual el detalle con que se traza dichos vectores debe ser preciso, como se muestra 
en la figura 22. 
 
Figura 22. Balón de Baseball 
Fuente: Autor 
 
1.5.6 Sombras, contornos y transparencias al vectorizar 
La vectorización y una buena imaginación pueden dar un estilo muy realista a las 
ilustraciones, por ejemplo, la utilización de trazos suaves que denoten el material del 
objeto y si éste es transparente o no, otros trazos ayudan a percibir contornos a más de 
que se puede dar un toque de calidad al mostrar sombras que ilustran curvas o la dirección 
de la luz, opciones que se muestran en la figura 23. 
24 
 
Transparencia
Contorno
Sombras
 
Figura 23. Ilustración con Sombreado, Transparencia y Contorno 
Ilustración: Autor 
 
1.6 Análisis de elementos gráficos presentadas en proyectos en la carrera de 
Ingeniería Mecánica Automotriz 
Se han analizado 20 diferentes tesis de la carrera de Ingeniería Mecánica Automotriz de 
los últimos 10 años y que además están publicadas en el repositorio digital DSpace oficial 
de la universidad, con el fin de dar a conocer la calidad de los trabajos presentados y 
aprobados antes de la presentación de este proyecto para así, recalcar la necesidad de 
llevar a los estudiantes a un nivel más alto que les permita ser más competitivos en su 
desarrollo profesional y además el proyecto pretende mejorar el diseño de presentaciones 
de la Universidad Politécnica Salesiana, sede Cuenca y de esta manera abrirle las puertas 
a la renovación. 
25 
 
Basados en la tabla de rúbricas que se muestra en la figura 24, cada tesis fue analizada 
desde la visualización de los elementos gráficos utilizados, y éstos a su vez analizados 
más a fondo según su naturaleza. 
RANGO DE ANÁLISIS DE LOS ELEMENTOS GRÁFICOS
SEGÚN SU NATURALEZA
En base a la experiencia lo ideal es mantener 300 Pixeles por densidad,
para conservar la nitidez optima del E.G.
Ubicación del texto (justificado, centrado o alineado de manera que
apoye al elemento gráfico), nitidéz, fuente, espaciado entre caracteres
e interlineado que permitan una lectura clara.
Fondo y ambiente adecuado de la foto, elementos distractores, luz,
capacidad de transmitir el mensaje para lo que fue creado. 
Marco de fotos, marco y líneas en tablas, líneas de construcción del
objeto y color de fondo.
Estilo y diseño del E.G. respecto de su tamaño, ubicación y aspecto en
general del E.G., que muestre un buen ver y mantenga interesado al
lector.
Presentación
Texto
Contexto
Objeto
DPI
 
Figura 24. Rúbrica de Rangos Comparativos 
Fuente: Autor 
 
Ahora bien, considerando que este tipo de análisis es más cualitativo que cuantitativo, se 
estructuró una tabla comparativa para definir los criterios de calificación como consta en 
el Anexo 1; dichos rangos se grafican a continuación en la figura 25, donde se busca dar 
a cada rango cualitativo, un parámetro cuantitativo, para una mejor apreciación global del 
estudio. 
26 
 
C
a
li
fi
ca
ci
ó
n
 C
u
a
n
ti
ta
ti
v
a
9 -10
8 - 8.9
7 - 7.9
6 - 6.9
≤ - 5
Excelente Bueno Regular Deficiente Malo 
Calificación Cualitativa
CRITERIOS DE CALIFICACIÓN CUANTITATIVA VS. 
CALIFICACIÓN CUALITATIVA
 
Figura 25. Criterios de Calificación Cualitativa vs. Calificación Cuantitativa 
Fuente: Autor 
 
Basado en los parámetros expuestos en las figuras 24 y 25, se desarrolló una tabla para 
cada tesis que permita apreciar la puntuación asignada a cada elemento gráfico usado por 
el o los alumnos al momento de presentar su proyecto, seguido de un promedio y una 
sumatoria que dará una evaluación cuantitativa final por cada una. Esto con el objetivo 
de cuantificar o dar una calificación que permita discernir los cambios y mejoras 
sustentadas estadísticamente. 
A continuación, en la figura 26 se presentan 5 tablas de muestras de las 20 tesis analizadas 
que corresponden al Anexo 2, en ellas se puede apreciar que se asignó una calificación 
sobre 10 puntos a los aspectos detallados en la figura 24, para después ser promediados, 
para obtener una calificación total para cada muestra. 
 
 
 
27 
 
 
 
Figura 26. Muestras Aleatorias del Análisis 
Fuente: Autor 
2018
126
88 29
Elemento Gráfico CANTIDAD DPI TEXTO CONTEXTO OBJETO PRESENTACIÓN VALOR PROMEDIO
Tablas 13 8,00 9,00 8,00 8,00 8,50 41,50 8,30
Gráficas 2 7,00 6,00 9,00 8,00 8,00 38,00 7,60
Imagen de Cámara 38 8,00 10,00 4,50 10,00 6,50 39,00 7,80
Captura de pantalla 53 7,00 4,00 8,00 8,00 6,30 33,30 6,66
Planos técnicos 10 8,00 7,00 10,00 6,00 9,00 40,00 8,00
Diagramas 1 10,00 10,00 10,00 9,00 7,00 46,00 9,20
TOTAL EG 117 7,93
2019
145
53 47
Elemento Gráfico CANTIDAD DPI TEXTO CONTEXTO OBJETO PRESENTACIÓN VALOR PROMEDIO
Tablas 14 10,00 10,00 10,00 10,00 9,00 49,00 9,80
Gráficas 3 9,00 9,00 9,00 8,00 9,00 44,00 8,80
Imagen de Cámara39 8,00 10,00 9,00 9,00 9,00 45,00 9,00
Captura de pantalla 20 5,00 6,00 9,00 9,00 6,00 35,00 7,00
Artículos 16 8,00 6,00 4,00 6,00 5,00 29,00 5,80
Diagramas 3 9,00 8,00 6,00 7,00 7,00 37,00 7,40
Mapas 3 7,00 4,00 7,00 7,00 6,00 31,00 6,20
Esquemáticos 2 5,50 4,00 9,00 5,00 8,00 31,50 6,30
TOTAL EG 100 7,54
2018
71
37 30
Elemento Gráfico CANTIDAD DPI TEXTO CONTEXTO OBJETO PRESENTACIÓN VALOR PROMEDIO
Tablas 15 10 9 10 5,8 6,4 41,2 8,24
Gráficas 35 6,4 4,1 8 6,9 5,2 30,6 6,12
Captura de pantalla 17 5 7,3 7 5 7 31,3 6,26
TOTAL EG 67 6,87
2016
74
49 52
Elemento Gráfico CANTIDAD DPI TEXTO CONTEXTO OBJETO PRESENTACIÓN VALOR PROMEDIO
Tablas 51 9 7 9 9 10 44 8,80
Gráficas 1 9 7,7 9 7 7 39,7 7,94
Captura de pantalla 9 7,4 10 7 7,8 8,5 40,7 8,14
Diagramas 2 8 8 9 8 8 41 8,20
Imagen de Cámara 22 6.5 9 10 9 8,7 36,7 7,34
Mapa 15 6 7 8 9 9 39 7,80
Esquemáticos 1 7 7 8 9 9 40 8,00
TOTAL EG 101 8,03
2015
102
40 16
Elemento Gráfico CANTIDAD DPI TEXTO CONTEXTO OBJETO PRESENTACIÓN VALOR PROMEDIO
Tablas 23 9 9 7 8 8 41 8,20
Gráficas 23 9.5 8.7 9 6 5 20 4,00
Diagramas 6 7.3 8 8 7 7 30 6,00
Mapas 4 6 7 10 8,33 8 39,33 7,87
TOTAL EG 56 6,52
NÚMERO DE PÁGINAS: 
Elementos Gráficos del Autor: Elementos Gráficos de Fuente Externa:
Áreas de Análisis
PROMEDIO DEL ANÁLISIS
Muestra # 18
AÑO DE PUBLICACIÓN: 
Áreas de Análisis
PROMEDIO DEL ANÁLISIS
AÑO DE PUBLICACIÓN: 
NÚMERO DE PÁGINAS: 
Elementos Gráficos del Autor: Elementos Gráficos de Fuente Externa:
Muestra # 14
NÚMERO DE PÁGINAS: 
Elementos Gráficos del Autor: Elementos Gráficos de Fuente Externa:
Áreas de Análisis
PROMEDIO DEL ANÁLISIS
Muestra # 12
AÑO DE PUBLICACIÓN: 
NÚMERO DE PÁGINAS: 
Elementos Gráficos del Autor: Elementos Gráficos de Fuente Externa:
Áreas de Análisis
PROMEDIO DEL ANÁLISIS
Muestra # 6
AÑO DE PUBLICACIÓN: 
Elementos Gráficos del Autor: Elementos Gráficos de Fuente Externa:
Áreas de Análisis
PROMEDIO DEL ANÁLISIS
Muestra # 1
AÑO DE PUBLICACIÓN: 
NÚMERO DE PÁGINAS: 
28 
 
El análisis total de las muestras analizadas, tal como se evidencia en el Anexo 3, arroja 
una calificación total promedio de 7.68 puntos sobre 10, lo que según el criterio 
cualitativo estaría en un rango de bueno y es por esto que se ha desarrollado este proyecto, 
pues más allá de las mejoras a nivel docente y estudiantil que se conseguirían con su 
aplicación, está también la capacidad de transmitir un mensaje claro y efectivo que deben 
tener los documentos finales u oficiales que se presenten y representen a la Universidad 
Politécnica Salesiana, sede Cuenca de aquí en adelante, y serán a su vez un referente de 
excelencia. 
1.7 Representación gráfica del análisis de elementos gráficos presentados en 
proyectos en la carrera de Ingeniería Mecánica Automotriz 
Como se observa en la figura 27, que corresponde a la información obtenida según el 
Anexo 4, se muestra un promedio general de todas las tesis analizadas, la calidad de 
presentación de trabajos de titulación tiene un margen entre regular a bueno, en el que se 
debe trabajar para mejorar, siendo las tablas los elementos mejor presentados con un 
puntaje de 8.63 sobre 10; puesto que la herramienta utilizada en la mayoría de casos, 
responde a un programa de ofimática básica que los estudiantes llevan usando con mucha 
frecuencia, y que es parte del paquete de Microsoft Office. 
 
29 
 
Elementos Gráficos
P
u
n
tu
a
ci
ó
n
 d
e 
C
a
li
d
a
d
Tablas Gráficas Imágenes
de Cámaras
Capturas de
Pantallas
Diagramas
CALIDAD DE LA PRESENTACIÓN
DE ELEMENTOS GRÁFICOS
9 -10
8 - 8.9
7 - 7.9
6 - 6.9
≤ - 5
Rango Cualitativo
Malo
Deficiente
Regular
Bueno
Excelente
 
 
Figura 27. Gráfica Descriptiva de la Calidad de Presentación de Elementos Gráficos 
Fuente: Autor 
 
Las tablas no son solo el elemento gráfico mejor puntuado y que no presenta rangos de 
calificación cualitativa de deficiencia, ni malo, sino también el más utilizado por los 
estudiantes, y además son una parte fundamental al momento de presentar un trabajo de 
titulación, en ocasiones se utilizan más que el texto y que por decir lo menos, debería 
estar acompañado de una calidad de excelencia y debería ser variada para mantener al 
lector interesado. 
En la figura 28 se puede apreciar la representación gráfica correspondiente al Anexo 5, 
que es el análisis de la cantidad presentada de cada elemento gráfico, para tener una idea 
de todo lo que este proyecto evaluó para dar los resultados finales, como se muestra a 
continuación: 
30 
 
C
a
n
ti
d
a
d
700
600
500
400
300
200
100
0
CANTIDAD DE ELEMENTOS GRÁFICOS
PRESENTADOS SEGÚN SU CATEGORÍA
Elementos Gráficos
Tablas Gráficas Imágenes
de Cámaras
Capturas de
Pantallas
Diagramas
Rango Cualitativo
Malo
Deficiente
Regular
Bueno
Excelente
 
 
Figura 28. Gráfica Descriptiva de la Cantidad de Elementos Gráficos Presentados 
Fuente: Autor 
 
Por otro lado, se encontró informalidad en la presentación de varios elementos gráficos 
tales como: mapas, artículos, cuestionarios y planos técnicos, que por no contar con el 
mínimo requerido para la muestra no fueron aplicados en esta estadística, no obstante, sí 
serán nombrados y explicados más adelante, por ser considerarlos un recurso más, que se 
pude emplear de manera efectiva en los trabajos de titulación. 
A continuación, se detalla mediante gráficas el análisis de los puntajes, de cada 
clasificación de los elementos gráficos para visualizar más didácticamente el estudio 
efectuado a cada uno, en el presente proyecto. 
Como se mencionó antes, las tablas son un recurso muy bueno y explicativo al momento 
de apoyar un texto, y uno de los más usados por los estudiantes, que como muestran las 
figuras 29 y 30 a continuación, información que se basa en el Anexo 6, tienen 34% en 
rango regular que corresponde a 165 tablas de un total de 616 analizadas, y también se 
debe mencionar que tienen la calificación más alta del análisis en rango excelente con 
una proporción del 27% que corresponde a 213 unidades de las 616 tablas analizadas, y 
31 
 
además no se encontraron calificaciones que recaigan en los dos últimos rangos, como se 
muestra a continuación: 
PORCENTAJE DE CALIDAD DE TABLAS
34%
39%
27%
Rango Cualitativo
Malo
Deficiente
Regular
Bueno
Excelente
 
 
Figura 29. Porcentajes de Calidad de Tablas 
Fuente: Autor 
 
Calidad
C
a
n
ti
d
a
d
250
200
150
100
50
0
CALIDAD VS. CANTIDAD DE TABLAS
238
165
213
7 - 7.9 8 - 8.9 9 - 10
 
Figura 30. Gráfica de Calidad vs. Cantidad de tablas 
Fuente: Autor 
 
En el análisis de las gráficas, correspondiente al Anexo 7, se observó una generalidad en 
el uso de barras simples verticales, siendo que este tipo de elemento gráfico tiene una 
gran variedad de opciones de presentación y se encontró un 53% de ellas en el rango 
regular que corresponde a 305 unidades del total de 576 analizadas, es decir más de la 
mitad; y un rango en deficiente con un 4% correspondiente a 23 gráficas del total 
32 
 
analizadas, que aunque es un porcentaje muy pequeño, no deja de ser preocupante puesto 
que se trata de trabajos de finalización de carrera, como se muestra a continuación en las 
figuras 31 y 32: 
PORCENTAJE DE CALIDAD DE GRÁFICAS
4%
53%
14%
29%
Rango Cualitativo
Malo
Deficiente
Regular
Bueno
Excelente
 
Figura 31. Porcentaje de Calidad de Gráficas 
Fuente: Autor 
 
Calidad
C
a
n
ti
d
a
d
250
200
150
100
50
0
CALIDAD VS. CANTIDAD DE GRÁFICAS
350
300
23
305
80
168
6 - 6.9 7 - 7.9 8 - 94 - 5.9
 
Figura 32. Gráfica de Calidad vs. Cantidad de Gráficas 
Fuente: Autor 
 
Al hablar de las imágenes de cámara, se asignaron calificaciones que dan como resultado 
un 8% en rango deficiente que conciernen a 46 unidades de un total de 575 imágenes de 
cámara analizadas, seguidas por un 33% en el rango de regular que corresponden a 191 
de 575 analizadas y en el rango de excelencia a un 22%, que recaen en un total de 125 de 
33 
 
575 analizadas,datos según el Anexo 8. También se debe mencionar que no existen 
valores que recaigan sobre el rango cualitativo malo, como se muestran en las figuras 33 
y 34: 
PORCENTAJE DE CALIDAD
DE IMÁGENES DE CÁMARA
8%
33%
37%
22% Rango Cualitativo
Malo
Deficiente
Regular
Bueno
Excelente
 
Figura 33. Porcentaje de Calidad de Imágenes de Cámara 
Fuente: Autor 
 
Calidad
C
a
n
ti
d
a
d
250
200
150
100
50
0
CALIDAD VS. CANTIDAD
DE IMÁGENES DE CÁMARA
125
213191
46
7 - 7.9 8 - 8.9 9 - 105 - 6.9
 
Figura 34. Gráfica de Calidad vs. Cantidad de Imágenes de Cámara 
Fuente: Autor 
 
Las capturas de pantalla, que corresponden al Anexo 9, muestran puntajes que demuestran 
que se debe buscar una mejora de la manera más oportuna, pues recaen sobre el rango de 
malo con un 14% que concierne a 78 capturas de pantalla de un total de 561 analizadas, 
seguidas por el rango deficiente con un 50% es decir la mitad del total del análisis y 
34 
 
apenas un 2% en el rango de excelencia, es decir solo 10 de 561 capturas de pantalla tiene 
una calidad propia de un trabajo de titulación, como se aprecia en las figuras 35 y 36 a 
continuación: 
PORCENTAJE DE CALIDAD
DE CAPTURAS DE PANTALLA
14%
50%
23%
11% 2% Rango Cualitativo
Malo
Deficiente
Regular
Bueno
Excelente
 
Figura 35: Porcentaje de Calidad de las Capturas de Pantalla 
Fuente: Autor 
 
Calidad
C
a
n
ti
d
a
d
250
200
150
100
50
0
CALIDAD VS. CANTIDAD DE
CAPTURAS DE PANTALLA
300
350
5 - 5.9 6 - 6.9 7 - 7.9 8 - 8.9 9 - 10
280
78
130
63 10
 
Figura 36. Gráfica de Calidad vs. Cantidad de Capturas de Pantalla 
Fuente: Autor 
 
Y finalmente, acorde al Anexo 10, se presenta el análisis porcentual de los diagramas 
analizados que se presentan en menor número que los anteriores, y presentan un rango 
preocupante en la categoría de malo con un 45% que corresponde a 59 de 131 diagramas 
analizados, seguido por el rango deficiente y excelente con igual porcentaje del 4%, es 
35 
 
decir que solo 5 diagramas de los 131 analizados, alcanzaron los niveles deseados de un 
trabajo de titulación, como se muestra a continuación en las figuras 37 y 38: 
PORCENTAJE DE CALIDAD DE DIAGRAMAS
45%
4%6%
41%
4%
Rango Cualitativo
Malo
Deficiente
Regular
Bueno
Excelente
 
Figura 37. Porcentaje de Calidad de Diagramas 
Fuente: Autor 
 
Calidad
C
a
n
ti
d
a
d
CALIDAD VS. CANTIDAD DE DIAGRAMAS
70
60
50
40
30
20
10
0
5 - 5.9 6 - 6.9 7 - 7.9 8 - 8.9 9 - 10
59
6
8
53
5
 
Figura 38. Gráfica de Calidad vs. Cantidad de Diagramas 
Fuente: Autor 
 
Tomando las palabras de Thomas Alva Edison (1847-1931), quién fue un inventor 
reconocido y que además aportó en el campo de la tecnología moderna, dijo: “Hay una 
manera de hacerlo mejor; encuéntrala”. es que se pone a su criterio este proyecto, con el 
respaldo de los capítulos siguientes, toda vez que se ha podido sustentar que se debe hacer 
una innovación a nivel institucional que permita subir los estándares de calidad de 
presentación de los trabajos de titulación de la carrera de Ingeniería Mecánica Automotriz 
36 
 
y porque no, de todas las carreras de la Universidad Politécnica Salesiana, sede Cuenca, 
para acercarnos cada vez más a la excelencia y sembrar en los alumnos y cuerpo docente 
una semilla que permita caminar de la mano juntos al progreso y el éxito personal y 
colectivo. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
37 
 
CAPÍTULO 2 
ELEMENTOS GRÁFICOS, SUS CONCEPTOS Y CARACTERÍSTICAS DE 
PRESENTACIÓN 
 
2.1 Introducción 
Como se analizó en el capítulo anterior, los elementos gráficos ayudan al cerebro, ya que 
permite entender, captar y memorizar mejor el mensaje, por eso este proyecto busca 
ajustarse a la armonización de tamaños entre gráficas y textos, presentaciones de números 
y estadísticas, construcción de tablas y objetos, así como la alineación de conceptos y 
gráficas, basados en el lenguaje visual universal del que hablaba William Playfair (1759-
1823), político y economista inglés, quien es considerado el inventor de los gráficos 
lineales, de barras y de sectores, basado en principios que él mismo estableció: 
 El método gráfico es una forma de simplificar lo tedioso y lo complejo. 
 Los hombres ocupados necesitan alguna clase de ayuda visual. 
 El gráfico es más accesible que un cuadro. 
 El método gráfico es concordante con los ojos. 
Si para ampliar la comprensión de un texto se requiere de dibujos, fotografías o figuras 
ilustradas, éstas se verán mejor si cumplen estándares de calidad, de cantidad adecuadas 
y limitadas de acuerdo a la necesidad de representación para demostrar gráficamente el 
concepto del objeto de estudio. 
Ahora bien, refiriéndose a la presentación de proyectos de titulación de la carrera de 
Ingeniería Mecánica Automotriz, hasta el presente se han aplicado normas que permiten 
tener un grado de armonía como las normas APA, creadas por la Asociación Psicológica 
Americana, son un conjunto de estándares que permiten organizar con un mismo estilo, 
la manera de presentación del proyecto o la investigación escrita a nivel global, como 
por ejemplo: la normativa de los márgenes en la hoja, el tipo de letra, el espaciado, 
38 
 
sangría, y ciertos estándares dirigidos a la inclusión de imágenes o figuras, entre otros; o 
las normas IEEE, creadas por el Instituto de Ingeniería Eléctrica y Electrónica, que 
responden a la creación de estándares, a la normalización y potenciación de las áreas 
técnicas, que permiten interpretación de códigos, uso de lenguaje de especificación, 
descripción de arquitectura de software, desarrollo de literatura aplicada para robótica, 
telecomunicaciones, computación, biomédica, biónica, mecatrónica, entre otros. Ambas 
normativas tienen como objetivo la regulación de parámetros que permitan al 
investigador transmitir de manera asertiva al lector sus conocimientos, y el afán de este 
proyecto no es el de reemplazarlas, sino el de acompañarlas con una normativa 
internacional respecto de la presentación de elementos gráficos, con la finalidad de elevar 
la calidad de presentación de los proyectos de titulación, toda vez que éstos ya cuentan 
con una normativa estructural al usar normas APA o IEEE, ahora se ve la necesidad de 
normar la representación gráfica y así consolidar la presentación de un proyecto de 
manera más eficaz y con calidad internacional. 
Por lo tanto, mediante este proyecto presenta estándares de calidad internacional como 
son las normas técnicas de la OMPI, Organización Mundial de Propiedad Intelectual, 
mismas que reflejan las mejores prácticas existentes en el mundo, utilizando terminología 
y formatos consensuados que contribuyen a la protección de la propiedad intelectual de 
innovaciones; éstas normas se usan a nivel mundial en servicios de Propiedad Intelectual 
y en otros como la Haya, por ejemplo. Si bien es cierto, las normas OMPI se refieren a 
patentes, marcas, diseños industriales, entre otros, también pueden aplicarse a las etapas 
iniciales de un proyecto y esto es precisamente lo que se presenta al momento de finalizar 
una carrera, que de hecho muchos de esos proyectos de titulación pueden ser innovaciones 
que requieran a futuro un registro y protección respecto de su propiedad intelectual. 
39 
 
Por otro lado, el enriquecimiento que esto aportara a nivel institucional, posicionando a 
la Universidad como los pioneros en usar y desarrollar estas normas a nivel universitario, 
dará un gran paso a la modernización y a la estandarización de invenciones a nivel 
internacional y protegiendo así también, la propiedad intelectual de dichos proyectos, 
pues las ilustraciones de forma comprensible e inequívoca, frenan copias o plagios y de 
existir infractores, serán una prueba a favor del estudiante y de su universidad. 
Dicho esto, a continuación, se detallan estándares que permitirán que cada elemento 
gráfico usado porlos estudiantes de nuestra Universidad, transmita el mensaje 
adecuadamente y con calidad internacional. 
Antes de entrar en materia, es importante comprender que son las paletas de colores, 
cuando y como usarlas. 
2.2 Las paletas de colores 
Las paletas de colores son el conjunto de colores, sus tonos, matices y sombras que varían 
en intensidad y dependen de su combinación para la creación de infinidad de nuevos 
colores. Dicho esto, lo que este capítulo analizará es la importancia de la elección y el 
buen uso de la paleta de colores en los elementos gráficos usados en la presentación de 
proyectos de titulación, pues si lo que se quiere es atraer la atención del lector, entonces 
se sugiere incursionar en el análisis de aspectos como: considerar dónde y en que tono 
usarla, la saturación de la vista, a que público está dirigido y si es realmente un apoyo al 
elemento gráfico, tomando en cuenta que el color y tono correcto evitan que el lector se 
asuste o se desconecte del objetivo, al contrario una elección responsable hará que el 
elemento gráfico realce y se vea elegante transmitiendo así la personalidad del proyecto 
y de sus autores. 
En los trabajos de titulación analizados se evidenció algunos casos de uso de colores 
intensos que, a más de interrumpir al texto u objeto, al ser demasiado llamativos saturan 
40 
 
la vista del lector; por esto la recomendación de la OMPI es el no uso de colores, pero de 
ser necesarios o si el autor así lo cree conveniente, se usarán paletas equilibradas que se 
refieren a la combinación de colores más relajados y refrescantes o llamados también 
colores pasteles como se muestran en la figura 39, a continuación: 
Amarillo Naranja Café
CelesteLilaRosa
Gris Verde Turquesa
 
Figura 39. Ejemplo de una Paleta Equilibrada 
Ilustrado a partir de: https://www.vinilomall.com.ar/ 
Fuente: Autor 
Bajo la normativa de la OMPI, las imágenes sencillas, claras y precisas ayudan al inventor 
a proteger su proyecto de futuros plagios, pues al ser ilustrados minuciosamente y sin 
color, éstos quedan más comprensibles y su propiedad intelectual puede ser valorada 
inequívocamente. 
2.3 Las tablas 
Las tablas son elementos gráficos compuestos de filas y columnas, así como una forma 
concisa y efectiva de presentar grandes cantidades de datos o información textual, 
numérica, gráfica o una mezcla entre ellas; deben ser diseñadas cuidadosamente para que 
sus resultados sirvan de apoyo al texto y al proyecto que se está presentando, como se 
ilustra en la figura 40 a continuación: 
41 
 
 
Lorem Ipsum Dolor Sit Amet
Consectetur AdipiscingElit
Quisque porta facilisis
quam, quis dignissim
ipsum mollis in.
Nam non sem ut turpis
placerat scelerisque.
Pellentesque ut sem turpis.
Cras
fringilla
nibh
Etiam
consequat
est nibh
 
 
Figura 40. Ejemplo de una Tabla Informativa 
Fuente: Autor 
El diseño de una tabla debe incluir: 
 Número de la tabla (en secuencia). 
 El texto a usarse será el mismo que en el resto del documento. 
 El título de la tabla va en mayúsculas, negrita y centrado al marco general de la 
tabla. 
 Los encabezados de columnas y/o filas deberán estar centrados, en negrita y con 
estilo título. 
 Columnas y filas tendrán espacio suficiente y con su respectiva división por 
renglón y secciones verticales, permitiendo que todo número y texto esté bien 
delimitado de forma para que caracteres como: superíndices, subíndices, 
mayúsculas y letras con rasgos altos y bajos, sean visibles. 
 El texto debe tener un alto no menor a 0.32cm para garantizar su legibilidad. 
42 
 
 Si el texto es continuo deberá tener interlineado de 1,5 o 2pt, dependiendo de la 
legibilidad de los caracteres esto es, respecto de letras como, por ejemplo: p, y, q 
que tienen rasgos bajos o: b, t, d que tienen rasgos altos, así no se pierde la 
comprensión del texto. 
 La información dentro de las celdas deberá estar preferiblemente centrada, a 
menos que por su naturaleza el alineado izquierdo o derecha permita su mejor 
lectura. 
 Las líneas de construcción de la tabla tendrán grosor de acuerdo a su jerarquía, 
esto sería, por ejemplo, un espesor de 0.34mm para líneas de división de celdas y 
para el contorno de la tabla general 0.66mm. 
 De ser necesaria una explicación extra acerca de la tabla se adjuntará abajo un 
párrafo con el subtítulo “nota” entre estos pueden estar abreviaturas, fórmulas o 
nomenclaturas. 
 De preferencia la tabla debe ir sin color, pero de ser necesario se elegirán paletas 
equilibradas, es decir colores pasteles que no saturen la vista. 
 Finalmente, la tabla debe estar centrado a la página, en caso de ser pequeña podría 
ser distribuida en doble columna con texto y en caso de ser del tamaño de la 
página, ésta no debe pasar el margen de la misma. 
2.4 Las gráficas 
Son una representación visual que expresa datos estadísticos para la comprensión global 
de cierta información. Como se puede observar en la figura 41, éstas se representan por 
medio de barras, pasteles, líneas, puntos, polígonos, entre otros que facilitarán la 
interpretación del estudio realizado. 
43 
 
0 5 10 15 20
Distancia
C
ic
lo
s
25
20
15
10
5
0
Ejemplo 1
Ejemplo 2
Tabla Ciclos vs. Distancia
 
Figura 41. Ejemplo de una Gráfica 
Fuente: Autor 
Un Gráfico tiene la estructura y elementos siguientes: 
 Número de gráfico (en secuencia). 
 Título de la gráfica en negrilla, centrado a la gráfica, en estilo título. 
 Título de ejes en negrilla, centrado a la gráfica o marco que encierra las líneas, en 
estilo título. 
 Números o texto en referencia a los ejes, alineado a sus marcaciones y distribuido 
a lo largo o ancho de su respectivo eje. 
 La leyenda se escribe dentro de un cuadro y debe ir de preferencia fuera de la 
gráfica, pero si ésta la permite irá dentro, no deberá interrumpir el dibujo haciendo 
que se pierda líneas del mismo. El texto en la leyenda se escribe con la misma 
fuente y tamaño del resto del documento. 
 La figura deberá ser construida con líneas que permitan reconocer y diferenciar 
cada uno de los elementos que conforman la estadística estudiada esto es, por 
ejemplo, el uso de diferentes líneas entre sólidas y entrecortadas que permitan 
distinguir elementos como: contornos, lados, ángulos, eje, entre otros. 
44 
 
 Cada elemento diseñado en la gráfica será coherente con la descripción en la 
leyenda y comúnmente se usan colores para determinar la diferencia de valores, 
en esos casos se recomienda el uso de paletas equilibradas en colores pasteles. 
También se recomienda el uso de diferenciación de líneas para distar colores o 
estándares, combinando el tipo de línea entre sólida o entrecortada y a su vez el 
grosor de 0.18mm, 0.28mm o 0.34mm, para marcar una diferencia clara. 
 No es común que este tipo de figuras estén acompañadas de texto explicativo a su 
lado, de ser necesaria cualquier aclaración lo correcto es mostrar un apartado 
llamado “Notas” en la parte inferior de la gráfica, pues este elemento gráfico por 
su naturaleza es grande y se recomienda dejarlo centrado a la página a lo largo del 
documento. 
2.5 Las imágenes de cámara 
Alfred Eisenstaedt dijo: “Lo más importante no es la cámara, sino el ojo”; Por esto, las 
fotografías son considerados los elementos gráficos de mayor impacto y se deben elegir 
de acuerdo a los siguientes criterios: pertenencia, calidad y proporción, como muestra la 
figura 42 a continuación: 
 
Figura 42. Imagen de un Taller Mecánico 
Fuente: https://stock.adobe.com/ 
45 
 
La pertenencia de una imagen de cámara se refiere a que éstas deben estar relacionadas 
al texto que acompañan y causar impresión estimulante para el lector; las imágenes deben 
tener una calidad de 300 DPI evitando así pixeles; así también se debe cuidar su 
proporción evitando estirar, achicar o deformarlas, para eso las imágenes deben ser 
escaladas en diagonal. 
Para que una imagen de cámaraquede completamente presentable necesita: 
 Tener una resolución de 300 DPI, para que reúna los requisitos de impresión o 
visualización digital óptimos. 
 Debe tener un marco, con un grosor de 0.66mm y de preferencia negro. 
 Se deben presentar centradas o alineadas al texto, de manera que armonicen la 
distribución de la página. 
 De preferencia no se debe incluir textos en las imágenes de cámara, pero de ser 
necesario se usarán líneas referencia o flechas (de menor grosor que el marco, 
0.28mm) para nombrar partes del objeto. En caso de que el objeto cuente con 
varias partes a nombrar, se recomienda trabajar sobre varias fotografías con el fin 
de no amontonar o desordenar la imagen. 
 Las imágenes de cámara presentadas en un proyecto serán trabajadas como 
fotografía documental, basadas en la recopilación de datos que aporten al proyecto 
y por consiguiente no deben permitirse objetos distractores a su alrededor, 
paisajes, fondos inapropiados, entre otros; es decir la fotografía documental 
capturará única y exclusivamente el objeto de estudio de ser posible. 
 Toda imagen de cámara deberá pasar por un proceso de análisis respecto de su 
brillo, para aclarar colores obscuros y blanquear los claros, así como su contraste 
para ajustar la diferencia entre los colores claros y obscuros, con la finalidad de 
resaltar lo que se busque en ella y dar la mayor claridad posible a la imagen. 
46 
 
2.6 Las capturas de pantalla 
Las capturas de pantalla son presentaciones informales de un objeto de estudio, puesto 
que se trata de una segunda reproducción de una imagen obtenida usualmente del internet 
como la que se observa en la figura 43, por lo que ayudados de herramientas digitales se 
obtiene una captura de dicha imagen, afectando su resolución, entonces en la búsqueda 
de una mejora en la calidad, en la figura 43 se observa la vectorización de una captura de 
pantalla y discernir claramente la diferencia de calidad entre ellas. 
 
 
 
 
Figura 43. Captura de Pantalla y su Ilustración Vectorizada 
Fuente: Autor 
 
Por tanto, este proyecto pretende evitar el uso de capturas de pantalla a nivel universitario 
puesto que su calidad no cumple los estándares de los que se ha venido hablando a lo 
largo de este proyecto. Sin embargo, a continuación, se detallan los aspectos básicos que 
deberían tener éstos elementos gráficos para su presentación formal: 
 Como se mencionó antes, las capturas de pantalla deben ser vectorizadas, puesto 
que presentan una resolución insatisfactoria sin la calidad requerida para trabajos 
de titulación, y aunque existen varias formas de mejorar su calidad, como 
aumentar la resolución de la pantalla antes de hacer la captura, de todas formas, 
se encuentran errores como difuminación de colores, texto borroso y pérdida de 
información gráfica. 
47 
 
 La captura de pantalla debe ser clara y precisa en el mensaje que pretende 
transmitir. 
 Debe tener un marco con un color atenuado, de preferencia negro, así como un 
grosor de línea de 0.66mm, para que no distorsione la elegancia de la página. 
 Se puede utilizar herramientas para mejorar la presentación de las capturas de 
pantalla como Paint, Recortes, entre otros, con el fin de eliminar sombras, líneas, 
puntos y demás caracteres que pudieran estar interfiriendo en la nitidez de la 
captura de pantalla. 
2.7 Las ilustraciones vectoriales 
Son dibujos digitales creados a base de formas y figuras geométricas compactas a partir 
de líneas o vectores programados con la finalidad de darle un valor artístico y la mayor 
calidad posible. Prácticamente todo lo que se ve y se piensa puede ser vectorizado con 
precisión y la facilidad de aumentar, disminuir, desmontar y agrupar sin pérdida de la 
nitidez y conservando la idea original, como se aprecia en la ilustración de la figura 44: 
 
Figura 44. Ilustración de una Camioneta 
Fuente. Autor 
48 
 
Tomando en cuenta, la amplitud de aplicación de la vectorización, la OMPI recomienda 
lo siguiente: 
 Suministrar un número suficiente de vistas. 
 De omitir vistas del proyecto, añadir una explicación sobre las mismas. 
 No mezclar reproducciones directas (imágenes de cámara) con ilustraciones 
vectoriales, para mantener la estética del documento. 
 Las ilustraciones deben ser dibujadas manteniendo la idea original del proyecto. 
Por consiguiente, se establecerán dimensiones, líneas y sus grosores, rellenos, 
posición, ubicación y limpieza en general del producto final (líneas diferenciadas 
según su jerarquía desde 0.13mm a 0.66mm de espesor, figuras uniformes, bien 
definidas y delimitadas). 
 Toda ilustración vectorial irá acompañada de un título, así como de la referencia 
de su fuente, que permita saber el origen de su procedencia. 
 Cada ilustración deberá ser nombrada y enumerada de acuerdo a su naturaleza, 
por ejemplo: “Figura 1: vista superior” y acompañada de una descripción breve 
 Las ilustraciones deben tener un tamaño adecuado para mostrar todos los 
elementos que conforman el objeto de estudio, en casos especiales se pueden hacer 
varios dibujos, para mostrar por partes el objeto y así no perder claridad ni calidad 
de lo que se pretende transmitir. 
 Ciertas ilustraciones requieren de texto, se recomienda que se ubiquen fuera del 
objeto ilustrado, acompañado de líneas referencia que permitan identificar el texto 
con el objeto en cuestión. 
 El uso de líneas discontinuas en un grosor de 0.28mm ayuda a ilustrar medidas o 
información considerada importante en la ilustración, como piezas internas o 
algunas que no forman parte del dibujo, pero son explicativas, igualmente como 
49 
 
en los casos anteriores se puede combinar opciones de grosor de línea y tipo de 
entrecortado para dar un claro mensaje diferenciado. 
 La ilustración puede contar con otro tipo de líneas más finas desde 0.13mm para 
identificar figuras curvas o la dirección de la luz, si el objeto es plano líneas en 
grosor de 0.18mm, partes sólidas del objeto en 0.34mm y hasta el material del que 
está fabricado se puede representar con el trazo de texturas en un grosor no mayor 
a 0.18mm. 
 El texto utilizado para las ilustraciones, así como a lo largo del proyecto, será el 
mismo asignado según las normas APA, IEEE o la que se esté autorizado a usar. 
 Las ilustraciones se ven mejor a blanco y negro, recordando que “menos es más” 
la elegancia de la ilustración denota claridad en cada detalle y permite ver todas 
las partes del objeto, así como proteger su propiedad intelectual; pero de ser 
necesario se escogerán paletas de colores equilibradas o pasteles y siempre y 
cuando no interfieran en la identificación del objeto de estudio. 
 La ilustración no es una caricatura, se debe incursionar en mejoras que permitan 
la presentación de una ilustración lo más realista posible evitando la 
caricaturización de elementos o personas. 
2.7 Los diagramas de flujo 
Los diagramas de flujo son un conjunto de textos organizados en figuras geométricas que 
permiten conocer el procedimiento paso a paso de un proceso, y por tanto se pretende 
tener la mayor claridad posible y en jerarquías, así como también pueden estar 
acompañados de preguntas que responden a posibilidades del uso de dicho procedimiento. 
Por tanto, es de suma importancia diferenciar cada paso y señalar la secuencia del proceso 
con precisión. 
50 
 
Como se aprecia en la ilustración de la figura 45, un diagrama de flujo debe ser claro, 
conciso y además agradable a la vista del lector para que cumpla su objetivo. 
Lorem Ipsum
 Consectetur
Adipiscing
Elit
Quisque
Porta
Facilisis
Quis Dignis Sim
Nam non
Sem ut Turpis
Pellentesque
ut Sem Turpis
Vulputate
Magna
Placerat
Lorem Ipsum
 Consectetur
Adipiscing
Elit
Quis Dignis Sim
 
Figura 45. Ejemplo de un Diseño de Diagrama de Flujo 
Fuente: Autor 
 
Así que, las características básicas de un diagrama de flujo son: 
 Cada paso del