Este documento describe brevemente la historia y conceptos fundamentales del diseño gráfico. Explica que el diseño gráfico es una disciplina orientada a crear mensajes visuales para la industria. Luego resume la evolución del diseño desde las pinturas rupestres hasta la imprenta de Gutenberg y el desarrollo de la publicidad. También cubre conceptos como la teoría del color, tipografía, formatos y software de diseño como Photoshop e Illustrator.

3. Concepto
Teoría Del
Color
Descomposición de la imagen Resolución
Interfaces
Tipografía
Formatos
Software

4. • El diseño gráfico es
una disciplina orientada
a la actividad industrial
para idear y proyectar
mensajes visuales
(logotipos, folletos,
afiches, editar y
procesar imágenes
digitales, producir
páginas Web, etc.
Vídeos…

5. La historia del diseño gráfico
• . Las primeras formas
comunicativas fueron
mediante elementos
visuales. Antes de que
desarrollaran capacidades
de expresión mediante el
lenguaje hablado, el
lenguaje visual siguió
teniendo un importante peso
en las relaciones
comunicativas, sobre todo a
partir del uso de diversos
materiales y soportes como
medios del plasmar
mensajes visuales, como lo
demuestran multitud de
dibujos en piedra y pinturas
rupestres que han llegado a
nuestros días.
Cueva de Altamira
(pintura rupestre)

6. • Estos lenguajes escritos
estaban basados, bien en la
representación de elementos
tomados de la naturaleza, a los
que se les asignaba una
interpretación particular. Cada
uno de estos signos aislado
tenía a veces un significado
incierto, pero unido a otros,
permitían representar
gráficamente el lenguaje
hablado por cada pueblo o
cultura. Como soporte físico se
utilizó inicialmente la piedra,
pero pronto se buscaron otros
tipos de materiales que
permitieran una mayor facilidad
de uso y una mayor
portabilidad, como los papiros
o los pergaminos.
Grabado de piedra con jeroglíficos
(Egipto)
Papiro de los muertos

7. • También se empezaron a usar
diferentes tipos de pigmentos
naturales para dar un mayor
colorido y expresividad a las
obras escritas y
composiciones artísticas, y a
disponer los diferentes
elementos textuales y gráficos
de forma armoniosa y
equilibrada, ya que se apreció
que con ello se ganaba poder
comunicativo, claridad y
belleza. Esto se puede
apreciar en la confección de
los incunables medievales
realizados en los monasterios,
en los que se observa de
forma clara la importancia de
la "FORMA" (diseño) para
transmitir un mensaje.
Incunable
medieval

8. • Posteriormente, Johann
Gutenberg inventó la
imprenta, artefacto capaz
de reproducir en grandes
cantidades y de forma
cómoda un original, lo
que hizo posible que los
documentos impresos y
el mensaje que contenían
fueran accesibles a un
gran número de
personas.
Primer libro impreso

9. • Pronto empezaron a aparecer
imprentas en las que se
reproducían todo tipo de obras,
cada vez más elaboradas.
originando la aparición de unos
profesionales especializados en
su manejo, los tipógrafos y los
cajitas, tal vez los primeros
diseñadores gráficos como tal.
Otro gran impulsor del
desarrollo del diseño gráfico fue
la Revolución Industrial.
Surgieron las fábricas y la
economía de mercado. Con ello
apareció y se desarrolló una
nueva técnica comercial, la
publicidad, encargada de hacer
llegar a los consumidores
mensajes específicos que les
convencieran de que un
producto dado era mejor que
otros análogos.
Cartel publicitario

10. • El desarrollo de la
publicidad trajo consigo un
desarrollo paralelo del
diseño gráfico y de los
soportes de comunicación.
En el siglo XX, hicieron su
aparición los ordenadores,
máquinas en un principio
destinadas a un grupo
reducido de técnicos y
especialistas. Con la
entrada en escena de
Internet y las páginas Web
se hizo aún más patente el
desfase de los diseñadores
gráficos con el nuevo
medio.

11. • Hacía falta ahora diseñar y
construir interfaces de usuario
muy especiales, condicionadas
a pequeños tamaños de fichero
y a un medio concreto de
presentación. Si a esto
sumamos la necesidad de los
creadores de interfaces Web
de conocer a fondo diferentes
lenguajes de marcas y de
programación (HTML, JavaS
cript, DHTML), es evidente que
era necesaria la aparición de
un nuevo profesional, el
diseñador Web, híbrido entre el
diseñador gráfico clásico y el
programador de aplicaciones
para Internet.

12. VIDEOS
Historia
del diseño
grafico
Historia
del diseño
grafico II
Diseño en photoshop

13. DISEÑO GRAFICO

14. Diseño Grafico II

15. Diseño en Photoshop

16. • El diseño se aplica, en todos los
ámbitos y se encuentra por
todas partes. Dentro del mundo
digital, en toda la red, Internet
( la Web). Diseños de todo el
mundo publicitario, revistas,
periódicos, libros, manuales
(diseño y maquetación).
Encontramos diseño en nuestro
mobiliario, una silla, un mueble...
( diseño industrial y ergonomía).
Divisamos el diseño en el
mundo multimedia, el cine,
televisión, videos, musicales,
tráiler, y demás efectos
especiales.
Interfaces

17. TEORIA DEL
COLOR
• En el arte de la pintura, el
diseño gráfico, la fotografía,
la imprenta y en la
televisión, la teoría del
color es un grupo de reglas
básicas en la mezcla de
colores para conseguir el
efecto deseado combinando
colores de luz o pigmento.
La luz blanca se puede
producir combinando el rojo,
el verde y el azul, mientras
que combinando pigmentos
cian, magenta y amarillo se
produce un color negro. El
mundo es de colores, donde
hay luz, hay color. La
percepción de la forma,
profundidad o claroscuro
está estrechamente ligada a
la percepción de los
colores.

18. Propiedades del color•
Las definimos como el tono,
saturación, brillo.
Tono ( hue), matiz o croma es el
atributo que diferencia el color y
por la cual designamos los
colores: verde, violeta, anaranjado.
Saturación:( saturación) es la
intensidad cromática o pureza de
un color Valor ( value) es la
claridad u oscuridad de un color,
está determinado por la cantidad
de luz que un color tiene. Valor y
luminosidad expresan lo mismo.
Brillo ( brightness) es la cantidad
de luz emitida por una fuente
lumínica o reflejada por una
superficie.
Luminosidad (lightness) es la
cantidad de luz reflejada por una
superficie en comparación con la
reflejada por una superficie blanca
en iguales condiciones de
iluminación.

19. Colores
Primarios
• Colores primarios.
Son aquellos colores que no
pueden obtenerse mediante la
mezcla de ningún otro por lo
que se consideran absolutos,
únicos. Tres son los colores
que cumplen con esta
característica: amarillo, el rojo
y el azul. Mezclando pigmentos
de éstos colores pueden
obtenerse todos los demás
colores.

20. Colores Segundarios
• Son los que se
obtienen
mezclando dos los
colores primarios al
50 %, obteniendo:
Verde (S), violeta
(S) y naranja o
anaranjado (S).

21. Colores
terciarios
• Consideramos como
colores terciarios: rojo
violáceo, rojo anaranjado,
amarillo anaranjado,
amarillo verdoso, azul
verdoso y azul violáceo.
Los colores terciarios,
surgen de la combinación
en una misma proporción
de un color primario y otro
secundario.

22. Colores Cuaternarios
• Son los que se obtienen
mediante la mezcla de los
terciarios entre sí: rojo
terciario + amarillo
terciario da un naranja
neutralizado, amarillo
terciario + azul terciario
da un verde muy neutro
(verde oliva) y rojo y azul
terciario da un violeta
neutro parecido al de la
ciruela.

23. Colores Fríos y Cálidos
• Se denominan colores fríos a
todos los que participan o en su
composición interviene el azul y
cálidos, a todos aquellos que
"participan" del rojo o del
amarillo.
Los colores cálidos (rojo,
amarillo y anaranjados), los
asociamos a la luz solar, al
fuego... de ahí su calificación de
"calientes".
Los colores fríos son aquellos
que asociamos con el agua, el
hielo, la luz de la luna ...(el azul y
los que con el participan.
Estas cualidades que se les
atribuyen a los colores es lo que
se ha denominado "Temperatura
del color".

24. Circulo Cromático
• es una clasificación de los colores.
Se denomina círculo cromático al
resultante de distribuir alrededor de
un círculo los colores que
conforman el segmento de la luz.
Los colores más comunes de
encontrar en un círculo cromático
son seis: amarillo, anaranjado, rojo,
violeta, azul y verde, aunque para las
artes gráficas en el formato digital
los colores sean amarillo, rojo,
magenta, azul, cian y verde. La
mezcla de estos colores puede ser
representada en un círculo de 12
colores, haciendo una mezcla de un
color con el siguiente y así
sucesivamente se puede crear un
círculo cromático con millones de
colores.

25. La Tipografía
• la tipografía es el arte y
técnica del manejo y
selección de tipos,
originalmente de plomo,
para crear trabajos de
impresión. El tipógrafo
Stanley Morrison la definió
como
• Arte de disponer
correctamente el material
de imprimir, de acuerdo
con un propósito
específico: el de colocar
las letras, repartir el
espacio y organizar los
tipos con vistas a prestar al
lector la máxima ayuda
para la comprensión del
texto.

26. La tipografía en el diseño gráfico
• La finalidad de toda
composición gráfica es
transmitir un mensaje concreto.
Para ello, el diseñador se vale
de dos herramientas
principales: las imágenes y los
textos. Las imágenes aportan un
aspecto visual muy importante a
toda composición. Estos son
capaces de transmitir por sí
solos un mensaje de forma
adecuada. Sin embargo, el
medio de transmisión de ideas
por excelencia es la palabra
escrita. La esencia del buen
diseño gráfico consiste en
comunicar ideas por medio de la
palabra escrita, combinada a
menudo con dibujos o con
fotografías.

27. Composición de la Imagen
• La composición se define
como una distribución o
disposición de todos los
elementos que incluiremos
en un diseño o composición,
de una forma perfecta y
equilibrada.

28. • En toda composición, los
elementos que se sitúan en la
parte derecha, poseen mayor
peso visual, y nos transmiten una
sensación de avance. En cambio
los que se encuentran en la parte
izquierda, nos proporcionan una
sensación de ligereza.
Esto también se observa, si lo
aplicamos en la parte superior de
un documento, posee mayor
ligereza visual, mientras que los
elementos que coloquemos en la
parte inferior, nos transmitirán
mayor peso visual.
Actualmente no existe una
composición perfecta. Cada
composición dependerá de su
resultado final, para todo ello, es
necesario conocer todos los
aspectos y formas para obtener
un resultado con un cierto
equilibrio.

29. Resolución
• La resolución y la lineatura de
una filmación definen el grosor
del punto en que se filman las
tramas.
Una trama es la transformación
de la imagen de continua a
discontinua, para que mediante
la impresión por cualquier
procedimiento, se consiga la
gradación de las diversas
tonalidades, a pesar de recibir
toda ella una capa del mismo
espesor.
La unidad de medida lineal
utilizada para la resolución de
las imágenes, son los píxeles
por pulgada (p/p) o por
centímetro,

30. Formatos
• El quinto elemento
básico del diseño, es el
tamaño. Cómo es
grande o pequeño .En
diseño, el tamaño
puede funcionar, el
tamaño puede atraer o
el tamaño puede
organizar.
Dentro del espacio, es
importantísimo el
Formato. El formato es
la forma y el tamaño
del trabajo realizado.
Cuando hablamos de
formato de un archivo,
hacemos referencia al
tamaño en el que será
presentado e impreso.

31. Software
• Adobe Photoshop
• Es una aplicación en forma
de taller de pintura y
fotografía que trabaja sobre
un "lienzo" y que está
destinado para la edición,
retoque fotográfico y pintura
a base de imágenes de mapa
de bits o conocidos en
Photoshop como gráficos
rasterizados, elaborado por la
compañía de software Adobe
Systems inicialmente para
computadores Apple pero
posteriormente también para
plataformas PC con sistema
operativo Windows.

32. • Adobe Illustrator
• Es una aplicación
en forma de taller de arte
que trabaja sobre un
tablero de dibujo,
conocido como "mesa de
trabajo" y está destinado
a la creación artística de
dibujo y pintura para
Ilustración (Ilustración
como rama del Arte digital
aplicado a la Ilustración
técnica o el Diseño
gráfico, entre otros).

33. • Adobe
Dreamweaver
•
• Es una aplicación en forma
de estudio (Basada por
supuesto en la forma de
estudio de Adobe Flash
pero con más parecido a un
taller destinado para la
construcción y edición de
sitios y aplicaciones Web
basados en estándares.
Creado inicialmente por
Macromedia (actualmente
producido por Adobe
Systems. Es el programa de
este tipo más utilizado en el
sector del diseño y la
programación Web.

34. • Adobe Flash
• Es una aplicación en forma
de estudio de animación que
trabaja sobre "Fotogramas"
destinado a la producción y
entrega de contenido
interactivo para diferentes
audiencias alrededor del
mundo sin importar la
plataforma. Es actualmente
escrito y distribuido por
Adobe Systems, y utiliza
gráficos vectoriales e
imágenes, sonido, código de
programa, flujo de vídeo y
audio.

35. • Adobe Fireworks
• Es una aplicación en
forma de estudio (basada
por supuesto en la forma
de estudio de Adobe
Flash pero con más
parecido a un taller
destinado para el manejo
híbrido de gráficos
vectoriales con Gráficos
en mapa de bits y que
ofrece un ambiente
eficiente para la creación
rápida de prototipos de
sitios Web e interfaces de
usuario como para la
creación y Optimización
de Imágenes para Web.

36. •Corel DRAW
Es un programa
avanzado de edición
gráfica (grafismo) con
funciones básicas de
composición de página,
utilizado en el ámbito de
las artes gráficas, parte
del paquete de software
Corel Graphics Suite y es
desarrollado por Corel
Corporation.

37. Corel Photo-
Paint
Es un programa Editor de
imagen que viene incluido
en la suite informática de
Corel Draw. Como el
nombre lo indica es un
editor de imágenes
profesional

38. •Inkscape
Es una herramienta de
dibujo libre y
multiplataforma para
gráficos vectoriales SVG.

41. • La creatividad, denominada
también inventiva, pensamiento
original, imaginación
constructiva, pensamiento
divergente... pensamiento
creativo, es la generación de
nuevas ideas o conceptos, o de
nuevas asociaciones entre
ideas y conceptos conocidos,
que habitualmente producen
soluciones originales. Para las
culturas hindúes, confucianas,
taoístas y budistas, la creación,
es un tipo de descubrimiento.
Animan al practicante a
cuestionarse, investigar y
experimentar de manera
práctica. Cuantificación creativa.

42. Creatividad Eureka
Creatividad Secundaria
Hay dos tipos de creatividad:

43. • En donde surgen ideas
fulminantes o
descubrimientos de
conceptos originales que
suponen un gran salto hacia
delante. Es poco frecuente
este tipo de creatividad
porque hace falta tener un
increíble e innato espíritu
creativo para inventar por
ejemplo la máquina de vapor
o la energía nuclear.
Maquina de
vapor

44. • Es un tipo de creatividad que se
fija en algo y lo mejora. La
mayoría de los cambios son el
resultado de muchos pequeños
pasos innovadores. Esta clase
de creatividad imperante. Un
ejemplo es la mejora de un
proceso productivo resultado de
la sugerencia de los operarios
de una planta o crear un vaso
deshechable con forma de cono
para evitar que lo dejen en
cualquier lugar diferente al
diseñado para colocarlos.
Control de cerámica

45. Fluidez
Sensibilidad
Flexibilidad
Originalidad
Elaboración
Re definición
Las variables más frecuentemente
utilizadas para medir a la creatividad
son:

46. • es la capacidad
para producir ideas
y asociaciones de
ideas sobre un
concepto, objeto o
situación.
Nuevo casco

47. • es la capacidad de
adaptarse rápidamente
a las situaciones
nuevas u obstáculos
imprevistos, acudiendo
a nuestras anteriores
experiencias y
adaptándolas al nuevo
entorno. Nuevasbolsas

48. • la facilidad para ver las
cosas, de forma única y
diferente.
• Él habito de pensar y crear
en acción positiva hace
mirar alrededor de la vida en
forma maravillosa, los
resultados serán mágicos.
La energía positiva cura,
realza la vida viviendo en
armonía y paz.

49. • grado de acabado.
Es la capacidad que
hace posible
construir cualquier
cosa partiendo de
una información
previa.

50. • es la capacidad de captar
los problemas, la apertura
frente al entorno, la cualidad
que enfoca el interés hacia
personas, cosas o
situaciones externas al
individuo.

51. • la habilidad para
entender ideas,
conceptos u
objetos de manera
diferente a como
se había hecho
hasta entonces,
aprovechándolos
para fines
completamente
nuevos.
Homero hecho
en carpetas de
Windows

52. Introducción
Técnicas
Otras técnicas

53. • Las técnicas de creatividad son métodos que
permiten el entrenamiento creativo. Implican
determinadas acciones que en general, son más
importantes que la técnica en sí misma, y que
sirven como estímulo.
• La utilización de las técnicas no promete un éxito
asegurado, simplemente sirven para llegar a ciertos
objetivos que se suponen próximos a la creatividad.
Permiten direccional el pensamiento en etapas o
procedimientos concretos. Es decir, por un lado,
permiten seguir un orden establecido para lograr un
objetivo deseado, y por el otro, ayudan a desarmar
los caminos del pensamiento vertical habitual.
• Cuando elegimos una técnica o método creativo,
aceptamos el cumplimiento de determinados pasos
a seguir, entonces son precisamente estos pasos
los que ordenan la desorganización en la que nos
sumimos al pensar “creativamente”.

54. Brainstorming
(Lluvia de Ideas)
Concepto Metodología
Aspectos
relacionados
Consignas
fundamentales

55. • Es un método de
generación de ideas
en grupo. Constituye
una forma de
conseguir que un
grupo genere un gran
número de ideas en un
tiempo no demasiado
prolongado.

56. • El primer paso es la generación de ideas, en
general por escrito, numeradas y clasificadas
por el estricto orden cronológico en que han
aparecido. Es imprescindible no indicar quién
ha formulado cada una. Una vez que se
cuenta con un número considerable de ideas
o ha finalizado cierto tiempo programado, se
pasa a una segunda etapa de evaluación. Una
posibilidad para evaluar las ideas podría ser
ponderarlas (mediante puntaje) según
condiciones o requerimientos básicos
previamente establecidos, que deben
satisfacerse.

57. • Al momento de la generación:
• Generar la mayor cantidad de ideas posibles sin importar su
calidad.
• no criticar ideas. El juicio crítico está prohibido (incluyendo la
autocrítica), ya sea negativo o positivo.
• libre imaginación. Las ideas no tienen que ser
obligatoriamente realistas.
• se permite la utilización y transformación de las ideas de los
demás.
• Al momento de la evaluación:
• analizar los puntos fuertes de la idea y luego poner
atención en los puntos débiles. estar atentos a los aspectos
novedosos de las opciones. no perder la orientación al
objetivo inicial. Hacer familiar lo extraño. Hacer extraño lo
familiar. Relaciona las lógicas de dos objetos, conceptos o
situaciones totalmente distintos.

58. • Permite la generación de gran cantidad de ideas,
donde importa más la cantidad que la calidad.
• Permite romper bloqueos. Resulta útil para iniciar a
grupos de trabajo en el uso de técnicas de
creatividad.
• Reuniones y discusiones de resolución de problemas.
• Se usa preferentemente en grupos entrenados, por
su grado de dificultad.
• Mejorar la calidad de procesos dentro de las
organizaciones, adaptando las características
distintivas de un mercado u organización a otros que
aparentemente no tendrían mucho que ver.
• Permite entender algo que no conocemos mediante
otra cosa que conocemos mejor.

59. Análisis morfológico
Crear en sueños
Solución creativa
de problemas

60. • Es una de las técnicas más valiosas para generar
gran cantidad de ideas en un corto período de
tiempo y se desarrolló en los trabajos tecnológicos
de la astrofísica y las investigaciones espaciales
llevados a cabo en los años cuarenta, como
resultado de los trabajos del astrónomo Fritz
Zwicky.
• Es una técnica combinatoria de ideación creativa
consistente en descomponer un concepto o
problema en sus elementos esenciales o
estructuras básicas. Con sus rasgos o atributos se
construye una matriz que nos permitirá multiplicar
las relaciones entre tales partes. Así pues, en su
forma más básica, el Análisis Morfológico no es
más que la generación de ideas por medio de una
matriz.

61. • Es una técnica para crear
durante el sueño. Con ella se
intenta aprovechar el poder
creativo del sueño. Numerosos
científicos y poetas han
recalcado continuamente esta
posibilidad. En el sueño o en los
momentos de sopor es mayor la
probabilidad para que las
imágenes surgidas se traduzcan
en ideas originales. En esos
momentos, el inconsciente se
manifiesta con más facilidad
pues los bloqueos existentes en
la consciencia desaparecen y
las ensoñaciones aparecidas
pueden ser el principio de la
solución.

62. • CPS son las siglas de Creative
Problem Solving, un método
para la solución creativa de
problemas desarrollado
inicialmente por Alex Osborn y
después complementado por
Sidney Parnes. Ellos fueron los
que crearon la Escuela de
Buffalo (USA).
• Este método nos ofrece "un
esquema organizado para usar
unas técnicas específicas de
pensamiento crítico y creativo"
con vistas al logro de resultados
novedosos y útiles.
Flash animado…

63. Mas…

65. Insight creativos
Niño creativocreatividad
Creatividad
publicitario
toque de
creatividad
Creatividad
&
innovación
Ejemplos de
creatividad

66. creatividad

67. Creatividad & innovación

68. Ejemplos de creatividad

69. Toque de creatividad

70. Insight creativos

71. Niño creativo

72. Publicidad creativa