SlideShare uma empresa Scribd logo
1 de 21
INTRODUCCION
Objetivos

 Valorar la importancia del diseño
 Conocer los principios del diseño
 Conocer los principios, métodos y herramientas del
  diseño
 Conocer las técnicas básicas del diseño
 Compartir los conocimientos
Contenido

 Introducción al diseño gráfico
 Historia del diseño gráfico
 Elementos morfológicos de diseño gráfico
 Uso del color
 Técnicas de diseño gráfico
 Iconos
 Ejemplos
Introducción
 El diseño grafico surgió como disciplina independiente
  a mediados del Siglo XX. En términos generales se
  puede definir el diseño como la ordenación,
  composición, y combinación de formas y figuras

 El diseñador grafico es un artista al servicio de los que
  le encarguen su trabajo.

 Además de la publicidad y los Medios de Comunicación
  de Masas (MCM) el trabajo del diseñador se ha
  extendido a campos diferentes.
HISTORIA
 El ser humano ha tenido siempre
  la necesidad de comunicarse con
  sus semejantes, hasta tal punto
  que podemos afirmar que si el
  hombre es el ser más avanzado
  de la naturaleza.
 Las primeras formas
  comunicativas fueron mediante      Pintura rupestre (Cueva de Altamira, España)
  elementos visuales. Antes de que
  desarrollaran capacidades de
  expresión mediante el lenguaje
  hablado
HISTORIA
 Estos     lenguajes     escritos
  estaban basados, bien en la
  representación de elementos
  tomados de la naturaleza, a
  los que se les asignaba una
  interpretación particular, bien
  en un conjunto artificial de
  símbolos     inventados:     los
  alfabetos.                         Grabado en piedra con jeroglíficos (Egipto)
HISTORIA
 Otro    gran    impulsor  del
  desarrollo del diseño gráfico
  fue la Revolución Industrial.
  Surgieron las fábricas y la
  economía de mercado, un gran
  número     de    personas  se
  desplazó a las ciudades a
  trabajar,    aumentaron   las
  tiendas y los comercios y
  empezó la competitividad
                                  Cartel publicitario
Elementos de la imagen

 Para representar algo utilizamos unos elementos que
  constituyen un alfabeto gráfico. Estos elementos
  son:
  El punto
  La línea
  La forma
  La luz
  El color
  El tiempo
  El tamaño
  El formato
  La composición
Elementos de la imagen
           El punto

 El elemento más simple
 Posee una gran fuerza
  atractiva como marca
  Su situación puede establecer los
   ejes básicos de la estructura
  Varios puntos juntos se perciben
   agrupados creando formas
  Una secuencia de puntos puede
   imprimir ritmo a la imagen,
   creando una dirección de
   movimiento
  Ayuda a dirigir la visión del
   observador
Elementos de la imagen
          La línea

 Organizan el espacio
  Determinan ejes que
   delimitan zonas de
   atracción
 Pueden crear texturas,
  profundidad y
  movimiento
 Su dirección y grosor les
  da una expresividad
Elementos de la imagen
         La forma

 Define una superficie con unas dimensiones dadas
 Formas básicas
  Cuadrado, triángulo y círculo
 Función: definir y organizar el espacio
 Pueden simular tridimensionalidad cuando se
  representan en perspectiva
Elementos de la imagen
          La luz

 Contribuye a la composición de la escena
  Puede sugerir profundidad y tridimensionalidad
  Puede modelar formas, superficies y volúmenes
 Una característica importante es la tonalidad, que
  incide en la captación de las formas:
  Un tono claro parece más claro cerca de un tono oscuro y vic.
  Un tono claro se expande rodeado de uno oscuro
  Un tono oscuro se comprime rodeado de uno claro
Elementos de la imagen
           El color

 Características:
   Tonalidad o matiz: longitud de onda
   Saturación o intensidad: cantidad de blanco
   Luminosidad o claridad: cantidad de luz
 Sistemas de color:
   Aditivo: combina radiaciones de distinta
    longitud de onda
      Utilizado en las pantallas electrónicas
   Sustractivo: combina pigmentos cian,
    magenta y amarillo
      Utilizado en el papel
Elementos de la imagen
          El color

 Papel del color en la imagen:
  Contribuye a la recreación del espacio
     Ayuda a simular la profundidad (sombreado)
     Sugiere distancia (difuminación progresiva del tono)
  Ayuda a dinamizar la composición a través de la interacción de
   los colores
     Los colores claros son excéntricos y los oscuros concéntricos
     Los colores saturados producen un fuerte impacto y se relacionan
      con sensaciones dinámicas y alegres. Los colores no saturados
      transmiten sensaciones débiles y más sutiles
  El color transmite “sentimientos”
     Hay colores cálidos y fríos, ligeros y pesados, tristes y alegres
     La percepción del color es subjetiva y depende de factores
      culturales
