SlideShare une entreprise Scribd logo
1  sur  26
Fundamentos
         del
     Diseño
La sociedad actual es una sociedad
   audiovisual y multimedia
   Es fácil ser creadores de mensajes visuales,
   por lo que existen multitud de mensajes y
   con intenciones muy variadas.




NO VEMOS ESTO
Fundamentos del diseño
Fundamentos del Diseño




        Alfabetización Visual
        Necesitamos conocer este lenguaje visual para poder
        interpretar y comprender la información que
        recibimos y, a su vez,        seamos capaces de
        representar y enviar mensajes visuales.


        Importancia de la percepción visual:

        Recibimos la información del mundo que nos rodea
        a través de los sentidos.
        De esa información un 83 % es percibida a través
        de la vista (11 % oido, 3.5 % olfato, 1.5 % tacto y 1
        % gusto).
Fundamentos del Diseño




         Que un diseño sea bueno o malo, depende de quien lo juzgue.
         Como en la música y en la literatura, nuestro gusto por el diseño está
         en gran medida condicionado por la cultura, medio ambiente, crianza y
         educación.


                                                Nos limitaremos a lo que
                                                generalmente es aceptado
                                                como buen uso del diseño.




                                                Lo que importa es que el
                                                diseño funcione, y para ello
                                                debe:
                                                - Captar la atención
                                                - Mandar un mensaje
                                                - Que se recuerde.
Fundamentos del Diseño




                             ¿qué es?es?
                                 ¿qué
                               ¿qué es?
                            ¿qué es?¿qué es?
                             ¿qué es? ¿qué es?
                             ¿qué es?
                               ¿qué es?
                                    ¿qué es?
                             ¿qué es? ¿qué es?
         diseño
         proceso destinado a proyectar, coordinar, seleccionar y organizar un
         conjunto de elementos para producir y crear objetos visuales
         destinados a comunicar mensajes específicos a grupos
         determinados.


                                          QUÉ         a QUIÉN       con QUÉ
Fundamentos del Diseño




        Función del diseñador
        es transmitir una idea, un
        concepto o una imagen de
        la forma más eficaz
        posible.


         QUÉ             Información




      a QUIÉN              Público
                           (joven, adulto, femenino,
                           masculino, nivel adquisitivo alto,
                           margen geográfico, etc)



      con QUÉ                       Elementos gráficos adecuados
Fundamentos del Diseño



                            elementos gráficos adecuados

       Punto             - Unidad mínima de comunicación visual, por tanto, el más importante.
                         - Intensifica su valor por medio del color, tamaño y posición.
                         - Gran poder de atracción (cuando se encuentra solo).


       Línea             - Unión o aproximación de puntos.
                         - Casi siempre genera dinamismo (excepto cuando se encuentra horizontal).
                         - Define direccionalmente la composición y dirección de lectura.
                         - Delimita planos y áreas.


      Forma              - La línea se cierra en un mismo punto.
                         - Principal atributo para el reconocimiento de la imagen.


    Textura              - Da un sentido de superficie y tridimensionalidad.
                         - Puede producir efectos emocionales ya que se relaciona con el
                           sentido del tacto.
                         - Hay dos tipos: táctiles y visuales (patrones).
Punto
Fundamentos del diseño
Línea
Fundamentos del diseño
Forma
Fundamentos del diseño
Textura
Fundamentos del diseño
Fundamentos del Diseño



     Principio fundamental del Diseño:
     La creación de significado.
     Esto se hace a través de la COMPOSICIÓN de los elementos gráficos
     dentro del espacio visual, combinándolos de forma que todos aporten un
     significado claro.
     Todo está puesto con una intención, lo que no aporta resta, y hay que eliminarlo.




                                               El diseñador gráfico
                                                     es una especie
                                                  de arquitecto del
                                                    espacio gráfico
Fundamentos del Diseño




                                                    A veces un diseño
                                                         NO
                                                      FUNCIONA
                                                   porque los elementos
                                                  fueron colocados en la
                                                      página al azar.




                         A veces un diseño no
                         funciona porque los
                         elementos fueron
                         colocados en la página
                         al azar.
