Post on 05-Dec-2014
description
Introducción al Diseño Gráfico
Slide 2
Preguntas básicas
Qué es diseño gráfico?
Cómo se desarrolla?
Cuándo empezó a considerarse una profesión?
Y por qué?
Slide 3
Definición
El término diseño gráfico se refiere a un número de disciplinas profesionales con énfasis en la comunicación visual
Varios métodos son usados para crear y combinar símbolos, imágenes, palabras para crear una representación de visual de ideas y mensajes.
Slide 4
Ejemplos de trabajos de diseño gráfico
Diseño Gráfico nació del arte y la tecnología (imprenta)
Slide 5
Qué hace un diseñador gráfico?
Desarrolla, posters, libros, web, publicidad. Tiene que empezar preguntándose las siguientes preguntas fundamentales
Cuál es el objetivo de comunicación
Qué se necesita decir primero y después qué? (niveles de jerarquía)
Cómo quieres guíar al ojo a través del gráfico?
Cuál será el tono de comunicación?
A quién está dirigido mi trabajo?
Slide 6
Pregunta 1: Objetivos de comunicación
Cuál es el mensaje que tiene que ser transmitido? Cuándo el grupo objetivo lee el libro/webpage/publicidad y qué se supone que tiene que hacer después?
Un aviso publicitario y un periódico tienen diferentes objetivos de comunicación
Slide 7
Pregunta 2: Qué digo primero y después qué? (jerarquía)
Una vez claro el objetivo de comunicación, decidimos cuál información llamará más la atención. Luego se establece cuál viene después.
Slide 8
Pregunta 3: Cómo quieres guiar el ojo del lector?
La jerarquía mencionada anteriormente, junto al color, contraste, tamaño etc, automaticamente guiará los ojos de los lectores en una manera específica e intencional.
Slide 9
Slide 10
Pregunta 4: A quién nos dirigimos?
Hay que estar muy concientes que existen diferentes maneras de comunicar deacuerdo al grupo objetivo
Slide 11
Pregunta 5: Cuál es el tono de comunicación?
Dependiendo el tema, se escogerán elementos visuales que refuercen el mensaje.
Slide 12
Además los diseñadores debemos dominar los siguientes aspectos:
Punto
Línea
Forma
Patrón
Textura
Espacio
Tamaño
Tipografía
Color
Imagen
Slide 13
Punto
El punto es la unidad fundamental del diseño
Slide 14
La línea
La línea es cualquier señal que une dos puntos
Slide 15
FormasCualquier cosa que tenga ancho y altura es una forma
Slide 16
Patrones
Nuestra tendencia de crear significado y orden encontrará un patrón en las cosas.
Slide 17
Textura
Textura es la sensación emitida al observar una superficie. Puedes enriquecer con textura tus trabajos. Las texturas a nivel de webs e impresiones es una ilusión.
Texturas dan personalidad y humor
Provocan emociones
Slide 18
Slide 19
Espacios
Espacio es la distancia o área entre y alrededor de las cosas.
Espacio separa o une, remarca, y brinda al ojo descanso.
Slide 20
Slide 21
Tamaño
Tamaño determina cuán grande o pequeño algo es.
El tamaño es muy importante en hacer lucir tus trabajos organizados, funcionales y atractivos.
Muestra lo más importante, atrae atención, y ayuda a cohesionar todo el trabajo gráfico (layout)
Slide 22
Slide 23
Tipografía
La tipografía es uno de los aspectos más importantes que tiene que tomar en cuenta el diseñador.
La tipografía puede trasladarte en el tiempo, dar humor, tono de comunicación, organiza páginas, crea unidad con los objetos e imágenes, etc.
Slide 24
Slide 25
Color
Color en los layouts pueden provocar sensaciones, crean imágenes, atrae la atención e identifican objetos.
Al elegir colores para una publicación o para la web, pensar cuál es el color adecuado para cumplir mis objetivos de comunicación.
Slide 26
Slide 27
Imagen
Image es una parte esencial en el diseño gráfico.
Images son básicamente de tres clases; fotografías, Ilustraciones y pinturas.
Las imágenes pueden ser interpretadas de muchas maneras y las diferencias culturales tienen que ser tomadas en cuenta al emitar un mensaje visual.
Slide 28
Slide 29
Otros ejemplos
Slide 30
Composición : El uso de los principios del diseño
Cuando hablamos de las herramientas, hablamos del diseñador que tiene en mente algunos principios que ayudarán a garantizar el éxito de su trabajo.
Estos principios son:Balance
Ritomo
Enfasis
Unidad
Estos principios te ayudarán a combinar elementos y elaborar una composición
Slide 31
Balance
Balance se refiere a la distribución visual del peso. Peso visual no puede ser repartido un 50-50 en ambos lados de la página
Todos los cuadrados están balanceados. Siguiendo las manecillas del reloj. Ellos son simétricos, asimétricos, horizontales y diagonales.
Slide 32
Cada elemento en el arte tiene un peso visual determinado por el tamaño, oscuridad, claridad, grueso y líneas.
Todas las imágenes están balanceadas. Discutámosolo!
Slide 33
Ritmo
Ritmo es un patrón creado por una repetición de elementos en un layout de una manera esperada.
Repetición (repetir elementos similares de una manera consistente)
Variación: un cambio de forma, tamaño, posición de elementos.
Estas son claves para el ritmo visual.
Slide 34
Slide 35
Enfasis
Cada página o layout necesita un punto focal
Enfasis en diseño gráfico es el primer elemento que el ojo ve.
Enfasis es usado para crear jerarquía de que es lo más importante en el layout.
Slide 36
Slide 37
Unidad
La unidad ayuda a los elementos a lucir como parte de un todo.
Los lectores necesitan pistas visuales para entender que todos los elementos pertenecen a un todo.
Puede alcanzarse al ser consistente con el uso de tipografías, encabezados, pie de páginas, tipo de imágenes, etc.
Slide 38
Slide 39
Teorías GESTALT
Gestalt o las teorías ‘percepción de las formas’ buscaban definir los principios de las percepción.
Estas son leyes innatas de la mente que determinan como vemos los objetos.
Emergencia
Edificación
Multi-estabilidad
No variabilidad
Cierre
Similaridad
Proximidad
Simetría
Continuidad
Slide 40
Emergencia: El perro emerge de los puntos como un todo y no como un ente individual.
Edificación: Este es el aspecto constructivista de la percepción. Dibujamos formas en nuestra mente aún cuando no hayamos dibujado nada.
Slide 41
Multi-estabilidad: Tenemos la tendencia de observar de atrás para adelante y de ver alternativamente más de una imagen
Invariabilidad: Reconocemos simples objetos geométricos indistintamente si están agrandados, girados, trasladados, etc.
Slide 42
Similaridad: La mente agrupa elementos similares en colectivos de elementos.
Cierre: Tenemos la tendencia a completar la figura regular.
Slide 43
Próximidad: La mente agrupa elementos en entidades colectivas dependiendo su proximidad.
Continuidad: Veremos líneas cruzarse en lugar de dos ángulos.
Slide 44
Sección Aurea
Sección aurea es conocido también como las “proporciones divinas”, es conocida también como las leyes de la naturaleza.
It is the ratio or proportion defined by the number Phi (1.618) Es el radio o proporción definida por el número pi (1.618)
En la figura A es 1.618 veces B y B es 1.618 veces C
Los seriales numéricos de Fibonacci están basados en este radio.
Slide 45
La ilustración muestra como los seriales de Fibonacci funcionan en la naturaleza
Slide 46
Cómo esto afecta al diseño gráfico?
La regla de tres es una derivación de la sección aurea.
Un rectángulo dorado es un rectángulo cuyos lados tienen un radio de 1:.62. Abajo, la figura es un rectángulo dorado. Dividiendo el rectángulo más grande a las coordenadas 618, obtendremos un cuadrado y luego otro rectángulo dorado y así sucesivamente.
Slide 47
Slide 48
La regla de tres aplicada a composición gráfica
Slide 49
La regla de tres aplicada a composición gráfica
Slide 50
Teoría del color
En la teoría del color tradicional, estos tres colores pigmento que no pueden ser mezclados ni combinados con ningún otro color.
Rojo, amarillo y azul son llamados colores primarios
Todos los colores se derivan de estos tres tonos
Slide 51
Colores secundarios se forman al combinar los primarios.
Verde: amarillo + azulPúrpura: rojo + azulNaranja: rojo + amarillo
Slide 52
Colores Terciarios son colores que se forman al combinar un primario con un secundario.
Por eso es que su denominación es compuesta: azul-verde, rojo-violeta, azul violeta, verde amarillo, rojo naranja, amarillo naranja,
Slide 53
De qué nos sirve esto acerca los colores?
El conocimiento de las armonías cromáticas y complementaridad cromática nos ayudan en la composición.
Colores armoniosos son colores que están cerca el uno del otro en la rosa cromática.
Colors complementarios son los que están opuestos en la rosa cromática.
Slide 54
Uso de coloresarmónicos
Uso de colorescomplementarios
Slide 55
Un color en contraste con otros
Un color puede lucir distinto en relación a otros colores
El rojo luce más brillante sobre un fondo negro y de alguna manera duller sobre un fondo blanco. En contraste con el naranja, el rojo aparece sin vida; en contraste con el azul-verde aparece brillante.
Notese que el rectángulo rojo aparece más largo sobre el fondo negro en relación con los otros fondos.
Aquí el rectángulo más pequeño de la izquierda parece tener más tinta roja. Todo es óptico.
Slide 56
Simbolismo de los colores
Las facultades comunicativas de los colores pueden definirse en dos categorías Asociaciones naturales o Psicológicas (culturales)
El verde puede significar naturaleza o Islam.
Slide 57
Color e Identidad corporativa
El aspecto sicológico del color es uno de los factores más racionales al ser aplicados en Imagen corporativa.
La otra razón es porque el color es lo primero que nuestro ojo percibe.