Elementos de la imagen
          El color

 Formas de relación dinámica entre los colores:
  Armonía: crea una composición con variaciones cromáticas
   suaves y graduales relacionando colores afines
  Contraste: yuxtapone colores diferentes entre sí,
   fundamentalmente colores complementarios:
     Rojo-verde, amarillo-violeta, azul-naranja
     La composición llama fuertemente la atención
     Si es muy acentuado puede reducir la legibilidad al producirse
      vibración
  Es necesario conocer las relaciones cromáticas para combinar
   correctamente los colores
Elementos de la imagen
        El tiempo

 Se puede simular el paso del tiempo en imágenes
  fijas, organizando adecuadamente el espacio:
  Usando diferentes intensidades lumínicas, contrastes
   cromáticos, de textura, de escala...
  Jerarquizando los elementos representados, ordenándolos
   según una cierta secuencia
Elementos de la imagen
        El tamaño

 El tamaño establece un peso visual y una
  jerarquización en cuanto al espacio ocupado por el
  elemento
 Ayuda a crear sensación de profundidad mediante la
  perspectiva
Elementos de la imagen
        El formato

 Es la proporción del cuadro donde se muestra la
  imagen
 Debe favorecer la adaptación al campo visual humano,
  buscando una armonía entre las dimensiones
 Influye decisivamente en la composición general y le
  da un significado
  Los formatos horizontales son más estáticos
  Los formatos verticales y circulares son más dinámicos
Elementos de la imagen
         La composición

 Es la forma de ordenar y organizar los elementos
  morfológicos de la imagen en el espacio estructural
  que ofrece el formato
 Principios: unidad y claridad
  Se puede crear diversidad y contraste para añadir dinamismo,
   aunque complica la composición
 Hay que delimitar claramente el centro de interés, el
  que atraerá la mirada del espectador, y que depende
  de la composición
Elementos de la imagen
          La composición

 Algunas reglas de composición:
  La zona inferior suele ser más estática
   y sólida y la superior más dinámica y
   llamativa
  La zona izquierda es más estable y
   permite colocar pesos mayores sin
   desequilibrar
  A mayor tamaño, mayor peso
   compositivo
Uso del color

 El color es un aspecto muy importante de la interfaz
 Partes de la interfaz relacionadas con el color:
  Persona: sistema humano visual
  Ordenador: presentación de información

Mais conteúdo relacionado

Mais procurados (20)

Diseño de logotipos
Diseño de logotiposDiseño de logotipos
Diseño de logotipos
 
Historia de la tipografia
Historia de la tipografiaHistoria de la tipografia
Historia de la tipografia
 
Ejercicios Diseño Gráfico 4º año Power Point
Ejercicios Diseño Gráfico 4º año Power PointEjercicios Diseño Gráfico 4º año Power Point
Ejercicios Diseño Gráfico 4º año Power Point
 
Elementos basicos del diseño
Elementos basicos del diseñoElementos basicos del diseño
Elementos basicos del diseño
 
La ilustración en el diseño gráfico
La ilustración en el diseño gráficoLa ilustración en el diseño gráfico
La ilustración en el diseño gráfico
 
Introduzione illustrator
Introduzione illustratorIntroduzione illustrator
Introduzione illustrator
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
 
Iconicity
 Iconicity Iconicity
Iconicity
 
Alfabeto de la imagen
Alfabeto de la imagenAlfabeto de la imagen
Alfabeto de la imagen
 
Graphic design
Graphic designGraphic design
Graphic design
 
Apunte boceto
Apunte bocetoApunte boceto
Apunte boceto
 
Graphic Design Overview
Graphic Design OverviewGraphic Design Overview
Graphic Design Overview
 
El lápiz de dibujo
El lápiz de dibujo El lápiz de dibujo
El lápiz de dibujo
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
Clases o Tipos De Logotipo
Clases o Tipos De LogotipoClases o Tipos De Logotipo
Clases o Tipos De Logotipo
 
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseTypecurious: A Typography Crash Course
Typecurious: A Typography Crash Course
 
Naming
NamingNaming
Naming
 
Usos de la tipografia
Usos de la tipografiaUsos de la tipografia
Usos de la tipografia
 
Familias tipográficas
Familias tipográficasFamilias tipográficas
Familias tipográficas
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 

Semelhante a Introducion al Diseño Grafico

Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02Priscila García
 
diseño
 diseño diseño
diseñoeder
 
DISEÑO GRAFICO
DISEÑO GRAFICODISEÑO GRAFICO
DISEÑO GRAFICOeder
 
Clase ilustracion grafica
Clase ilustracion graficaClase ilustracion grafica
Clase ilustracion graficaIlianova14
 
