DISEO GRFICO Y CREATIVIDAD

TABLA DE CONTENIDO
DISEO GRFICO Historia del Diseo Grfico De un Diseo EL Diseo Evoluciona Clasificacin Divisiones del Diseo Grfico Clasificacin de Productos SOFTWARE USADOS EN DISEO GRFICO TEORA DEL COLOR El Sentido de la Vista El Color y su expansin Armona y Contraste Circulo Cromtico Lenguajes bsicos del Color Tono Brillantes Saturacin

TIPOGRAFA COMPOSICIN DE LA IMAGEN Digital Anloga o Convencional Formatos de la Imagen CREATIVIDAD Video Creativo Tipos de creatividad Creatividad eureka Creatividad secundaria Tcnicas Mapas mentales Arte de Preguntar Lluvia de ideas (Brainstorming) Relaciones Forzadas Caracteristicas Fluidez Flexibilidad Originalidad Viabilidad Elaboracin VIDEOS CREATIVOS

DISEO GRFICO

Disciplina orientada a la actividad industrial para idear y proyectar mensajes visuales .

Un diseo, es una pieza con un cierto atractivo visual, con personalidad y de un gran equilibrio esttico.

Tambin se conoce con el

nombre de diseo de comunicacin visual, pues la actividad excede el campo de la industria grfica, y los mensajes visuales se canalizan a travs de muchos medios de comunicacin, tanto

impresos como digitales.

HISTORIA DEL

DISEO GRFICO

Antes de que desarrollaran capacidades de expresin mediante el lenguaje hablado, los hombres utilizaron su cuerpo para comunicar a los dems estados de nimo, deseos e inquietudes a travs de ademanes, expresiones y signos, que con el tiempo adquirieron la condicin de "lenguaje", al convertirse en modelos de comunicacin.

DE UN DISEO
Traza, delineacin de un edificio o de una figura. Descripcin, de un objeto o cosa, hecho con las palabras. Disposicin de manchas, colores o dibujos , se caracterizan exteriormente a diversos animales y plantas.

Proyecto y plan Diseo urbanstico.

Concepcin original de un objeto u obra destinados a la produccin en serie, dentro del mundo de la moda, industrial.
La Forma de cada uno de estos objetos.

EL DISEO EVOLUCIONA

El desarrollo de la publicidad trajo consigo un desarrollo paralelo del diseo grfico y de los soportes de comunicacin.

Haba que convencer al pblico de las ventajas de un producto o marca, y para ello nada mejor que mensajes concisos, cargados de componentes psicolgicos, con diseos cada vez ms elaborados, que se hacan llegar al mayor nmero posible de personas

El cmo se transmita la informacin lleg incluso a superar en importancia a la misma informacin transmitida.

CLASIFICACIN
DEL DISEO GRFICO

Algunas clasificaciones difundidas del diseo grfico son: el diseo grfico publicitario, el diseo editorial, el diseo de identidad corporativa, el diseo web, el diseo de envase, el diseo tipogrfico, la cartelera, la sealtica, el diseo editorial y el llamado diseo multimedia, entre otros.

GRAPHIC DESIGN

DIVISIONES DEL DISEO

GRFICO

La edicin: Diseo de todo tipo de libros, peridicos, y revistas. La publicidad: Diseo de carteles publicitarios, anuncios, folletos. La identidad: Diseo de una imagen corporativa de una empresa.

CLASIFICACIN DE PRODUCTOS
DE DISEO GRFICO Relacionando los procesos de produccin se pueden agrupar los productos de diseo desde un anlisis tecnolgico.

Etiquetas: las cuales pueden ser frontales, colgantes, de seguridad, envolventes, etc. Envases: los ms comunes son los rgidos, semirrgidos, flexibles y las latas. Editorial: generalmente estos productos se clasifican de acuerdo al tamao de informacin que disponen en afiches, flyers o volantes, libros, peridicos, revistas, catlogos, CD, DVD, VHS, etc.

Sealtica: incluye seales de peligro, seales de trfico, seales de banderas martimas,seales de ferrocarril, entre otras.

Cartelera: informativos.

carteles

formativos

Folletera: los folletos de acuerdo a su nmero de pginas pueden ser dpticos (dos pginas), trpticos (tres pginas), etc. Tambin se los puede clasificar en publicitarios, propagandsticos, tursticos, entre otros.

Diseo tipogrfico: tipos sans serif o palo seco, con serif, gestuales, gticas, caligrficas y de fantasa. Diseo de instrumentos de mandos: pantallas de relojes digitales, de telfonos mviles, de cmaras digitales, y otros aparatos. Infografa: mapas, formularios. grficos, vietas,

Material didctico: manuales instructivos, indicaciones de uso, fichas didcticas educacionales, etctera. Multimedia: medios de comunicacin animados o donde integramos imagen, video, animacin, sonido, etc. Identidad corporativa: marcas, isologotipo, papelera comercial y fiscal, billetes, aplicacin de marca en arquigrafa e indumentaria, grfica vehicular.

SOFTWARE USADO
EN DISEO GRFICO