Fundamentos del Diseño




                         No se lee bien
                         Se mezcla con el texto del fondo
                         No destaca del resto




                               2020 ??
                               20020 ??
Fundamentos del Diseño



     Factores psicológicos a tener en cuenta para la COMPOSICIÓN de los elementos
     gráficos en el espacio visual

         EQUILIBRIO:
         Necesitamos buscar un equilibrio en la composición. Debemos saber
         que:
         - Los elementos situados a la derecha tienen más peso visual. Dan
         sensación de proyección y avance.
         - Los elementos situados a la izquierda retrotraen la composición y
         tienen más ligereza visual.
         - Los elementos en la parte superior tienen más ligereza visual.
         - Los elementos situados en la parte inferior tienen mayor peso
         visual, parecen mas grandes y llamativos.
Hay distintas maneras de distribuir el
peso de una composición. Puede ser
simétrica o asimétrica, teniendo en
cuenta las zonas de mayor peso
visual, que hemos visto antes.
Angulo inferior izquierdo:
Los hábitos de lectura occidentales han propiciado que la atención se
centre en la parte izquierda, en concreto la inferior.
Relajamiento – Tensión:
Una composición equilibrada o simétrica nos dará sensación de
relajamiento, mientras que si no encontramos lógica visual en la
composición generamos tensión.
Línea horizontal:
Necesitamos ver que los objetos o partes de una composición están de
alguna forma apoyados.
La parte inferior se verá mejor que la superior porque será donde se
constituye la línea base.
Alineación:
Cada elemento en una página debe tener relación con otro para que la
lectura sea fácil y fluida. La alineación crea una imagen limpia y
sofisticada que ayuda a atraer la atención hacia el mensaje y a conectar
visualmente los elementos.
Fundamentos del diseño

Contenu connexe

Tendances

Punto, linea y plano
Punto, linea y planoPunto, linea y plano
Punto, linea y planoNIEVES LAGO
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseñoLycaNieto
 
Alfabeto de la imagen
Alfabeto de la imagenAlfabeto de la imagen
Alfabeto de la imagenPepe Pastor
 
Dibujo 1 El Encajado
Dibujo 1  El EncajadoDibujo 1  El Encajado
Dibujo 1 El EncajadoLoly Iniguez
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulastls02cv
 
ZENTANGLE. Educación Plástica ESO
ZENTANGLE. Educación Plástica ESOZENTANGLE. Educación Plástica ESO
ZENTANGLE. Educación Plástica ESOJUAN DIAZ ALMAGRO
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaAlexis Guzmán Gómez
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENalexabarrero
 
ELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOYuri Urrego
 
Elementos del Lenguaje Visual
Elementos del Lenguaje VisualElementos del Lenguaje Visual
Elementos del Lenguaje VisualPablo Muract
 

Tendances (20)

Punto, linea y plano
Punto, linea y planoPunto, linea y plano
Punto, linea y plano
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Alfabeto de la imagen
Alfabeto de la imagenAlfabeto de la imagen
Alfabeto de la imagen
 
Dibujo 1 El Encajado
Dibujo 1  El EncajadoDibujo 1  El Encajado
Dibujo 1 El Encajado
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
L'encaix
L'encaixL'encaix
L'encaix
 
La forma plana
La forma planaLa forma plana
La forma plana
 
La composición visual 4º
La composición visual 4ºLa composición visual 4º
La composición visual 4º
 
Elementos de diseño ww
Elementos de diseño wwElementos de diseño ww
Elementos de diseño ww
 
La Composición
La ComposiciónLa Composición
La Composición
 
ZENTANGLE. Educación Plástica ESO
ZENTANGLE. Educación Plástica ESOZENTANGLE. Educación Plástica ESO
ZENTANGLE. Educación Plástica ESO
 
El punto la línea -eso-1
El punto la línea -eso-1El punto la línea -eso-1
El punto la línea -eso-1
 
