DISEÑO GRÁFICO

Y CREATIVIDAD

Ing. Lener Reyes

TABLA DE CONTENIDO
DISEÑO GRÁFICO

Historia del Diseño Gráfico

De un Diseño
EL Diseño Evoluciona
Clasificación
Divisiones del Diseño Gráfico
Clasificación de Productos

SOFTWARE USADOS EN DISEÑO GRÁFICO

TEORÍA DEL COLOR

El Sentido de la Vista
El Color y su expansión
Armonía y Contraste
Circulo Cromático
Lenguajes básicos del Color
Tono
Brillantes
Saturación
TIPOGRAFÍA

COMPOSICIÓN DE LA IMAGEN
Digital
Análoga o Convencional
Formatos de la Imagen

CREATIVIDAD
Video Creativo
Tipos de creatividad
Creatividad eureka
Creatividad secundaria
Técnicas
Mapas mentales
Arte de Preguntar
Lluvia de ideas (Brainstorming)
Relaciones Forzadas
Caracteristicas
Fluidez
Flexibilidad
Originalidad
Viabilidad
Elaboración
VIDEOS CREATIVOS
DISEÑO GRÁFICO
Disciplina orientada a la
actividad industrial para
idear y proyectar mensajes
visuales .

Un diseño, es una pieza con

un cierto atractivo visual,
con personalidad y de un
gran equilibrio estético.
También se conoce con el
nombre de “diseño de
comunicación visual”, pues la
actividad excede el campo de
la industria gráfica, y los
mensajes visuales se canalizan
a través de muchos medios de
comunicación, tanto impresos
como digitales.
HISTORIA DEL
DISEÑO GRÁFICO
Antes de que desarrollaran
capacidades de expresión
mediante el lenguaje
hablado, los hombres
utilizaron su cuerpo para
comunicar a los demás
estados de ánimo, deseos e
inquietudes a través de
ademanes, expresiones y
signos, que con el tiempo
adquirieron la condición
de "lenguaje", al
convertirse en modelos de
comunicación.
DE UN DISEÑO

Traza, delineación de un edificio

o de una figura.

Descripción, de un objeto o
cosa, hecho con las palabras.

Disposición de manchas, colores

o dibujos , se caracterizan
exteriormente a diversos
animales y plantas.
Proyecto y plan
Diseño urbanístico.

Concepción
original de un objeto u obra
destinados a la producción
en serie, dentro del mundo
de la moda, industrial.

La Forma
de cada uno de estos
objetos.
EL DISEÑO EVOLUCIONA
El desarrollo de la
publicidad trajo
consigo un
desarrollo
paralelo del
diseño gráfico y
de los soportes de
comunicación.
Había que convencer al
público de las ventajas
de un producto o marca,
y para ello nada mejor
que mensajes concisos,
cargados de
componentes
psicológicos, con
diseños cada vez más
elaborados, que se
hacían llegar al mayor
número posible de
personas
El cómo se
transmitía la
información llegó
incluso a superar
en importancia a
la misma
información
transmitida.
CLASIFICACIÓN
DEL DISEÑO GRÁFICO
Algunas clasificaciones
difundidas del diseño
gráfico son: el diseño
gráfico publicitario, el
diseño editorial, el
diseño de identidad
corporativa, el diseño
web, el diseño de
envase, el diseño
tipográfico, la cartelería,
la señalética, el diseño
editorial y el llamado
diseño multimedia, entre GRAPHIC DESIGN
otros.
DIVISIONES DEL DISEÑO
GRÁFICO
La edición:
Diseño de todo tipo de
libros, periódicos, y
revistas.

La publicidad:
Diseño de carteles
publicitarios, anuncios,
folletos.

La identidad:
Diseño de una imagen
corporativa de una
empresa.
CLASIFICACIÓN DE PRODUCTOS
DE DISEÑO GRÁFICO

Relacionando los procesos de producción se pueden

agrupar los productos de diseño desde un análisis
tecnológico.
Etiquetas: las cuales pueden ser
frontales, colgantes, de seguridad,
envolventes, etc.

Envases: los más comunes son los

rígidos, semirrígidos, flexibles y las latas.

Editorial: generalmente estos productos

se clasifican de acuerdo al tamaño de
información que disponen en afiches,
flyers o volantes, libros, periódicos,
revistas, catálogos, CD, DVD, VHS, etc.
Señalética: incluye señales de peligro,
señales de tráfico, señales de banderas
marítimas,señales de ferrocarril, entre otras.

Cartelería: carteles formativos e

informativos.

Folletería: los folletos de acuerdo a su

