Introducción al Diseño Gráfico
Preguntas básicas Slide    <ul><li>Qué es diseño gráfico? </li></ul><ul><li>Cómo se desarrolla? </li></ul><ul><li>Cuándo e...
Definición Slide    El término diseño gráfico se refiere a un número de disciplinas profesionales con énfasis en la comuni...
Ejemplos de trabajos de diseño gráfico Slide    Diseño Gráfico nació del arte y la tecnología (imprenta)
Qué hace un diseñador gráfico? Slide    Desarrolla, posters, libros, web, publicidad. Tiene que empezar preguntándose las ...
Pregunta 1: Objetivos de comunicación Slide    Cuál es el mensaje que tiene que ser transmitido? Cuándo el grupo objetivo ...
Pregunta 2: Qué digo primero y después qué? (jerarquía) Slide    Una vez claro el objetivo de comunicación, decidimos cuál...
Pregunta 3: Cómo quieres guiar el ojo del lector? Slide    La jerarquía mencionada anteriormente, junto al color, contrast...
Slide
Pregunta 4: A quién nos dirigimos? Slide    Hay que estar muy concientes que existen diferentes maneras de comunicar deacu...
Pregunta 5: Cuál es el tono de comunicación? Slide    Dependiendo el tema, se escogerán elementos visuales que refuercen e...
Slide    Además los diseñadores debemos dominar los siguientes aspectos: <ul><li>Punto </li></ul><ul><li>Línea </li></ul><...
Punto Slide    El punto es la unidad fundamental del diseño
La línea Slide    La línea es cualquier señal que une dos puntos
Formas Slide    Cualquier cosa que tenga ancho y altura es una forma
Patrones Slide    Nuestra tendencia de crear significado y orden encontrará un patrón en las cosas.
Textura Slide    Textura es la sensación emitida al observar una superficie. Puedes enriquecer con textura tus trabajos. L...
Slide
Espacios Slide    Espacio es la distancia o área entre y alrededor de las cosas. Espacio separa o une, remarca, y brinda a...
Slide
Tamaño Slide    Tamaño determina cuán grande o pequeño algo es. El tamaño es muy importante en hacer lucir tus trabajos or...
Slide
Tipografía Slide    La tipografía  es uno de los aspectos más importantes que tiene que tomar en cuenta el diseñador. La t...
Slide
Color Slide    Color en los layouts pueden provocar sensaciones, crean imágenes, atrae la atención e identifican objetos. ...
Slide
Imagen Slide    Image es una parte esencial en el diseño gráfico.  Images son básicamente de tres clases; fotografías, Ilu...
Slide
Otros ejemplos Slide
Composición : El uso de los principios del diseño Slide    Cuando hablamos de las herramientas, hablamos del diseñador que...
Balance Slide    Balance se refiere a la  distribución visual del peso.  Peso visual no puede ser repartido un 50-50 en am...
Slide    Cada elemento en el arte tiene un peso visual determinado por el tamaño, oscuridad, claridad, grueso y líneas.   ...
Ritmo Slide    Ritmo es un patrón creado por una repetición de elementos en un layout de una manera esperada.  Repetición ...
Slide
Enfasis Slide    Cada página o layout necesita un punto focal Enfasis en diseño gráfico es el primer elemento que el ojo v...
Slide
Unidad Slide    La unidad ayuda a los elementos a lucir como parte de un todo.  Los lectores necesitan pistas visuales par...
Slide
Teorías GESTALT  Slide    Gestalt o las teorías ‘percepción de las formas’ buscaban definir los principios de las percepci...
Slide    Emergencia:  El perro emerge de los puntos como un todo y no como un ente individual. Edificación:  Este es el as...
Slide    Multi-estabilidad:  Tenemos la tendencia de observar de atrás para adelante y de ver alternativamente más de una ...
Slide    Similaridad:  La mente agrupa elementos similares en colectivos de elementos.  Cierre:  Tenemos la tendencia a co...
Slide    Próximidad:  La mente agrupa elementos en entidades colectivas dependiendo su proximidad.  Continuidad:  Veremos ...
Sección Aurea Slide    Sección aurea es conocido también como las “proporciones divinas”, es conocida también como las ley...
Slide    La ilustración muestra como los seriales de Fibonacci funcionan en la naturaleza
Cómo esto afecta al diseño gráfico? Slide    La regla de tres es una derivación de la sección aurea. Un rectángulo dorado ...
Slide
Slide    La regla de tres aplicada a composición gráfica
Slide    La regla de tres aplicada a composición gráfica
Teoría del color  Slide    En la teoría del color tradicional, estos tres colores pigmento que no pueden ser mezclados ni ...
Slide    Colores secundarios  se forman al combinar los primarios.  Verde: amarillo + azul Púrpura: rojo + azul Naranja: r...
Slide    Colores Terciarios  son colores que se forman al combinar un primario con un secundario.  Por eso es que su denom...
De qué nos sirve esto acerca los colores? Slide    El conocimiento de las armonías cromáticas y complementaridad cromática...
Slide    Uso de colores armónicos Uso de colores complementarios
Un color en contraste con otros Slide    Un color puede lucir distinto en relación a otros colores El rojo luce más brilla...
Simbolismo de los colores Slide    Las facultades comunicativas de los colores pueden definirse en dos categorías  Asociac...
Color e Identidad corporativa Slide    El aspecto sicológico del color es uno de los factores más racionales al ser aplica...
Upcoming SlideShare
Loading in …5
×

Clase 3 uees diseno

1,361 views

Published on