04 elementos basicos2
04 elementos basicos204 elementos basicos2
04 elementos basicos2
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimedia
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMEN
 
Composición punto, línea y plano
Composición   punto, línea y planoComposición   punto, línea y plano
Composición punto, línea y plano
 
ELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑOELEMENTOS DEL DISEÑO
ELEMENTOS DEL DISEÑO
 
Elementos del Lenguaje Visual
Elementos del Lenguaje VisualElementos del Lenguaje Visual
Elementos del Lenguaje Visual
 
Las formas
Las formasLas formas
Las formas
 

En vedette

Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseñoFRANCYMOSQUERA
 
Radiación Parte 1
Radiación Parte 1Radiación Parte 1
Radiación Parte 1Alma Parra
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseñoleonieto937
 
Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fernando Flor
 
Virus y vacunas informaticas
Virus y vacunas informaticasVirus y vacunas informaticas
Virus y vacunas informaticasLaura Lemuss
 
fundamentos de diseño
fundamentos de diseñofundamentos de diseño
fundamentos de diseñorobertocecemer
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseñoJohnny Pinzón
 
Composicion elementos
Composicion elementosComposicion elementos
Composicion elementosJessica Tsoi
 
Fundamentos de diseño en presentaciones
Fundamentos de diseño en presentacionesFundamentos de diseño en presentaciones
Fundamentos de diseño en presentacionesRafael Carrasco
 
Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong PeKiiThaz97
 
Interrelación de las formas
Interrelación de las formasInterrelación de las formas
Interrelación de las formasCamilo Garcia
 
Resumen libro Wucius Wong
Resumen libro Wucius WongResumen libro Wucius Wong
Resumen libro Wucius Wongcarmensenande
 
Modulo - Fundamentos del Diseño
Modulo - Fundamentos del DiseñoModulo - Fundamentos del Diseño
Modulo - Fundamentos del DiseñoUNIVA
 
Interrelación de formas - Fundamentos del Diseño Gráfico
Interrelación de formas - Fundamentos del Diseño GráficoInterrelación de formas - Fundamentos del Diseño Gráfico
Interrelación de formas - Fundamentos del Diseño GráficoUNIVA
 

En vedette (16)

Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Radiación Parte 1
Radiación Parte 1Radiación Parte 1
Radiación Parte 1
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Fundamentos del diseño W.W.
Fundamentos del diseño W.W.Fundamentos del diseño W.W.
Fundamentos del diseño W.W.
 
Virus y vacunas informaticas
Virus y vacunas informaticasVirus y vacunas informaticas
Virus y vacunas informaticas
 
S2
S2S2
S2
 
fundamentos de diseño
fundamentos de diseñofundamentos de diseño
fundamentos de diseño
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseño
 
Composicion elementos
Composicion elementosComposicion elementos
Composicion elementos
 
Fundamentos de diseño en presentaciones
Fundamentos de diseño en presentacionesFundamentos de diseño en presentaciones
Fundamentos de diseño en presentaciones
 
Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong Principios Basicos Del Diseño Según Wucius Wong
Principios Basicos Del Diseño Según Wucius Wong
 
Interrelación de las formas
Interrelación de las formasInterrelación de las formas
Interrelación de las formas
 
Resumen libro Wucius Wong
Resumen libro Wucius WongResumen libro Wucius Wong
Resumen libro Wucius Wong
 
Modulo - Fundamentos del Diseño
Modulo - Fundamentos del DiseñoModulo - Fundamentos del Diseño
Modulo - Fundamentos del Diseño
 
Interrelación de formas - Fundamentos del Diseño Gráfico
Interrelación de formas - Fundamentos del Diseño GráficoInterrelación de formas - Fundamentos del Diseño Gráfico
Interrelación de formas - Fundamentos del Diseño Gráfico
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 

Similaire à Fundamentos del diseño

Diseño, metodología, publicidad, estética
Diseño, metodología, publicidad, estéticaDiseño, metodología, publicidad, estética
Diseño, metodología, publicidad, estéticaDenise Reynaud
 
