DiseñO GráFico Final

78
DISEÑO GRÁFICO Y CREATIVIDAD

Transcript of DiseñO GráFico Final

Page 1: DiseñO GráFico Final

DISEÑO GRÁFICOY CREATIVIDAD

Page 2: DiseñO GráFico Final

DISEÑO GRÁFICO

Historia del Diseño GráficoDe un DiseñoEL Diseño EvolucionaClasificaciónDivisiones del Diseño GráficoClasificación de Productos

SOFTWARE USADOS EN DISEÑO GRÁFICO

TEORÍA DEL COLOREl Sentido de la VistaEl Color y su expansiónArmonía y ContrasteCirculo CromáticoLenguajes básicos del Color

TonoBrillantesSaturación

TABLA DE CONTENIDO

Page 3: DiseñO GráFico Final

TIPOGRAFÍA

COMPOSICIÓN DE LA IMAGENDigitalAnáloga o ConvencionalFormatos de la Imagen

CREATIVIDADVideo Creativo

Tipos de creatividadCreatividad eurekaCreatividad secundaria

TécnicasMapas mentalesArte de PreguntarLluvia de ideas (Brainstorming)Relaciones Forzadas

CaracteristicasFluidezFlexibilidadOriginalidadViabilidadElaboración

VIDEOS CREATIVOS

Page 4: DiseñO GráFico Final

DISEÑO GRÁFICO

Page 5: DiseñO GráFico Final

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.

Page 6: DiseñO GráFico Final

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.

Page 7: DiseñO GráFico Final

DISEÑO GRÁFICOHISTORIA DEL

Page 8: DiseñO GráFico Final

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.

Page 9: DiseñO GráFico Final

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.

DE UN DISEÑO

Page 10: DiseñO GráFico Final

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.

Page 11: DiseñO GráFico Final

EL DISEÑO EVOLUCIONA

Page 12: DiseñO GráFico Final

El desarrollo de la publicidad trajo consigo un desarrollo paralelo del diseño gráfico y de los soportes de comunicación.

Page 13: DiseñO GráFico Final

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

Page 14: DiseñO GráFico Final

El cómo se transmitía la información llegó incluso a superar en importancia a la misma información transmitida.

Page 15: DiseñO GráFico Final

CLASIFICACIÓNDEL DISEÑO GRÁFICO

Page 16: DiseñO GráFico Final

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

GRAPHIC DESIGN

Page 17: DiseñO GráFico Final

DIVISIONES DEL DISEÑOGRÁFICO

Page 18: DiseñO GráFico Final

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.

Page 19: DiseñO GráFico Final

CLASIFICACIÓN DE PRODUCTOSDE DISEÑO GRÁFICO

Relacionando los procesos de producción se pueden agrupar los productos de diseño desde un análisis tecnológico.

Page 20: DiseñO GráFico Final

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.

Page 21: DiseñO GráFico Final

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.

Page 22: DiseñO GráFico Final

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.

Page 23: DiseñO GráFico Final

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.

Page 24: DiseñO GráFico Final

SOFTWARE USADOEN DISEÑO GRÁFICO

Page 25: DiseñO GráFico Final

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

Page 26: DiseñO GráFico Final

Corel Corporation

• Corel Draw • Photo-Paint • Corel Trace • Corel Painter

Page 27: DiseñO GráFico Final

TEORÍA DEL COLOR

Page 28: DiseñO GráFico Final

TODO COLOR ES LUZ

Page 29: DiseñO GráFico Final

EL SENTIDO DE LA VISTA

Page 30: DiseñO GráFico Final

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.

Page 31: DiseñO GráFico Final

Los colores de los objetos nos transmiten emociones muy fuertes, pese a que, generalmente no nos demos cuenta de ello

Page 32: DiseñO GráFico Final

EL COLOR Y SU EXPANSIÓN

Page 33: DiseñO GráFico Final

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.

Page 34: DiseñO GráFico Final

ARMONÍA Y CONSTRASTE

Page 35: DiseñO GráFico Final

ArmoníaCrear 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.

Page 36: DiseñO GráFico Final

Contraste

Combinar diferentes colores para crear una gama como, por ejemplo, claros y oscuros, cálidos y fríos, etc

Page 37: DiseñO GráFico Final

CIRCULO CROMÁTICO

Page 38: DiseñO GráFico Final

El círculo cromático nos sirve para observar la organización básica y la interrelación de los colores.

Page 39: DiseñO GráFico Final

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.

Page 40: DiseñO GráFico Final

LENGUAJES BÁSICOS DEL COLORtono (color), saturación y valor (brillo ó luminosidad)

Page 41: DiseñO GráFico Final

TONO (COLOR)

Page 42: DiseñO GráFico Final

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

Page 43: DiseñO GráFico Final

BRILLANTEZ(valor o luminosidad)

Page 44: DiseñO GráFico Final

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.

Page 45: DiseñO GráFico Final

SATURACIÓN(valor o luminosidad)

Page 46: DiseñO GráFico Final

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.

Page 47: DiseñO GráFico Final

TIPOGRAFÍA

Page 48: DiseñO GráFico Final

El arte de la tipografía consiste en

hacer legibles y atractivas

visualmente las palabras y los signos

gráficos que las acompañan.

Page 49: DiseñO GráFico Final

• 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

Page 50: DiseñO GráFico Final

• Para los segundos deberemos usar tipografías "Lisas" (Arial, Verdana), nunca con "Serifa" (Times). Aquí tenéis una imagen de ejemplo:

Page 51: DiseñO GráFico Final

COMPOSICIÓN DE LA IMAGEN

Page 52: DiseñO GráFico Final

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

Page 53: DiseñO GráFico Final

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.

Page 54: DiseñO GráFico Final

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.

Page 55: DiseñO GráFico Final

FORMATOS DE LAIMAGEN

Page 56: DiseñO GráFico Final
Page 57: DiseñO GráFico Final

.bmp (image/bmp): Windows BitmapComú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.

Page 58: DiseñO GráFico Final
Page 59: DiseñO GráFico Final

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

Page 60: DiseñO GráFico Final

CREATIVIDAD

Page 61: DiseñO GráFico Final

La creatividad es un sentimiento de libertad que nos permite vivir en un estado de transformación permanente.

Page 62: DiseñO GráFico Final
Page 63: DiseñO GráFico Final

TIPOS DE CREATIVIDAD

Page 64: DiseñO GráFico Final

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.

Page 65: DiseñO GráFico Final

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.

Page 66: DiseñO GráFico Final

TECNICAS

Page 67: DiseñO GráFico Final

Mapas MentalesEs 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 preguntarSe 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.

Page 68: DiseñO GráFico Final

BrainstormingTormenta 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 ForzadasSe 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.

Page 69: DiseñO GráFico Final

CARACTERÍSTICAS

Page 70: DiseñO GráFico Final

FluidezFacilidad 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,...

FlexibilidadCaracterí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.

Page 71: DiseñO GráFico Final

OriginalidadCaracterí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.

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

ElaboraciónEs 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.

Page 72: DiseñO GráFico Final

VIDEOS CREATIVOS

Page 73: DiseñO GráFico Final
Page 74: DiseñO GráFico Final
Page 75: DiseñO GráFico Final
Page 76: DiseñO GráFico Final
Page 77: DiseñO GráFico Final
Page 78: DiseñO GráFico Final

by Mario Corredor & Procesiosa María Orozco

Estudiantes Tecnólogos en Producción

de Multimedia

SENA – CIES

Centro de la Industria, la Empresa y los Servicios

San José de Cúcuta

Colombia