número de páginas pueden ser dípticos
(dos páginas), trípticos (tres páginas), etc.
También se los puede clasificar en
publicitarios, propagandísticos, turísticos,
entre otros.
Diseño tipográfico: tipos sans serif o
palo seco, con serif, gestuales, góticas,
caligráficas y de fantasía.

Diseño de instrumentos de mandos:

pantallas de relojes digitales, de teléfonos
móviles, de cámaras digitales, y otros
aparatos.

Infografía: mapas, gráficos, viñetas,

formularios.
Material didáctico: manuales
instructivos, indicaciones de uso, fichas
didácticas educacionales, etcétera.

Multimedia: medios de comunicación

animados o donde integramos imagen,
video, animación, sonido, etc.

Identidad corporativa: marcas, iso-

logotipo, papelería comercial y fiscal,
billetes, aplicación de marca en
arquigrafía e indumentaria, gráfica
vehicular.
SOFTWARE USADO
EN DISEÑO GRÁFICO
Adobe Creative Suite
•Photoshop
•Freehand
•Illustrator
•Pagemaker, antecesor de
Indesign.
•Indesign
•Dreamweaver
•Flash
•Fireworks

Otras compañías
•QuarkXPress, primer programa
creado para maquetación editorial,
similar a Adobe Indesign.
•Xara Xtreme
•Inkscape
•XaraLX
•GIMP
•Sodipodi
Corel Corporation

•Corel Draw
•Photo-Paint
•Corel Trace
•Corel Painter
TEORÍA DEL COLOR
TODO COLOR ES LUZ
EL SENTIDO DE LA VISTA
 El color es la sensación que se produce en
respuesta a la estimulación del ojo y de sus
mecanismos nerviosos, por la energía
luminosa de ciertas longitudes de onda.
Los colores de los objetos nos
transmiten emociones muy
fuertes, pese a que,
generalmente no nos demos
cuenta de ello
EL COLOR Y SU EXPANSIÓN
El texto sobre fondo blanco es más legible y
por lo tanto el lector debe forzar menos la
vista, sintiéndose agradecido. Esto también
lo podemos ver en colores claros y oscuros,
no es algo que suceda únicamente en
blanco y negro.
ARMONÍA Y CONSTRASTE
Armonía
Crear una gama de colores para
nuestra Web que este compuesta
por colores de la misma gama o
tono. Por ejemplo, CLab es una Web
con colores armónicos, ya que usa el
mismo color y diferentes tonalidades
del mismo.
Contraste
Combinar diferentes colores para
crear una gama como, por ejemplo,
claros y oscuros, cálidos y fríos, etc
CIRCULO CROMÁTICO
El círculo cromático nos sirve para
observar la organización básica y la
interrelación de los colores.
Los Colores Primarios Son:
el rojo, el azul y el amarillo.

Los Colores Secundarios Son:

el verde, el violeta y el naranja.

Colores Terciarios Son:

el rojo violáceo, rojo anaranjado,
amarillo anaranjado, amarillo
verdoso,
azul verdoso y azul violáceo.
LENGUAJES BÁSICOS DEL COLOR
tono (color), saturación y valor (brillo ó luminosidad)
TONO (COLOR)
Es el matiz del color, es decir el
color en sí mismo, supone su
cualidad cromática, es
simplemente- un sinónimo de
color. Es la cualidad que define la
mezcla de un color con blanco y
negro. Está relacionado con la
longitud de onda de su
radiación. Según su tonalidad se
puede decir que un color es rojo,
amarillo, verde...
BRILLANTEZ
(valor o luminosidad)
Tiene que ver con la intensidad o el nivel de
energía.
Es la luminosidad de un color (la capacidad de
reflejar el blanco), es decir, el brillo.
Alude a la claridad u oscuridad de un tono.
Es una condición variable, que puede alterar
fundamentalmente la apariencia de un color.
La luminosidad puede variar añadiendo negro
o blanco a un tono.
SATURACIÓN
(valor o luminosidad)
Está relacionada con la
pureza cromática o falta de
dilución con el blanco.

Constituye la pureza del

color respecto al gris, y
depende de la cantidad de
blanco presente.

Cuanto más saturado está

un color, más puro es y
menos mezcla de gris posee.
TIPOGRAFÍA
El arte de la tipografía consiste en hacer
legibles y atractivas visualmente las
palabras y los signos gráficos que las
acompañan.
• Títulos y cuerpos de texto o mensajes.

• Para los primeros necesitaremos letras