Tríptico: Los fundamentos del diseño como códigos visuales.
Tríptico: Los fundamentos del diseño como códigos visuales.Tríptico: Los fundamentos del diseño como códigos visuales.
Tríptico: Los fundamentos del diseño como códigos visuales.Dulce Maria Manzo
 
Universidad nacional de chimborazo
Universidad nacional de chimborazoUniversidad nacional de chimborazo
Universidad nacional de chimborazoPamela Chafla
 
Elementos de expresion grafica
Elementos de expresion graficaElementos de expresion grafica
Elementos de expresion graficajairo Torres
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Arlen Mosquera
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Arlen Mosquera
 
1 el lenguaje visual 3 actividades octubre
1 el lenguaje visual 3 actividades  octubre1 el lenguaje visual 3 actividades  octubre
1 el lenguaje visual 3 actividades octubremabel12
 
El Alfabeto de la Imagen
El Alfabeto de la ImagenEl Alfabeto de la Imagen
El Alfabeto de la ImagenPepe Pastor
 

Semelhante a Introducion al Diseño Grafico (20)

2 diseño+gr..
2 diseño+gr..2 diseño+gr..
2 diseño+gr..
 
Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02Claseilustraciongrafica 110816231631-phpapp02
Claseilustraciongrafica 110816231631-phpapp02
 
diseño
 diseño diseño
diseño
 
Flas
FlasFlas
Flas
 
DISEÑO GRAFICO
DISEÑO GRAFICODISEÑO GRAFICO
DISEÑO GRAFICO
 
Clase ilustracion grafica
Clase ilustracion graficaClase ilustracion grafica
Clase ilustracion grafica
 
1 -el diseño y sus elementos
1 -el diseño y sus elementos1 -el diseño y sus elementos
1 -el diseño y sus elementos
 
Tríptico: Los fundamentos del diseño como códigos visuales.
Tríptico: Los fundamentos del diseño como códigos visuales.Tríptico: Los fundamentos del diseño como códigos visuales.
Tríptico: Los fundamentos del diseño como códigos visuales.
 
Universidad nacional de chimborazo
Universidad nacional de chimborazoUniversidad nacional de chimborazo
Universidad nacional de chimborazo
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
El Diseño Grafico
El Diseño GraficoEl Diseño Grafico
El Diseño Grafico
 
Elementos de expresion grafica
Elementos de expresion graficaElementos de expresion grafica
Elementos de expresion grafica
 
Expo tics
Expo ticsExpo tics
Expo tics
 
Composicion gràfica
Composicion gràficaComposicion gràfica
Composicion gràfica
 
Infografia
InfografiaInfografia
Infografia
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
 
1 el lenguaje visual 3 actividades octubre
1 el lenguaje visual 3 actividades  octubre1 el lenguaje visual 3 actividades  octubre
1 el lenguaje visual 3 actividades octubre
 
El Alfabeto de la Imagen
El Alfabeto de la ImagenEl Alfabeto de la Imagen
El Alfabeto de la Imagen
 

Último

Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 

Último (20)

Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 