Taller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaTaller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaJoel chimba
 
Bryan g. alexi taller 5
Bryan g. alexi  taller 5Bryan g. alexi  taller 5
Bryan g. alexi taller 5bryanGonzlez24
 
Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1pedrovinca
 
Multimedia disenno y composicion
Multimedia disenno y composicionMultimedia disenno y composicion
Multimedia disenno y composicionJohn Ospina
 
Diagramación y Composición Emilio Villagómez
Diagramación y Composición Emilio VillagómezDiagramación y Composición Emilio Villagómez
Diagramación y Composición Emilio VillagómezEmilio Villagómez
 
Presentacion tema rol estudiante
Presentacion tema rol estudiantePresentacion tema rol estudiante
Presentacion tema rol estudianteraulerv
 
ámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicaciónámbito del Diseño y la Comunicación
ámbito del Diseño y la ComunicaciónFabiola Cortes
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseñointrep01
 
Diseñografico
DiseñograficoDiseñografico
Diseñograficomapugpk
 
DiseñO Publicitario
DiseñO PublicitarioDiseñO Publicitario
DiseñO PublicitarioAx el
 

Similaire à Fundamentos del diseño (20)

Diseño, metodología, publicidad, estética
Diseño, metodología, publicidad, estéticaDiseño, metodología, publicidad, estética
Diseño, metodología, publicidad, estética
 
Taller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaTaller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontaneda
 
Manual de impacto visual
Manual de impacto visualManual de impacto visual
Manual de impacto visual
 
Bryan g. alexi taller 5
Bryan g. alexi  taller 5Bryan g. alexi  taller 5
Bryan g. alexi taller 5
 
Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1
 
Multimedia disenno y composicion
Multimedia disenno y composicionMultimedia disenno y composicion
Multimedia disenno y composicion
 
Eldiseografico 090505071445-phpapp02
Eldiseografico 090505071445-phpapp02Eldiseografico 090505071445-phpapp02
Eldiseografico 090505071445-phpapp02
 
Paulaa
PaulaaPaulaa
Paulaa
 
Diagramación y Composición Emilio Villagómez
Diagramación y Composición Emilio VillagómezDiagramación y Composición Emilio Villagómez
Diagramación y Composición Emilio Villagómez
 
Presentacion tema rol estudiante
Presentacion tema rol estudiantePresentacion tema rol estudiante
Presentacion tema rol estudiante
 
Composición en el diseño
Composición en el diseñoComposición en el diseño
Composición en el diseño
 
Composicion
ComposicionComposicion
Composicion
 
ámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicaciónámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicación
 
DVectorial
DVectorialDVectorial
DVectorial
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
diseño grafico
diseño graficodiseño grafico
diseño grafico
 
1ro 2013
1ro 20131ro 2013
1ro 2013
 
Buen diseño para Web
Buen diseño para WebBuen diseño para Web
Buen diseño para Web
 
DiseñO Publicitario
DiseñO PublicitarioDiseñO Publicitario
DiseñO Publicitario
 

