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.