Adobe Creative Suite Photoshop Freehand Illustrator Pagemaker, antecesor de Indesign. Indesign Dreamweaver Flash Fireworks Otras compaas QuarkXPress, primer programa creado para maquetacin editorial, similar a Adobe Indesign. Xara Xtreme Inkscape XaraLX GIMP Sodipodi

Corel Corporation Corel Draw Photo-Paint Corel Trace Corel Painter

TEORA DEL COLOR

TODO COLOR ES LUZ

EL SENTIDO DE LA VISTA

El color es la sensacin que se produce en respuesta a la estimulacin del ojo y de sus mecanismos nerviosos, por la energa 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 EXPANSIN

El texto sobre fondo blanco es ms legible y por lo tanto el lector debe forzar menos la vista, sintindose agradecido. Esto tambin lo podemos ver en colores claros y oscuros, no es algo que suceda nicamente en blanco y negro.

ARMONA Y CONSTRASTE

Armona
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 armnicos, 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, clidos y fros, etc

CIRCULO CROMTICO

El crculo cromtico nos sirve para observar la organizacin bsica y la interrelacin 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 violceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violceo.

LENGUAJES BSICOS DEL COLOR

tono (color), saturacin y valor (brillo luminosidad)

TONO (COLOR)

Es el matiz del color, es decir el color en s mismo, supone su cualidad cromtica, es simplemente- un sinnimo 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 radiacin. Segn 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 energa. 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 condicin variable, que puede alterar fundamentalmente la apariencia de un color. La luminosidad puede variar aadiendo negro o blanco a un tono.

SATURACIN
(valor o luminosidad)

Est relacionada con la pureza cromtica o falta de dilucin con el blanco. Constituye la pureza del color respecto al gris, y depende de la cantidad de blanco presente.

Cuanto ms saturado est un color, ms puro es y menos mezcla de gris posee.

TIPOGRAFA

El arte de la tipografa consiste en hacer

legibles y atractivas visualmente las palabras y los signos grficos que las acompaan.

 Ttulos y cuerpos de texto o mensajes. Para los primeros necesitaremos letras generalmente gruesas y detalladas. Es muy recomendable que las tipografas escogidas para los ttulos concuerden perfectamente con el diseo de la pgina y tambin tendremos que tratar su color con mucho cuidado, ya que el color en los ttulos expresa mucho, pero esto lo veremos ms adelante

 Para los segundos deberemos usar tipografas "Lisas" (Arial, Verdana), nunca con "Serifa" (Times). Aqu tenis una imagen de ejemplo:

COMPOSICIN DE LA IMAGEN

La imagen se compone de la siguiente manera de acuerdo a su sistema.

Digital: Este es un sistema de fotografa compuesto por un lenguaje binario. Este se traduce por pixeles y las hay de todos los tamaos y formatos.

Anloga o Convencional
Es la fotografa tradicional de toda la vida al revelarse la pelcula obtenemos una imagen impresa sobre papel fotogrfico. La imagen digital est formada por una serie de matrices numricas de ceros y unos que se almacenan en una memoria informtica y que definen las caractersticas de una fotografa. Una vez esta imagen es interpretada (leda), los ordenadores se transforman en una imagen visible a travs de la pantalla e imprimible tambin, a travs 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 Comnmente usado por los programas de Microsoft Windows y por el sistema operativo propiamente dicho. Se le puede aplicar compresin sin prdidas, 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 mximo), con soporte de animacin por frames. Utiliza la compresin 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 fotografas e imgenes de gran tamao y variedad de color en la web y por las cmaras digitales. Es un formato comprimido con prdida de calidad, aunque esta se puede ajustar.

CREATIVIDAD

La creatividad es un sentimiento de libertad que nos permite vivir en un estado de transformacin 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 increble e innato espritu creativo para inventar por ejemplo la mquina de vapor o la energa nuclear.

Creatividad Secundaria

Es un tipo de creatividad que se fija en algo y lo mejora. La mayora de los cambios son el resultado de muchos pequeos 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 diseado para colocarlos.

TECNICAS

Mapas Mentales Es una tcnica grfica que permite la exploracin del problema y la generacin 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. Tambin son tiles para la percepcin de nuevos usos, aplicaciones y posibilidades de un producto o un servicio.

Brainstorming Tormenta o lluvia de ideas. Es una tcnica grupal para la generacin de ideas. Las cuatro reglas fundamentales son: toda crtica est prohibida, toda idea es bienvenida, tantas ideas como sea posible, el desarrollo y asociacin 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.

CARACTERSTICAS

Fluidez Facilidad para generar un nmero elevado de ideas respecto a un tema determinado. La manera de potenciarla en el campo escolar, sera, por ejemplo, pidindole al alumno que relacione entre hechos, palabras, sucesos,...

Flexibilidad Caracterstica de la creatividad mediante la cual se transforma el proceso para alcanzar la solucin del problema. Nace de la capacidad de abordar los problemas desde diferentes ngulos. Dentro del mbito escolar se desarrollara exigindole al alumno no solo un gran nmero de ideas, sino recogiendo categoras y tipos diferentes de respuestas o soluciones.

Originalidad Caracterstica que define a la idea, proceso o producto, como algo nico o diferente. Produccin 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 prctica. Elaboracin 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 Mara Orozco

Estudiantes Tecnlogos en Produccin

de Multimedia
San Jos de Ccuta Colombia