clase 3 uees diseno grafico

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,361
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • v
  • Clase 3 uees diseno

    1. 1. Introducción al Diseño Gráfico
    2. 2. Preguntas básicas Slide <ul><li>Qué es diseño gráfico? </li></ul><ul><li>Cómo se desarrolla? </li></ul><ul><li>Cuándo empezó a considerarse una profesión? </li></ul><ul><li>Y por qué? </li></ul>
    3. 3. Definición Slide 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.
    4. 4. Ejemplos de trabajos de diseño gráfico Slide Diseño Gráfico nació del arte y la tecnología (imprenta)
    5. 5. Qué hace un diseñador gráfico? Slide Desarrolla, posters, libros, web, publicidad. Tiene que empezar preguntándose las siguientes preguntas fundamentales <ul><li>Cuál es el objetivo de comunicación </li></ul><ul><li>Qué se necesita decir primero y después qué? (niveles de jerarquía) </li></ul><ul><li>Cómo quieres guíar al ojo a través del gráfico? </li></ul><ul><li>Cuál será el tono de comunicación? </li></ul><ul><li>A quién está dirigido mi trabajo? </li></ul>
    6. 6. Pregunta 1: Objetivos de comunicación Slide 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
    7. 7. Pregunta 2: Qué digo primero y después qué? (jerarquía) Slide 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 .
    8. 8. Pregunta 3: Cómo quieres guiar el ojo del lector? Slide 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.
    9. 9. Slide
    10. 10. Pregunta 4: A quién nos dirigimos? Slide Hay que estar muy concientes que existen diferentes maneras de comunicar deacuerdo al grupo objetivo
    11. 11. Pregunta 5: Cuál es el tono de comunicación? Slide Dependiendo el tema, se escogerán elementos visuales que refuercen el mensaje.
    12. 12. Slide Además los diseñadores debemos dominar los siguientes aspectos: <ul><li>Punto </li></ul><ul><li>Línea </li></ul><ul><li>Forma </li></ul><ul><li>Patrón </li></ul><ul><li>Textura </li></ul><ul><li>Espacio </li></ul><ul><li>Tamaño </li></ul><ul><li>Tipografía </li></ul><ul><li>Color </li></ul><ul><li>Imagen </li></ul>
    13. 13. Punto Slide El punto es la unidad fundamental del diseño
    14. 14. La línea Slide La línea es cualquier señal que une dos puntos
    15. 15. Formas Slide Cualquier cosa que tenga ancho y altura es una forma
    16. 16. Patrones Slide Nuestra tendencia de crear significado y orden encontrará un patrón en las cosas.
    17. 17. Textura Slide 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. <ul><li>Texturas dan personalidad y humor </li></ul><ul><li>Provocan emociones </li></ul>
    18. 18. Slide
    19. 19. Espacios Slide Espacio es la distancia o área entre y alrededor de las cosas. Espacio separa o une, remarca, y brinda al ojo descanso.
    20. 20. Slide
    21. 21. Tamaño Slide 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)
    22. 22. Slide
    23. 23. Tipografía Slide 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.
    24. 24. Slide
    25. 25. Color Slide 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.
    26. 26. Slide
    27. 27. Imagen Slide 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.
    28. 28. Slide
    29. 29. Otros ejemplos Slide
    30. 30. Composición : El uso de los principios del diseño Slide 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: <ul><li>Balance </li></ul><ul><li>Ritomo </li></ul><ul><li>Enfasis </li></ul><ul><li>Unidad </li></ul>Estos principios te ayudarán a combinar elementos y elaborar una composición
    31. 31. Balance Slide 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.
    32. 32. Slide 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!
    33. 33. Ritmo Slide 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.
    34. 34. Slide
    35. 35. Enfasis Slide 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.
    36. 36. Slide
    37. 37. Unidad Slide 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.
    38. 38. Slide
    39. 39. Teorías GESTALT Slide 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. <ul><li>Emergencia </li></ul><ul><li>Edificación </li></ul><ul><li>Multi-estabilidad </li></ul><ul><li>N o variabilidad </li></ul><ul><li>Cierre </li></ul><ul><li>Similaridad </li></ul><ul><li>Proximidad </li></ul><ul><li>Simetría </li></ul><ul><li>Continuidad </li></ul>
    40. 40. Slide 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.
    41. 41. Slide 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.
    42. 42. Slide Similaridad: La mente agrupa elementos similares en colectivos de elementos. Cierre: Tenemos la tendencia a completar la figura regular.
    43. 43. Slide Próximidad: La mente agrupa elementos en entidades colectivas dependiendo su proximidad. Continuidad: Veremos líneas cruzarse en lugar de dos ángulos.
    44. 44. Sección Aurea Slide 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.
    45. 45. Slide La ilustración muestra como los seriales de Fibonacci funcionan en la naturaleza
    46. 46. Cómo esto afecta al diseño gráfico? Slide 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.
    47. 47. Slide
    48. 48. Slide La regla de tres aplicada a composición gráfica
    49. 49. Slide La regla de tres aplicada a composición gráfica
    50. 50. Teoría del color Slide 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
    51. 51. Slide Colores secundarios se forman al combinar los primarios. Verde: amarillo + azul Púrpura: rojo + azul Naranja: rojo + amarillo
    52. 52. Slide 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,
    53. 53. De qué nos sirve esto acerca los colores? Slide 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.
    54. 54. Slide Uso de colores armónicos Uso de colores complementarios
    55. 55. Un color en contraste con otros Slide 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.
    56. 56. Simbolismo de los colores Slide 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.
    57. 57. Color e Identidad corporativa Slide 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.

    ×