Introducion al Diseño Grafico

  • 2. Objetivos  Valorar la importancia del diseño  Conocer los principios del diseño  Conocer los principios, métodos y herramientas del diseño  Conocer las técnicas básicas del diseño  Compartir los conocimientos
  • 3. Contenido  Introducción al diseño gráfico  Historia del diseño gráfico  Elementos morfológicos de diseño gráfico  Uso del color  Técnicas de diseño gráfico  Iconos  Ejemplos
  • 4. Introducción  El diseño grafico surgió como disciplina independiente a mediados del Siglo XX. En términos generales se puede definir el diseño como la ordenación, composición, y combinación de formas y figuras  El diseñador grafico es un artista al servicio de los que le encarguen su trabajo.  Además de la publicidad y los Medios de Comunicación de Masas (MCM) el trabajo del diseñador se ha extendido a campos diferentes.
  • 5. HISTORIA  El ser humano ha tenido siempre la necesidad de comunicarse con sus semejantes, hasta tal punto que podemos afirmar que si el hombre es el ser más avanzado de la naturaleza.  Las primeras formas comunicativas fueron mediante Pintura rupestre (Cueva de Altamira, España) elementos visuales. Antes de que desarrollaran capacidades de expresión mediante el lenguaje hablado
  • 6. HISTORIA  Estos lenguajes escritos estaban basados, bien en la representación de elementos tomados de la naturaleza, a los que se les asignaba una interpretación particular, bien en un conjunto artificial de símbolos inventados: los alfabetos. Grabado en piedra con jeroglíficos (Egipto)
  • 7. HISTORIA  Otro gran impulsor del desarrollo del diseño gráfico fue la Revolución Industrial. Surgieron las fábricas y la economía de mercado, un gran número de personas se desplazó a las ciudades a trabajar, aumentaron las tiendas y los comercios y empezó la competitividad Cartel publicitario
  • 8. Elementos de la imagen  Para representar algo utilizamos unos elementos que constituyen un alfabeto gráfico. Estos elementos son: El punto La línea La forma La luz El color El tiempo El tamaño El formato La composición
  • 9. Elementos de la imagen El punto  El elemento más simple  Posee una gran fuerza atractiva como marca Su situación puede establecer los ejes básicos de la estructura Varios puntos juntos se perciben agrupados creando formas Una secuencia de puntos puede imprimir ritmo a la imagen, creando una dirección de movimiento Ayuda a dirigir la visión del observador
  • 10. Elementos de la imagen La línea  Organizan el espacio Determinan ejes que delimitan zonas de atracción  Pueden crear texturas, profundidad y movimiento  Su dirección y grosor les da una expresividad
  • 11. Elementos de la imagen La forma  Define una superficie con unas dimensiones dadas  Formas básicas Cuadrado, triángulo y círculo  Función: definir y organizar el espacio  Pueden simular tridimensionalidad cuando se representan en perspectiva
  • 12. Elementos de la imagen La luz  Contribuye a la composición de la escena Puede sugerir profundidad y tridimensionalidad Puede modelar formas, superficies y volúmenes  Una característica importante es la tonalidad, que incide en la captación de las formas: Un tono claro parece más claro cerca de un tono oscuro y vic. Un tono claro se expande rodeado de uno oscuro Un tono oscuro se comprime rodeado de uno claro
  • 13. Elementos de la imagen El color  Características: Tonalidad o matiz: longitud de onda Saturación o intensidad: cantidad de blanco Luminosidad o claridad: cantidad de luz  Sistemas de color: Aditivo: combina radiaciones de distinta longitud de onda Utilizado en las pantallas electrónicas Sustractivo: combina pigmentos cian, magenta y amarillo Utilizado en el papel
  • 14. Elementos de la imagen El color  Papel del color en la imagen: Contribuye a la recreación del espacio Ayuda a simular la profundidad (sombreado) Sugiere distancia (difuminación progresiva del tono) Ayuda a dinamizar la composición a través de la interacción de los colores Los colores claros son excéntricos y los oscuros concéntricos Los colores saturados producen un fuerte impacto y se relacionan con sensaciones dinámicas y alegres. Los colores no saturados transmiten sensaciones débiles y más sutiles El color transmite “sentimientos” Hay colores cálidos y fríos, ligeros y pesados, tristes y alegres La percepción del color es subjetiva y depende de factores culturales
  • 15. Elementos de la imagen El color  Formas de relación dinámica entre los colores: Armonía: crea una composición con variaciones cromáticas suaves y graduales relacionando colores afines Contraste: yuxtapone colores diferentes entre sí, fundamentalmente colores complementarios: Rojo-verde, amarillo-violeta, azul-naranja La composición llama fuertemente la atención Si es muy acentuado puede reducir la legibilidad al producirse vibración Es necesario conocer las relaciones cromáticas para combinar correctamente los colores
  • 16. Elementos de la imagen El tiempo  Se puede simular el paso del tiempo en imágenes fijas, organizando adecuadamente el espacio: Usando diferentes intensidades lumínicas, contrastes cromáticos, de textura, de escala... Jerarquizando los elementos representados, ordenándolos según una cierta secuencia
  • 17. Elementos de la imagen El tamaño  El tamaño establece un peso visual y una jerarquización en cuanto al espacio ocupado por el elemento  Ayuda a crear sensación de profundidad mediante la perspectiva
  • 18. Elementos de la imagen El formato  Es la proporción del cuadro donde se muestra la imagen  Debe favorecer la adaptación al campo visual humano, buscando una armonía entre las dimensiones  Influye decisivamente en la composición general y le da un significado Los formatos horizontales son más estáticos Los formatos verticales y circulares son más dinámicos
  • 19. Elementos de la imagen La composición  Es la forma de ordenar y organizar los elementos morfológicos de la imagen en el espacio estructural que ofrece el formato  Principios: unidad y claridad Se puede crear diversidad y contraste para añadir dinamismo, aunque complica la composición  Hay que delimitar claramente el centro de interés, el que atraerá la mirada del espectador, y que depende de la composición
  • 20. Elementos de la imagen La composición  Algunas reglas de composición: La zona inferior suele ser más estática y sólida y la superior más dinámica y llamativa La zona izquierda es más estable y permite colocar pesos mayores sin desequilibrar A mayor tamaño, mayor peso compositivo
  • 21. Uso del color  El color es un aspecto muy importante de la interfaz  Partes de la interfaz relacionadas con el color: Persona: sistema humano visual Ordenador: presentación de información