Concepto

Teoría Del

Color

Descomposición de la imagen

Resolución

Interfaces

Tipografía

FormatosSoftware

• 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…

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)

• 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

• 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

• 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 lib

ro

impreso

• 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

• 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.

• 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.

VIDEOS

Historia del diseño

grafico

Historia del diseño

grafico II

Diseño en photoshop

DISEÑO GRAFICO

Diseño Grafico II

Diseño en Photoshop

• 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

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.

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.

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.

Colores Segundarios

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

Coloresterciarios

• 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.

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.

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".

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.

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.

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.

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.

• 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.

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,

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.

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.

• 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).

• 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.

• 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.

• 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.

•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.

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

•Inkscape Es una herramienta de

dibujo libre y multiplataforma para gráficos vectoriales SVG.

• 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.

Creatividad Eureka

Creatividad Secundaria

Hay dos tipos de creatividad:

• 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

• 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

Fluidez

Sensibilidad

Flexibilidad

Originalidad

Elaboración

Re definición

Las variables más frecuentemente utilizadas para medir a la creatividad

son:

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

Nuevo casco

• 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.

Nuevas bolsas

• 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.

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

• 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.

• 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

Introducción

Técnicas

Otras técnicas

• 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”.

Brainstorming (Lluvia de Ideas)

Concepto Metodología

Aspectos relacionados

Consignas fundamentales

• 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.

• 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.

• 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.

• 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.

Análisis morfológico

Crear en sueños

Solución creativa de problemas

• 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.

• 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.

• 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…

Mas…

Insight creativos

Niño creativocreatividad

Creatividadpublicitario

toque de creatividad

Creatividad

& innovación

Ejemplos de creatividad

creatividad

Creatividad & innovación

Ejemplos de creatividad

Toque de creatividad

Insight creativos

Niño creativo

Publicidad creativa