generalmente gruesas y detalladas.
Es muy recomendable que las tipografías
escogidas para los títulos concuerden
perfectamente con el diseño de la página y
también tendremos que tratar su color con
mucho cuidado, ya que el color en los títulos
expresa mucho, pero esto lo veremos más
adelante
• Para los segundos deberemos usar
tipografías "Lisas" (Arial, Verdana),
nunca con "Serifa" (Times). Aquí tenéis
una imagen de ejemplo:
COMPOSICIÓN DE LA IMAGEN
La imagen se compone de la siguiente
manera de acuerdo a su sistema.
Digital: Este es un sistema de fotografía
compuesto por un lenguaje binario. Este
se traduce por pixeles y las hay de todos
los tamaños y formatos.
Análoga o Convencional

Es la fotografía tradicional de toda la vida al

revelarse la película obtenemos una imagen
impresa sobre papel fotográfico. La imagen
digital está formada por una serie de matrices
numéricas de ceros y unos que se almacenan
en una memoria informática y que definen las
características de una fotografía.
Una vez esta imagen es interpretada (leída), los
ordenadores se transforman en una imagen
visible a través de la pantalla e imprimible
también, a través de cualquier dispositivo de
salida. La gran ventaja del archivo digital es
que puede duplicarse y copiarse tantas veces
como se quiera.
FORMATOS DE LA
IMAGEN
.bmp (image/bmp): Windows Bitmap
Comúnmente usado por los programas de
Microsoft Windows y por el sistema operativo
propiamente dicho. Se le puede aplicar
compresión sin pérdidas, aunque no todos los
programas son compatibles.

.gif (image/gif): Graphics Interchange Format,

GIF es utilizado popularmente en la web.
Formato de 8 bits (256 colores máximo), con
soporte de animación por frames. Utiliza la
compresión LZW lo que provoca conflictos de
patente con el propietario del algoritmo.
.jpeg/.jpg : (image/jpeg):Joint
Photographic Experts Group,
El formato JPEG es usado
ampliamente para fotografías
e imágenes de gran tamaño y
variedad de color en la web y
por las cámaras digitales. Es
un formato comprimido con
pérdida de calidad, aunque
esta se puede ajustar.
CREATIVIDAD
La creatividad es un sentimiento de
libertad que nos permite vivir en un
estado de transformación permanente.
TIPOS DE CREATIVIDAD
Creatividad Eureka

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.
Creatividad Secundaria

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.
TECNICAS
Mapas Mentales
Es una técnica gráfica que permite la
exploración del problema y la generación
de ideas. Dan lugar al pensamiento
irradiante.

Arte de preguntar
Se trata de un conjunto de preguntas que
se usan para formular en el problema todos
los enfoques que sean posibles, y así abrir la
perspectiva que tenemos del problema.
También son útiles para la percepción de
nuevos usos, aplicaciones y posibilidades
de un producto o un servicio.
Brainstorming
Tormenta o lluvia de ideas. Es una técnica
grupal para la generación de ideas. Las
cuatro reglas fundamentales son: toda crítica
está prohibida, toda idea es bienvenida,
tantas ideas como sea posible, el desarrollo y
asociación de ideas es deseable.

Relaciones Forzadas
Se trata de combinar lo conocido con lo
desconocido para forzar nuevas situaciones.
De ahí pueden surgir ideas originales. Es muy
útil para complementar al Brainstorming
cuando ya parece que el proceso se estanca.
CARACTERÍSTICAS
Fluidez
Facilidad para generar un número elevado de
ideas respecto a un tema determinado. La
manera de potenciarla en el campo escolar, sería,
por ejemplo, pidiéndole al alumno que relacione
entre hechos, palabras, sucesos,...

Flexibilidad
Característica de la creatividad mediante la cual se
transforma el proceso para alcanzar la solución
del problema. Nace de la capacidad de abordar
los problemas desde diferentes ángulos. Dentro
del ámbito escolar se desarrollaría exigiéndole al
alumno no solo un gran número de ideas, sino
recogiendo categorías y tipos diferentes de
respuestas o soluciones.
Originalidad
Característica que define a la idea, proceso o producto,
como algo único o diferente. Producción de
respuestas ingeniosas o infrecuentes. Dentro del
ámbito escolar se potencia estimulando las nuevas
ideas que el alumno propone.

Viabilidad
Capacidad de producir ideas y soluciones que sean
realizables en la práctica.

Elaboración
Es el nivel de detalle, desarrollo o complejidad de las
ideas creativas. Para fomentarlo dentro del aula, se le
presentan al alumno ilustraciones de historias con
dibujos en los que tenga que percatarse de los
detalles.
VIDEOS CREATIVOS
 SENA – CIES
Centro de la Industria, la Empresa y
los Servicios

by Mario Corredor &

Procesiosa María Orozco

Estudiantes Tecnólogos en Producción

de Multimedia

San José de Cúcuta

Colombia