clase 3 uees diseno grafico

1. Introducción al Diseño Gráfico

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. Ejemplos de trabajos de diseño gráfico Slide Diseño Gráfico nació del arte y la tecnología (imprenta)

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

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. Pregunta 5: Cuál es el tono de comunicación? Slide Dependiendo el tema, se escogerán elementos visuales que refuercen el mensaje.

13. Punto Slide El punto es la unidad fundamental del diseño

14. La línea Slide La línea es cualquier señal que une dos puntos

15. Formas Slide Cualquier cosa que tenga ancho y altura es una forma

16. Patrones Slide Nuestra tendencia de crear significado y orden encontrará un patrón en las cosas.

18. Slide

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

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

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

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

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

29. Otros ejemplos Slide

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

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

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

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. 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. Slide Similaridad: La mente agrupa elementos similares en colectivos de elementos. Cierre: Tenemos la tendencia a completar la figura regular.

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. 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. Slide La ilustración muestra como los seriales de Fibonacci funcionan en la naturaleza

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

48. Slide La regla de tres aplicada a composición gráfica

49. Slide La regla de tres aplicada a composición gráfica

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. Slide Colores secundarios se forman al combinar los primarios. Verde: amarillo + azul Púrpura: rojo + azul Naranja: rojo + amarillo

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. 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. Slide Uso de colores armónicos Uso de colores complementarios

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