Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Comunicación Visual

9,919 views

Published on

Published in: Education
  • Be the first to comment

Comunicación Visual

  1. 1. COMUNICACIÓN VISUAL
  2. 3. Tipos de comunicación visual Comunicación visual Casual Intencional INFORMACION PRACTICA ESTÉTICA
  3. 4. Casual
  4. 5. INTENCIONAL
  5. 6. INFORMACIÓN PRÁCTICA Y ESTÉTICA
  6. 8. FILTRO SENSORIAL
  7. 9. FILTRO OPERATIVO
  8. 10. FILTRO CULTURAL <ul><li>http://www.youtube.com/watch?v=UWF6g68yvrE </li></ul>
  9. 12. MÓDULOS <ul><li>Dimensión que convencionalmente se toma como unidad de medida, y, más en general, todo lo que sirve de norma o regla. </li></ul>
  10. 13. TEXTURA
  11. 14. FORMAS
  12. 15. ESTRUCTURAS
  13. 16. MOVIMIENTO
  14. 17. EL COLOR
  15. 18. Elección del color
  16. 19. Paleta web básica Características cromáticas
  17. 20. Combinación y contraste
  18. 21. Modelo de color CMYK
  19. 22. Guías Pantone
  20. 23. El diseño gráfico es la actividad encaminada a producir comunicaciones audiovisuales. El diseño materializa la comunicación de hechos que sucederán-suceden-sucedieron en ámbitos generalmente inasibles en lo temporal así como anticipa contenidos, virtudes y ventajas cuya única prueba de la existencia es la idea sostenida por ese soporte comunicacional .
  21. 24. Diseño gráfico (Primeros pasos)
  22. 25. <ul><li>Acopio de información relacionada, directa o tangencialmente, con el objetivo que se debe cumplir, proveniente de distintas fuentes. </li></ul><ul><li>Antecedentes comunicacionales. </li></ul>¡Eh, documentarse!
  23. 26. <ul><li>Pautas de marketing. </li></ul><ul><li>Condiciones presupuestarias y tiempos. </li></ul>Tiempo y dinero: los dos secuaces del capitalismo.
  24. 27. <ul><li>Implicaciones ético-morales en tanto que pasará a formar parte del entorno sociocultural en que se inserte. </li></ul>Una de las célebres caricaturas de Mahoma.
  25. 28. <ul><li>Codificaciones culturales: la propia incidencia del diseño determina cierta tribalización dificultando generar mensajes de alcance universal. </li></ul>Diseño de Shephard Fairey “Hope” (global) Diseño de Tinc Gana! (tribalizado)
  26. 29. Investigación <ul><li>Competencia local: recabar información sobre el entorno inmediato en el que el resultado concreto del programa previsto ejerce su acción. </li></ul><ul><li>Referencias internacionales: conocer como se han desarrollado concepciones similares o asimilables en otros contextos. </li></ul>
  27. 30. Elementos históricos propios: Referencia a la historia de una empresa o de la familia que la dirige .
  28. 31. Inserción social del cliente: Conocer el público destinatario es la regla de oro de la comunicación. <ul><li>Colectivo de negros albinos. </li></ul>
  29. 32. Concreción del trabajo
  30. 33. <ul><li>Estructura: </li></ul><ul><li>El diseño gráfico basa su sentido en la generación de estructuras, ritmos, apoyos y espacios abiertos. </li></ul><ul><li>La escala: </li></ul><ul><li>Es importante considerar el tamaño real de lo que estamos diseñando. </li></ul>
  31. 34. <ul><li>La tipografía: utilizamos un tipo u otro por razones estéticas de código, afectivas y de eficacia comunicativa. </li></ul>
  32. 35. <ul><li>El color: </li></ul><ul><li>Es innegable la importancia del color en algunos planes de imagen corporativa o a la hora de establecer sistemas de codificación, por no mencionar los sistemas señaléticos convencionales. </li></ul>
  33. 36. <ul><li>El soporte: </li></ul><ul><li>El ámbito más habitual de una idea de comunicación procesada a través del diseño gráfico es el papel. </li></ul>Papel…
  34. 37. <ul><li>Naturaleza de las imágenes: </li></ul><ul><li>El diseño gráfico trabaja básicamente con cuatro tipos de imágenes: esquemas, ilustraciones, fotografías y digitalizaciones directas. </li></ul>
  35. 38. <ul><li>Los esquemas, infogramas y pictogramas: </li></ul><ul><li>Responden a la necesidad de un lenguaje propio dentro de esta era de la información en la que triunfa el pensamiento abstracto y esquemático. </li></ul>esquema infograma pictograma
  36. 39. <ul><li>La ilustración: puede ser usada para aportar una visión personal o una interpretación con la finalidad de completar un determinado texto o publicación. </li></ul>¿A qué dedica el tiempo libre Manuel Outeiriño?
  37. 40. <ul><li>La fotografía: en el campo del diseño gráfico es usada en dos aspectos funcionales: como registro documental o como ilustración fotográfica. </li></ul>
  38. 41. <ul><li>La digitalización directa: consiste en escanear ya no una imagen de un objeto sino el objeto mismo. </li></ul><ul><li>Preimpresión: tiende a desparecer como área especializada debido a la salida al mercado de escáneres de alto rendimiento. </li></ul><ul><li>Impresión: todavía se siguen utilizando máquinas de impresión fotográfica fundamentalmente en la aplicación de técnicas especiales como el hot stamping , el gofrado o golpe en seco, el troquelado, el falso relieve y otras. </li></ul>Máquina de hot stamping
  39. 42. <ul><li>Métodos de acabado y encuadernación: estos procesos dan su forma final a lo diseñado, es cuando la idea se transforma en objeto y por lo tanto deben formar parte del programa de trabajo en sus etapas más tempranas. </li></ul>
  40. 43. Entorno: El ciberespacio
  41. 44. Funciones del diseño visual <ul><li>1. IDENTIDAD VISUAL </li></ul><ul><li>2. SEÑALIZACIÓN DIGITAL </li></ul>
  42. 46. Señalización digital
  43. 47. Factores necesarios para configurar la  identidad visual de un espacio web: <ul><li>-     Representación gráfica de los valores. </li></ul><ul><li>*Organizativos </li></ul><ul><li>*Sígnicos (Tipografia, color, imagen, etc.) </li></ul><ul><li>-    Estilo comunicación escrita </li></ul><ul><li>-    Funcionalidad o usabilidad </li></ul><ul><li>Determina la facilidad de acceso del usuario cuando se enfrenta a la web en cuestión. Si está es útil y positiva refuerza la identidad de la página. </li></ul>
  44. 48. Usabilidad y funcionalidad
  45. 49. Diálogo y participación (feedback)
  46. 50. -     Seleccionar y estructurar información. -     Interpretar esa información, para transformarla en objetos, imágenes, conocer las acciones del usuario e integrar los diferentes códigos lingüísticos con los que trabaje; entre otras acciones. INFODISEÑADOR Funciones:
  47. 51. Elementos que facilitan al usuario la consecución de su objetivo informativo.
  48. 52. En un soporte gráfico
  49. 53. En un soporte digital
  50. 54. ESQUEMA VISUAL DEL MEDIO DIGITAL
  51. 55. PLANIFICAR UNA PÁGINA WEB ELEMENTOS DE LA COMUNICACIÓN VISUAL EN UNA REALIDAD CIBERNÉTICA. BASES PRÁCTICAS
  52. 56. BOCETO WEB
  53. 57. Logística
  54. 58. CONSIDERACIONES ESTÉTICO-TÉCNICAS
  55. 59. Tamaño de la pantalla
  56. 60. Tipos de Archivos
  57. 61. Tamaño de fuentes
  58. 62. Compatibilidad de buscadores
  59. 63. A TENER EN CUENTA <ul><li>Jerarquía: Cuantos niveles tendrá el sitio? </li></ul><ul><li>Navegación: Como se moverá el usuario entre las páginas? </li></ul><ul><li>Activos: Que imágenes y texto se necesitan para generar para poblar el sitio? </li></ul>
  60. 64. CSS

×