Cap 02
Cap 02
Cap 02
________________________________
DESARROLLO
CAPITULO II
DESARROLLO
1. BASES TEÓRICAS
visión amplia de los conceptos utilizados por las investigadoras para cimentar
1. 1. DISEÑO GRÁFICO
Una unidad de diseño grafico debe ser colocada frente a los ojos del público
necesidades de un consumidor.
9
10
producto.
necesidades del cliente bajo una línea practica simple y acorde con sus
expectativas
1. 2. CONCEPTO GRÁFICO
más que entender a plenitud tres premisas básicas de ese ente; Qué es,
Cómo es, y por último, Para qué es. Para poder llegar a esas premisas
mismo por insignificante o banal que parezca, recordando que tal vez que la
como textura, dimensión, color o contorno son tan vitales como aquellos casi
Por otro lado el autor Fernando (2016) explica según su opinión que el
imágenes dicha idea, y se busca llenar las expectativas del cliente en cuanto
forma con la que se decide plasmar una idea y darle un cuerpo para expresar
para poder desarrollar las ideas pertinentes y que estas cumplan con la
para público.
3. INFOGRAFIA
autor afirma que la infografía existe desde al menos unos 200 años siendo la
que “el que aquí nos interesa es aquél por medio del cual se podrá intentar
contar una historia con hechura gráfica, sin precisar para ello de elementos
fotográficos, tal vez porque no existen, "lo cual sucede en más ocasiones de
presentan a continuación:
Por otra parte Bermúdez (2008) explica que el grafico de barras funciona
cantidad que presentan. Este tipo de gráficos suele usarse en los medios de
una altura que suele variar según el número de objetos que se presenten en
la migración urbana.
Por otro lado Cáceres (2009) dice que el grafico de torta sirve para
por un círculo (el todo) que es dividido en secciones distintas que conforman
proporciones o porcentajes.
En torno a las ideas de Bermúdez (2008) el cual nos dice que El gráfico
tiempo. Los gráficos de fiere funcionan si: "1) la línea que traza el cambio de
confunde al lector.
variantes enfrentadas (por ejemplo tiempo y distancia) y una línea que sube o
tiempo indicado.
del contenido que se esté tratando , la línea sube o baja , estos gráficos se
hacerla entendible
Por otro lado la opinión del autor Cáceres (2008) explica desde su punto
de vista que la tabla numérica en si puede definirse como una forma sencilla
entre sí. Es útil para presentar información compleja que no puede ser
estos mismo, suelen ser utilizados para presentar información compleja que
3.1.5. MAPAS
Según Cáceres (2008) quien nos explica que utiliza para mostrar la
necesita mucho detalle, por lo que se ubican solo las calles o edificios más
mapa de una determinada zona de una ciudad, por ejemplo, a veces es sólo
necesario ubicar las calles más importantes que circundan en suceso; dibujar
colores
19
talle ya que solo se usa como una referencia ya que detallar cada calle
3.1.6. DIAGRAMA
leyendas son algunos de los elementos que más se utilizan para poder
definirlas como tales. Dentro de estas regularidades la que resulta más obvia
que tiene como finalidad comunicar cómo opera y cómo se deben manejar o
utilizar objetos. También son utilizadas para enseñar cómo se realizan ciertas
digitales.
Por otra parte Colle (2004) asegura que la infografía instructiva tal como
donde, por otra parte, también aparecen infográficos idénticos a los de las
que la infografía Instructiva es aquella que tiene como propósito y tal cual
elementos sonoros.
tener este la capacidad de elegir entre varias opciones para poder conocer la
Digital tales como las imágenes textos ilustraciones y demás y los convierte
partes:
3.2.1. INFOGRÁMA
infográma a una imagen que es tratada con diferentes técnicas para que
sentido visual y con un trabajo mas elaborado puede llegar a contactar con
ofrece la infografía
3.2.2. TITULAR
forma rápida adecuada al lector, así mismo, ayuda a guiar al ojo por el orden
centro de impacto visual, que prevalece por su ubicación o tamaño sobre las
erróneas.
3.2.4. FUENTE
del lector.
Por otro lado se infiere que la fuente indica de que página libro , base de
3.2.5. CRÉDITO
una ubicación que no distraiga la atención del lector, suele ubicarse al final
y una ubicación que no distraiga al lector tal como lo sería en una de las
adecuado, para que sea más fácil de comprenderla. Cada diario tiene su
propio estilo
Según Moreno (2005) Los elementos gráficos son una parte fundamental
sea más fácil su lectura, estos pueden ser imágenes, fotografías, gráficos,
3.3.1. ICONOS
imagen, sin que esta pierda su forma regularmente van en un solo color para
usan cuando existen varios datos de poca extensión sobre un tema. Suelen
Según Moreno (2005) los iconos (del griego eikon-onos, imagen) son uno
de los elementos gráficos más usados, no sólo en esta nuestra época digital,
sino que desde la más remota antigüedad han servido como puntos clave de
Por otro lado , a lo largo de la historia siempre han existido los iconos ,en
visual concreta, sin embargo ,el icono es la estilización de una imagen sin q
en tamaño pequeño
3.3.2. VIÑETAS
A juicio de Tovar (2008) las viñetas Cumplen una función similar a los
iconos, pero con la diferencia que se utilizan cuando existe más texto por
francés vignette y que permite nombrar a los recuadros de una serie que, con
32
historieta o cómic.
viene del francés , vignette que permite nombrar a los recuadros en una
3.3.3. ILUSTRACIONES
acabado, mientras más detallado sea mucho más impacto visual causara en
plásticas. La miniatura, por su sentido del espacio, por la precisión del dibujo,
de la escultura.
ilustración no debe ser decorativa si no que siempre debe tener y cumplir una
3.3.4. FOTOGRAFIAS
un concepto diferente)
práctica social muy popular con un lugar en los museos llegando a ser
mucho más duradera que la del texto descriptivo llegando esa a perdurar en
su memoria por años incluso pero esto depende del impacto que la imagen
4. REPRESENTACIONES DE LA INFOGRAFIA
manera:
4.1. PLANAS
planas son aquellas que no muestran ningún tipo de volumen pero que a
proyección
4.2. ISOMÉTRICAS
que los tres ejes básicos tiene el mismo tamaño, esta tiene tanto ventajas
entre sí. Los objetos se muestran con una rotación del punto de vista de 45º
vértice opuesto. Los ejes X e Y son las rectas de encuentro de las paredes
escala pero sin reflejar la disminución del tamaño, esto se realiza trazando la
figura en los planos X, Y, Z siendo estos los que le dan las dimensiones a al
objeto
de las personas:
fluido, es muy útil cuando se quiere llevar un proceso paso a paso, con una
Grafico 1.
Elaborado por Vizcaíno (2017)
Grafico 2.
Elaborado por Vizcaíno (2017)
adicional.
Grafico 3.
Elaborado por Vizcaíno (2017)
navegación
Grafico 4.
Elaborado por Vizcaíno (2017)
5. TIPOGRAFIA
dentro del Diseño Gráfico estudia los distintos modos de optimizar la emisión
a niveles donde con solo usarla puede llevar un mensaje sin necesidad de
determinado grupo
5.1. SERIF
difícil asegurar que los bordes de las letras fueran rectos, por lo que el
43
tallador desarrolló una técnica que consistía en destacar las líneas cruzadas
para el acabado de casi todas las letras, por lo que las letras presentaban en
serif.
Por otro lado Hernández (2015) infiere que las fuentes serif o con remate
resultaba difícil asegurar que los bordes de las letras fueran rectos, por lo
que el tallador desarrolló una técnica que consistía en destacar las líneas
cruzadas para el acabado de casi todas las letras, por lo que los caracteres
Por otra parte serif nació en el pasado, exactamente en 1968 cuando las
letras se cincelaban en piedras, el tallador tenía una técnica para esto, era
tallar en forma diagonal de esta manera las letras tenían el mismo acabado
con bordes rector, por eso se denominó serif. Sin embargo, esta tipografía
Según Moreno (2004) explica que Las fuentes palo seco se caracterizan
Por otra parte Martínez (2007) infiere que Las fuentes de palo seco,
Entre sus trazos gruesos y delgados no existe contraste, sus vértices son
forma natural de una letra que ha sido realizada por alguien que escribe con
otra herramienta que no sea un lápiz o un pincel. Según los diseñadores éste
largos, por lo que se usan sólo en casos de textos muy cortos donde existiera
esta letra o tipografía. Sin embargo, palo seco hace su aparición en el siglo
seguridad.
6. TIPOGRAFIA DIGITAL
los que se accede mediante el teclado del ordenador. Estos dibujos son, casi
siempre, letras que combinadas, forman palabras con significado y estas son
ideas creativas.
7. RESOLUCION
abreviar como “ppp” o “dpi” (dot per inch). Como la resolución mide el
principalmente por creer que resolución es lo mismo que calidad siendo esto
Por otro lado el autor Duarte (2017) explica que el número de píxeles por
archivo) que una imagen de las mismas dimensiones pero con una
resolución más baja. Esto nos indica que es independiente la resolución del
pueden variar de alta resolución (300 ppp o más) a baja resolución (72 o 96
ppp)
se mide en pixeles por pulgada, se explica que entre mas resolución posea
una imagen mayor será el numero de pixeles que esta abarcara y por lo tanto
el tamaño del archivo será mucho mayor y se dice que las imágenes pueden
variar variar de alta resolución (300 ppp o más) a baja resolución (72 o 96
ppp)
8.1. BMP
mayor tamaño
Según las ideas planteadas el formato BMP es uno de los formatos mas
colores hasta 16,7 millones de colores sin ningun tipo de perdida para la
resultantes suelen ser muy grandes. Pero maneja la ventaja de que puede
8.2. GIF
la imagen que deja ver lo que hay debajo) que se considera que un color
49
video
GIF es uno de los mas usados en toda la internet para graficos e imágenes
video
8.3. JPEG
como pérdida.
Por otro lado Monteagudo (2011) explica que el JPEG (Joint Photographic
resultan más pequeños que los de tipo GIF. Una fotografía digitalizada en
formato JPG no permite al ojo humano notar las diferencias con una foto
convencional.
ya que ocupa poco espacio por otro lado también es un formato flexible para
almacenar fotos, usando una distribución 24bist/ pixel, cada imagen puede
8.4. TIFF
Por otra parte Acevez (2008) infiere que el TIFF es un formato flexible de
CMYK, RGB, Lab, de color indexado y en escala de grises con canales alfa,
de imagen TIFF es muy usado en las tareas de impresión al ser muy seguro
8.5. PNG
transparencia.
52
se han venido utilizado, que son .GIF (Graphics Interchange Format) y .JPG
En torno a estas ideas se define el formato PNG como una alternativa del
GIF con más posibilidades de libre patente además de ser uno de los más
nuevos (1994) conjuga mejor que el formato GIF y otros añade una canal
8.6. SWF
Según Jaep (2015) los archivos SWF se utilizan para mostrar elementos
8.7. MPG
En torno al criterio criterio las ideas y opiniones de Jaep (2015) MPG son
8.8. AVI
8.9. WMV
8.10. FLV
que fue ampliamente utilizado para transmitir video por internet sobre el
pueden ser incrustado dentro de archivos SWF entre los sitios más notables
55
video, Youtube
9. INTERACTIVIDAD
Internet, páginas Web, blog, entre otras herramientas que brindan los
compartir, sino que puedes crear un intercambio, con alguien que se sienta
10. COLOR
por un cuerpo y captada por el sistema visual. Esto quiere decir que el color
son los semáforos que usan sus tres colores para dar señales a los
conductores y peatones
elementos que se usan para crear un mensaje visual ya que con el pueden
10.1. RGB
trabajo gráfico cuando el monitor produce los puntos de luz partiendo de tres
tubos de rayos catódicos, uno rojo, verde y otro azul. Debido a este motivo, el
RGB (Red, Green, Blue). Todos los colores que se visualizan en el monitor a
Los valores más altos de RGB corresponden a una cantidad mayor de luz
blanca. Por consiguiente, cuantos más altos son los valores RGB, más claros
El autor Bermúdez (2010) opina que el RGB se refiere a los tres colores
producir. Cuando se mezclan todos los colores por este motivo el modelo de
Green, Blue).
10.2. CMYK.
este tiene que trabajar de forma inversa al televisor (el cual contiene un fondo
producen el blanco.
grande, ya que su obra es la primera herramienta del niño para darle sentido
que las realizan a mano y llevan a cabo distintas técnicas para plasmar o
ilustrar imágenes
11.1. DIBUJO
realizarlo a mano se utilizan distintas herramientas como los son los lápices
construcción posterior.
que el artista puede llegar a crear cualquier obra que surja desde lo más
recóndito de su imaginación
reproducciones.
11.3. TINTA
rectificar. Para ello existen rotuladores que permiten todas las posibilidades
Por otra parte Ramos (2013) explica que la Técnica de Tintas (Tinta china
de color) es muy usada Por la viveza de sus colores, es una técnica cuyos
uso es Trazar el dibujo a lápiz muy tenue o muy fino, luego Delimitar las
excedente con cuidado, con una servilleta, klennex o trapo se debe Dejar
herramientas como lo son los rotuladores los cuales permiten todas las
utilizada por los Japoneses tomando similitud al mover el pincel con los
menores que las de otros medios; sin embargo, con esta técnica se puede
pintadas con colores planos. Los lápices de colores son utensilios muy
utilizados para resolver detalles menudos, ya que los lápices más duros
una barrita de madera con una mina coloreada en su interior, más dura y fina
que los colores pastel, pero con mayor facilidad de uso. La mina se
ocurre con los lápices de grafito, hay lápices de colores de distintas durezas,
cuenta lo ya mencionado por los autores anteriores que las ventajas que nos
los paisajes y los reflejos suaves en los desnudos, Son prácticos y de uso
11.5. ACUARELA
acabado de calidad, permite desde un coloreado muy suave hasta tonos más
lo complicado que se vuelve dar los tonos deseados pero si se logra puede
crean con esta técnica son tan realistas, que muchos ilustradores no la eligen
para ilustrar libros infantiles, a menos que quieran crear obras artísticas de
El Autor Pérez (2012) infiere que el Óleo es una palabra que tiene origen
de una aceituna, una semilla u otra fuente. Por ejemplo: Creo que voy a
Anoche comimos pizza con ajó y óleo. Por extensión a este significado, en el
tratado que la técnica de Oleo es aquella que utiliza el aceite que se obtiene
de una aceituna, una semilla o otra fuente, para ilustrar obras de gran calidad
artística, a tal punto que los profesionales no llegan a usarla para ilustrar
variados.
técnica que emplea los mismos pigmentos usados en óleo o acuarela pero
2. BASES LEGALES
normas que bien cumplidas que llevan a cabo de manera exitosa la de Todos
llevarlo a cabo junto con ideas y creación de elementos creados desde cero
Artículo 1°
Esta ley protegen los derechos de los autores sobre todas las obras de
material, decretando así los derechos con el título de esta ley quedan
tutelados.
Artículo 3°
esta ley comprende todas las obras de ingenio, como sitios webs,
adecuada para ser publicada en cualquier medio. Estas obras son referentes
Artículo 6°
Artículo 17°
los derechos a que se refieren los artículos 21 y 24 de esta Ley, así como el
explotación de la misma
Artículo 1.
aplicación móvil.
Artículo 7.
Artículo 10.
o preste servicios destinados a cumplir los mismos fines, será penado con
tributarias.
Artículo 11.
obtenga, revele o difunda la data información o algún tipo de archivo que este
cualquiera de sus componentes, será penada con prisión de tres a seis años
reservado.
72
Artículo 1º
las frases o signos especiales que adopten para distinguir de los similares los
Artículo 2º
Artículo 3º.
correspondiente registro.
73
Artículo 4º.
registro correspondientes.
Parágrafo primero.-
derecho sobre otras marcas iguales o semejantes del cedente salvo expresa
convención en contrario.
Parágrafo segundo.-
correspondan
3. ESTUDIO DE CASOS
CUADRO 1
CUADRO 2
CUADRO 4
CUADRO 5
4. METODOS DE DISEÑO
Autores.
utilizando los conceptos sobre el desempeño del diseñador, para esto utilizó
como metáfora una caja negra y una transparente. Donde hablo acerca de la
decir, lo explica todo del principio hasta el fin. Este proceso siempre lleva un
orden lógico
4.1.1DIVERGENCIA
concebidas
A. TRANSFORMACIÓN
B. CONVERGENCIA
Ponerlo a Prueba
CRISTOPHER JONES
Grafico 5.
Método de Diseño de Jones (1960)
Elaborado por Vizcaíno, Luzardo (2016)
RECOPILACIÓN DE DATOS
de piezas de diseño
ANÁLISIS DE DATOS
como de la temática.
CREATIVIDAD
formas y colores
SOLUCIÓN
solución final con los ajustes hechos con la retroalimentación de los usuarios
potenciales
BRUNO MUNARI
Análisis
Grafico 6.
Método de Estudio de Munari (2004)
Elaborado por Vizcaíno, Luzardo (2016)
84
El método de diseño elaborado por Costa (1994), puede ser utilizado por
JOAN COSTA
Información
Grafico 7.
Método de Estudio de Costa (1994)
Elaborado por Vizcaíno, Luzardo (2016)
A. FASES PRIMARIAS
Estudio de la Factibilidad
85
Diseño Preliminar
Diseño Detallado
del producto-solución.
Planos de detalle.
requerimientos.
Las decisiones sobre distribución deben ser tomadas como base en los
Control.
Costos
Planificación de Consumo
producto
87
disposiciones de normativas
Fases primarias
ejecución
88
FASE ANALÍTICA
FASE CREATIVA
FASE EJECUTIVA
BRUCE ARCHER
Fases Analítica
Fase Creativa
Fase Ejecutiva
Grafico 9.
Método de Estudio de Archer (1993)
Elaborado por: Vizcaíno, Luzardo (2016)