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

Elemento grafico de expresión visual el punto
Elemento grafico de expresión visual el puntoElemento grafico de expresión visual el punto
Elemento grafico de expresión visual el puntomagdaimma
 
Elementos del lenguaje visual
Elementos del lenguaje visualElementos del lenguaje visual
Elementos del lenguaje visuallourdes gg
 
Elementos de expresion_grafica_y_oral
Elementos de expresion_grafica_y_oralElementos de expresion_grafica_y_oral
Elementos de expresion_grafica_y_oraltomgs
 
1. línea y claoscuro
1. línea y claoscuro1. línea y claoscuro
1. línea y claoscurorfarinas
 
Elementos de la imagen discurso visual
Elementos de la imagen discurso visualElementos de la imagen discurso visual
Elementos de la imagen discurso visualEva Avila
 
El Color en la Fotografía
El Color en la Fotografía El Color en la Fotografía
El Color en la Fotografía FABIAN romero
 
El dibujo Artistico 09-03- tema-Actividad.pptx
El dibujo Artistico 09-03- tema-Actividad.pptxEl dibujo Artistico 09-03- tema-Actividad.pptx
El dibujo Artistico 09-03- tema-Actividad.pptxmarlyncarrasco2
 
3ºEso Analisis Obras PictóRicas Cast
3ºEso Analisis Obras PictóRicas Cast3ºEso Analisis Obras PictóRicas Cast
3ºEso Analisis Obras PictóRicas Castdibu009
 
Cromatologia del color
Cromatologia del colorCromatologia del color
Cromatologia del colorirome
 
ARTES VISUAIS – A diversidade das técnicas Formas Bi e Tridimensionais.pptx
ARTES VISUAIS – A diversidade das técnicas Formas Bi e Tridimensionais.pptxARTES VISUAIS – A diversidade das técnicas Formas Bi e Tridimensionais.pptx
ARTES VISUAIS – A diversidade das técnicas Formas Bi e Tridimensionais.pptxBrunoAlvesdaCruz1
 
Tema 2. Lápices de color
Tema 2. Lápices de colorTema 2. Lápices de color
Tema 2. Lápices de colormararrabal
 
El color en el arte
El color en el arteEl color en el arte
El color en el artecristina
 

Mais procurados (20)

Mano Alzada
Mano AlzadaMano Alzada
Mano Alzada
 
Técnicas y Materiales en el Arte
Técnicas y  Materiales en el ArteTécnicas y  Materiales en el Arte
Técnicas y Materiales en el Arte
 
Circulo Cromatico
Circulo CromaticoCirculo Cromatico
Circulo Cromatico
 
Elemento grafico de expresión visual el punto
Elemento grafico de expresión visual el puntoElemento grafico de expresión visual el punto
Elemento grafico de expresión visual el punto
 
Elementos del lenguaje visual
Elementos del lenguaje visualElementos del lenguaje visual
Elementos del lenguaje visual
 
Elementos de expresion_grafica_y_oral
Elementos de expresion_grafica_y_oralElementos de expresion_grafica_y_oral
Elementos de expresion_grafica_y_oral
 
Tema 5 ceras y pastel al oleo
Tema 5 ceras y pastel al oleoTema 5 ceras y pastel al oleo
Tema 5 ceras y pastel al oleo
 
1. línea y claoscuro
1. línea y claoscuro1. línea y claoscuro
1. línea y claoscuro
 
Elementos de la imagen discurso visual
Elementos de la imagen discurso visualElementos de la imagen discurso visual
Elementos de la imagen discurso visual
 
El plano en el arte
El plano en el arteEl plano en el arte
El plano en el arte
 
El Color en la Fotografía
El Color en la Fotografía El Color en la Fotografía
El Color en la Fotografía
 
El dibujo Artistico 09-03- tema-Actividad.pptx
El dibujo Artistico 09-03- tema-Actividad.pptxEl dibujo Artistico 09-03- tema-Actividad.pptx
El dibujo Artistico 09-03- tema-Actividad.pptx
 
3ºEso Analisis Obras PictóRicas Cast
3ºEso Analisis Obras PictóRicas Cast3ºEso Analisis Obras PictóRicas Cast
3ºEso Analisis Obras PictóRicas Cast
 
Cromatologia del color
Cromatologia del colorCromatologia del color
Cromatologia del color
 
Introducion
IntroducionIntroducion
Introducion
 
Arte objetual
Arte objetualArte objetual
Arte objetual
 
ARTES VISUAIS – A diversidade das técnicas Formas Bi e Tridimensionais.pptx
ARTES VISUAIS – A diversidade das técnicas Formas Bi e Tridimensionais.pptxARTES VISUAIS – A diversidade das técnicas Formas Bi e Tridimensionais.pptx
ARTES VISUAIS – A diversidade das técnicas Formas Bi e Tridimensionais.pptx
 
Tema 2. Lápices de color
Tema 2. Lápices de colorTema 2. Lápices de color
Tema 2. Lápices de color
 
El color en el arte
El color en el arteEl color en el arte
El color en el arte
 
Técnica Acuarela
Técnica AcuarelaTécnica Acuarela
Técnica Acuarela
 

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

Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfssuser50d1252
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfssuser50d1252
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTESaraNolasco4
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfssuser50d1252
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxSIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxLudy Ventocilla Napanga
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxJUANCARLOSAPARCANARE
 

Último (20)

Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
La luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luzLa luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luz
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxSIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 

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