Fundamentos del diseño

  • 1. Fundamentos del Diseño
  • 2. La sociedad actual es una sociedad audiovisual y multimedia Es fácil ser creadores de mensajes visuales, por lo que existen multitud de mensajes y con intenciones muy variadas. NO VEMOS ESTO
  • 4. Fundamentos del Diseño Alfabetización Visual Necesitamos conocer este lenguaje visual para poder interpretar y comprender la información que recibimos y, a su vez, seamos capaces de representar y enviar mensajes visuales. Importancia de la percepción visual: Recibimos la información del mundo que nos rodea a través de los sentidos. De esa información un 83 % es percibida a través de la vista (11 % oido, 3.5 % olfato, 1.5 % tacto y 1 % gusto).
  • 5. Fundamentos del Diseño Que un diseño sea bueno o malo, depende de quien lo juzgue. Como en la música y en la literatura, nuestro gusto por el diseño está en gran medida condicionado por la cultura, medio ambiente, crianza y educación. Nos limitaremos a lo que generalmente es aceptado como buen uso del diseño. Lo que importa es que el diseño funcione, y para ello debe: - Captar la atención - Mandar un mensaje - Que se recuerde.
  • 6. Fundamentos del Diseño ¿qué es?es? ¿qué ¿qué es? ¿qué es?¿qué es? ¿qué es? ¿qué es? ¿qué es? ¿qué es? ¿qué es? ¿qué es? ¿qué es? diseño proceso destinado a proyectar, coordinar, seleccionar y organizar un conjunto de elementos para producir y crear objetos visuales destinados a comunicar mensajes específicos a grupos determinados. QUÉ a QUIÉN con QUÉ
  • 7. Fundamentos del Diseño Función del diseñador es transmitir una idea, un concepto o una imagen de la forma más eficaz posible. QUÉ Información a QUIÉN Público (joven, adulto, femenino, masculino, nivel adquisitivo alto, margen geográfico, etc) con QUÉ Elementos gráficos adecuados
  • 8. Fundamentos del Diseño elementos gráficos adecuados Punto - Unidad mínima de comunicación visual, por tanto, el más importante. - Intensifica su valor por medio del color, tamaño y posición. - Gran poder de atracción (cuando se encuentra solo). Línea - Unión o aproximación de puntos. - Casi siempre genera dinamismo (excepto cuando se encuentra horizontal). - Define direccionalmente la composición y dirección de lectura. - Delimita planos y áreas. Forma - La línea se cierra en un mismo punto. - Principal atributo para el reconocimiento de la imagen. Textura - Da un sentido de superficie y tridimensionalidad. - Puede producir efectos emocionales ya que se relaciona con el sentido del tacto. - Hay dos tipos: táctiles y visuales (patrones).
  • 13. Forma
  • 17. Fundamentos del Diseño Principio fundamental del Diseño: La creación de significado. Esto se hace a través de la COMPOSICIÓN de los elementos gráficos dentro del espacio visual, combinándolos de forma que todos aporten un significado claro. Todo está puesto con una intención, lo que no aporta resta, y hay que eliminarlo. El diseñador gráfico es una especie de arquitecto del espacio gráfico
  • 18. Fundamentos del Diseño A veces un diseño NO FUNCIONA porque los elementos fueron colocados en la página al azar. A veces un diseño no funciona porque los elementos fueron colocados en la página al azar.
  • 19. Fundamentos del Diseño No se lee bien Se mezcla con el texto del fondo No destaca del resto 2020 ?? 20020 ??
  • 20. Fundamentos del Diseño Factores psicológicos a tener en cuenta para la COMPOSICIÓN de los elementos gráficos en el espacio visual EQUILIBRIO: Necesitamos buscar un equilibrio en la composición. Debemos saber que: - Los elementos situados a la derecha tienen más peso visual. Dan sensación de proyección y avance. - Los elementos situados a la izquierda retrotraen la composición y tienen más ligereza visual. - Los elementos en la parte superior tienen más ligereza visual. - Los elementos situados en la parte inferior tienen mayor peso visual, parecen mas grandes y llamativos.
  • 21. Hay distintas maneras de distribuir el peso de una composición. Puede ser simétrica o asimétrica, teniendo en cuenta las zonas de mayor peso visual, que hemos visto antes.
  • 22. Angulo inferior izquierdo: Los hábitos de lectura occidentales han propiciado que la atención se centre en la parte izquierda, en concreto la inferior.
  • 23. Relajamiento – Tensión: Una composición equilibrada o simétrica nos dará sensación de relajamiento, mientras que si no encontramos lógica visual en la composición generamos tensión.
  • 24. Línea horizontal: Necesitamos ver que los objetos o partes de una composición están de alguna forma apoyados. La parte inferior se verá mejor que la superior porque será donde se constituye la línea base.
  • 25. Alineación: Cada elemento en una página debe tener relación con otro para que la lectura sea fácil y fluida. La alineación crea una imagen limpia y sofisticada que ayuda a atraer la atención hacia el mensaje y a conectar visualmente los elementos.