SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
Tecnicatura Universitaria en Web

    INTRODUCCIÓN AL DISEÑO GRÁFICO
    DG Ivan Pianciola




Unidad 1

CONOCIMIENTO PROYECTUAL DEL DISEÑO 
GRÁFICO
    Idea y proceso de Proyecto en el Diseño Gráfico. 
    Mito N°1: El diseño gráfico es arte
    Mito N°2: El diseño gráfico es publicidad
    Características del diseño gráfico
    Diseño digital
     Di ñ di it l
    Otros mitos sobre el diseño




                             UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Idea y proceso de Proyecto en el Diseño Gráfico


   Cualquiera que dibuje o escriba puede generar 
    productos gráficos, independientemente de su calidad. 

   Sin embargo, el diseño gráfico está ligado a la idea de 
    proyecto.
    proyecto

   Un proyecto es una planificación que consiste en un 
    conjunto de actividades que se encuentran 
    interrelacionadas y coordinadas. 

   La razón de un proyecto es alcanzar objetivos 
    específicos dentro de los límites que imponen un 
          ífi   d t d l lí it             i
    presupuesto, calidades establecidas previamente y un 
    lapso de tiempo previamente definidos.




Pág: 3                             UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg




 Mito N°1: El diseño gráfico es arte



         ARTE                                                                  DISEÑO
         » es talento                                                          » es habilidad
         » es interpretado
              i t     t d                                                      » es entendido
                                                                                      t did
         » es un gusto                                                         » es una opinión
         » inspira                                                             » motiva
         » comunica diferente                                                  » comunica el mismo
           mensaje 
           mensaje                                                               mensaje


                                 El Diseño no es Arte
Pág: 4                             UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Mito N°1: El diseño gráfico es arte




                                 El Diseño no es Arte
Pág: 5                             UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg




 Mito N° 2: El diseño gráfico es publicidad


          Diseño gráfico:
            » es una disciplina cuya actividad proyectar y ejecutar 
              comunicaciones visuales destinadas a transmitir mensajes 
              específicos a grupos sociales determinados producidas por medios 
              industriales. 


          Publicidad:
            » es una disciplina destinada a difundir un bien o servicio a través 
              de los medios de comunicación con el objetivo de motivar al 
              público hacia una acción de consumo. 
              público hacia una acción de consumo



                           El Diseño no es Publicidad
Pág: 6                             UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Mito N° 2: El diseño gráfico es publicidad




                           El Diseño no es Publicidad
Pág: 7                                UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg




 Características del diseño gráfico


          Diseño gráfico:
            » Ayuda a entender espacios, objetos y sistemas.
            » Permite representar ideas y visualizar conceptos.
            » Convierte lo abstracto en algo palpable, que abstrae del mundo 
                                            g p p     ,q
              real para facilitar nuestra comprensión e interacción con él. 
            » Educa, facilita e informa.
            » El diseño gráfico transforma un mensaje lingüístico (oral o escrito) 
              en una manifestación gráfica.




Pág: 8                                UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Características del diseño gráfico


          El diseñador gráfico:
            » Trabaja en la interpretación, ordenamiento y presentación de los 
              mensajes visuales. 
            » Su sensibilidad para la forma debe ser paralela a su sensibilidad 
              para el contenido. 
            » El trabajo de diseño parte siempre de una demanda del cliente.
            » Este trabajo tiene que ver con la planificación, la comunicación, la 
              producción y la evaluación. 




Pág: 9                                UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg




   Diseño Digital




                                      UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Características del diseño digital


       Diseño digital:
          » No es simplemente la aplicación del diseño gráfico convencional, ya que 
            requiere tener en cuenta cuestiones tales como:
              • Navegabilidad, responde a: 
                  ‐ ¿Dónde estoy?
                    ¿Dónde estoy?
                  ‐ ¿Dónde he estado?
                  ‐ ¿Dónde puedo ir?
              • Interactividad, responde a: 
                  ‐ Relación hombre‐máquina ¿cómo funciona cuando hago esto o lo otro?
              • Usabilidad, responde a: 
                  ‐ ¿Qué tan fácil es usar esto para lograr mi objetivo?
                    ¿Qué tan fácil es usar esto para lograr mi objetivo?
              • Arquitectura de la información, responde a: 
                  ‐ ¿Cómo se organiza la información?
              • Interacción de medios como texto, imagen, audio y vídeo. 
                  ‐ ‐¿Cómo se relacionan estos medios?

Pág: 11                               UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg




 Características del diseño digital


     El rol del diseñador digital:
      » Híbrido técnico y conceptual.
      » Multidisciplinario.
      » Curioso
         Curioso.
      » Pro‐activo.
      » Inocente pero no ignorante.
      » Trabaja en equipo.

     Entender el rol del diseñador digital 
                                     g
     como un creador de experiencias.




Pág: 12                               UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Características del diseño digital

       Condicionantes del diseñador digital:




Pág: 13                               UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg




   Otros mitos sobre el diseño




                                      UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Otros mitos sobre el diseño




      Si el diseño es bueno, los detalles no importan.
      “Los detalles no son detalles. Ellos hacen al diseño.”
          Charles Eames (arquitecto, diseñador industrial y gráfico)




Pág: 15                                UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg




 Otros mitos sobre el diseño




Pág: 16                                UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Otros mitos sobre el diseño




      El diseño hace un sitio web que luzca bien.
      “El diseño no es sólo lo que me gusta o me hace sentir. 
       El diseño es cómo funciona.”
          Steve Jobs (fundador de Apple)




      El diseño resuelve problemas basado en el entendimiento 
      de cómo las personas ven, piensan y actúan en el mundo.
Pág: 17                             UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg




 Otros mitos sobre el diseño




Pág: 18                             UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Otros mitos sobre el diseño




      No es necesario el contenido (texto) para empezar a diseñar.
      “El texto también es la interfaz del usuario.”
          Jakob Nielsen (gurú de usabilidad)




       El contenido antecede al diseño. 
       Antes de plantear el “cómo”, debo saber el “qué”.

Pág: 19                              UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg




 Otros mitos sobre el diseño




                       Un template prediseñado NO es diseño.
Pág: 20                              UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
Referencias: libros y links

          » Diseño Digital. Javier Royo. Paidós ISBN 84‐493‐1550‐6

          » Diseño gráfico
              • http://foroalfa.org/es/articulo/187/El_dominio_del_diseno_grafico
              • htt //
                http://www.webdesignerdepot.com/2009/09/the‐difference‐between‐art‐and‐design/
                                bd i      d    t    /2009/09/th diff       b t       t dd i /
              • http://www.kickerstudio.com/blog/2008/12/the‐disciplines‐of‐user‐experience/



          » Wikipedia
              • http://es.wikipedia.org/wiki/Dise%C3%B1o_web
              • http://es.wikipedia.org/wiki/Dise%C3%B1o_gr%C3%A1fico




Pág: 21                           UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg

Más contenido relacionado

La actualidad más candente

2 1 vistas arquitectonicas
2 1 vistas arquitectonicas2 1 vistas arquitectonicas
2 1 vistas arquitectonicas
landeta_p
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
ciwmx
 
Cuadro comparativo Modelos de Software.
Cuadro comparativo Modelos de Software.Cuadro comparativo Modelos de Software.
Cuadro comparativo Modelos de Software.
templarioo
 

La actualidad más candente (20)

UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
2 1 vistas arquitectonicas
2 1 vistas arquitectonicas2 1 vistas arquitectonicas
2 1 vistas arquitectonicas
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
 
Proceso de diseño UI/UX
Proceso de diseño UI/UXProceso de diseño UI/UX
Proceso de diseño UI/UX
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
El gran diseño web (ensayo)
El gran diseño web (ensayo)El gran diseño web (ensayo)
El gran diseño web (ensayo)
 
Vistas y perspectivas en 3 d
Vistas y perspectivas en 3 dVistas y perspectivas en 3 d
Vistas y perspectivas en 3 d
 
Modelo en cascada
Modelo en cascadaModelo en cascada
Modelo en cascada
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
Estructura
EstructuraEstructura
Estructura
 
5.1 ejemplos uml
5.1 ejemplos uml5.1 ejemplos uml
5.1 ejemplos uml
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
Modelamiento software
Modelamiento softwareModelamiento software
Modelamiento software
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
 
User interface design
User interface designUser interface design
User interface design
 
Procesos De Ingenieria Del Software
Procesos De Ingenieria Del SoftwareProcesos De Ingenieria Del Software
Procesos De Ingenieria Del Software
 
Cuadro comparativo Modelos de Software.
Cuadro comparativo Modelos de Software.Cuadro comparativo Modelos de Software.
Cuadro comparativo Modelos de Software.
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 

Destacado

Clase 2 - Historia del diseño gráfico
Clase 2 - Historia del diseño gráficoClase 2 - Historia del diseño gráfico
Clase 2 - Historia del diseño gráfico
Ivan Pianciola
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño web
dianayroman
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digital
salolaya
 
Bloque 1 concepto de diseño, diseño digital y mensaje visual
Bloque 1  concepto de diseño, diseño digital y mensaje visualBloque 1  concepto de diseño, diseño digital y mensaje visual
Bloque 1 concepto de diseño, diseño digital y mensaje visual
carlosteni
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMEN
alexabarrero
 
Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño Gráfico
Dania Hernandez Moreno
 
Pasos para crear un proyecto exitoso
Pasos para crear un proyecto exitosoPasos para crear un proyecto exitoso
Pasos para crear un proyecto exitoso
Tania505
 

Destacado (19)

Clase 2 - Historia del diseño gráfico
Clase 2 - Historia del diseño gráficoClase 2 - Historia del diseño gráfico
Clase 2 - Historia del diseño gráfico
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño web
 
Introduccion al diseño grafico
Introduccion al diseño graficoIntroduccion al diseño grafico
Introduccion al diseño grafico
 
Introduccion al Diseño Gráfico
Introduccion al Diseño GráficoIntroduccion al Diseño Gráfico
Introduccion al Diseño Gráfico
 
Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5
 
Fundamentos para el diseño digital
Fundamentos para el diseño digitalFundamentos para el diseño digital
Fundamentos para el diseño digital
 
Taller Introducción al Diseño Gráfico II - Segundo Semestre 2008
Taller Introducción al Diseño Gráfico II - Segundo Semestre 2008Taller Introducción al Diseño Gráfico II - Segundo Semestre 2008
Taller Introducción al Diseño Gráfico II - Segundo Semestre 2008
 
Charla Introducción al Diseño Gráfico
Charla Introducción al Diseño GráficoCharla Introducción al Diseño Gráfico
Charla Introducción al Diseño Gráfico
 
Diseño digital y multimedia
Diseño digital y multimediaDiseño digital y multimedia
Diseño digital y multimedia
 
Bloque 1 concepto de diseño, diseño digital y mensaje visual
Bloque 1  concepto de diseño, diseño digital y mensaje visualBloque 1  concepto de diseño, diseño digital y mensaje visual
Bloque 1 concepto de diseño, diseño digital y mensaje visual
 
Diseño gráfico, Historia y Fundamentos para alumnos de secundaria.
Diseño gráfico, Historia y Fundamentos para alumnos de secundaria. Diseño gráfico, Historia y Fundamentos para alumnos de secundaria.
Diseño gráfico, Historia y Fundamentos para alumnos de secundaria.
 
Fundamentos del diseño RESUMEN
Fundamentos del diseño RESUMENFundamentos del diseño RESUMEN
Fundamentos del diseño RESUMEN
 
Unidad 1 - Fundamentos del diseño gráfico
Unidad 1  - Fundamentos del diseño gráficoUnidad 1  - Fundamentos del diseño gráfico
Unidad 1 - Fundamentos del diseño gráfico
 
Modulo - Fundamentos del Diseño
Modulo - Fundamentos del DiseñoModulo - Fundamentos del Diseño
Modulo - Fundamentos del Diseño
 
Introducción al diseño de sitios web con dreamweaber
Introducción al diseño de sitios web con dreamweaberIntroducción al diseño de sitios web con dreamweaber
Introducción al diseño de sitios web con dreamweaber
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Clase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño GráficoClase 1. Introducción al Diseño Gráfico
Clase 1. Introducción al Diseño Gráfico
 
Pasos para crear un proyecto exitoso
Pasos para crear un proyecto exitosoPasos para crear un proyecto exitoso
Pasos para crear un proyecto exitoso
 
Introducción al Diseño Gráfico
Introducción al Diseño GráficoIntroducción al Diseño Gráfico
Introducción al Diseño Gráfico
 

Similar a Clase 1 - Diseño gráfico, proyecto y diseño digital

Similar a Clase 1 - Diseño gráfico, proyecto y diseño digital (20)

T3.quishpe.abigail.disenografico
T3.quishpe.abigail.disenograficoT3.quishpe.abigail.disenografico
T3.quishpe.abigail.disenografico
 
Diseño gráfico1
Diseño gráfico1Diseño gráfico1
Diseño gráfico1
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
Diseño industrial vs Diseño Grafico
Diseño industrial vs Diseño GraficoDiseño industrial vs Diseño Grafico
Diseño industrial vs Diseño Grafico
 
Diseño grafico sergio y daniel
Diseño grafico sergio y danielDiseño grafico sergio y daniel
Diseño grafico sergio y daniel
 
Final
FinalFinal
Final
 
Revista digital diseño gráfico por Lerianny Graterol
Revista digital diseño gráfico por Lerianny GraterolRevista digital diseño gráfico por Lerianny Graterol
Revista digital diseño gráfico por Lerianny Graterol
 
Tema 2
Tema 2Tema 2
Tema 2
 
Diseño grafico sergio y daniel
Diseño grafico sergio y danielDiseño grafico sergio y daniel
Diseño grafico sergio y daniel
 
Diseño grafico sergio daniel y nicolas
Diseño grafico sergio daniel y nicolasDiseño grafico sergio daniel y nicolas
Diseño grafico sergio daniel y nicolas
 
Presentation1
Presentation1Presentation1
Presentation1
 
Introduccion al diseno_grafico
Introduccion al diseno_graficoIntroduccion al diseno_grafico
Introduccion al diseno_grafico
 
Revista diseñografico
Revista diseñograficoRevista diseñografico
Revista diseñografico
 
DISEÑO GRAFICO
DISEÑO GRAFICO DISEÑO GRAFICO
DISEÑO GRAFICO
 
Diseño grafico de paula
Diseño grafico de paulaDiseño grafico de paula
Diseño grafico de paula
 
Diseño Grafico
Diseño Grafico Diseño Grafico
Diseño Grafico
 
DISEÑO Y COMUNICACION
DISEÑO Y COMUNICACIONDISEÑO Y COMUNICACION
DISEÑO Y COMUNICACION
 
TEORIA DEL DISEÑO GRAFICO
TEORIA DEL DISEÑO GRAFICOTEORIA DEL DISEÑO GRAFICO
TEORIA DEL DISEÑO GRAFICO
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 

Último

Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
JonathanCovena1
 
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
El Fortí
 

Último (20)

ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
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
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
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
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
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.
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
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
 

Clase 1 - Diseño gráfico, proyecto y diseño digital

  • 1. Tecnicatura Universitaria en Web INTRODUCCIÓN AL DISEÑO GRÁFICO DG Ivan Pianciola Unidad 1 CONOCIMIENTO PROYECTUAL DEL DISEÑO  GRÁFICO  Idea y proceso de Proyecto en el Diseño Gráfico.   Mito N°1: El diseño gráfico es arte  Mito N°2: El diseño gráfico es publicidad  Características del diseño gráfico  Diseño digital Di ñ di it l  Otros mitos sobre el diseño UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 2. Idea y proceso de Proyecto en el Diseño Gráfico  Cualquiera que dibuje o escriba puede generar  productos gráficos, independientemente de su calidad.   Sin embargo, el diseño gráfico está ligado a la idea de  proyecto. proyecto  Un proyecto es una planificación que consiste en un  conjunto de actividades que se encuentran  interrelacionadas y coordinadas.   La razón de un proyecto es alcanzar objetivos  específicos dentro de los límites que imponen un  ífi d t d l lí it i presupuesto, calidades establecidas previamente y un  lapso de tiempo previamente definidos. Pág: 3 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg Mito N°1: El diseño gráfico es arte ARTE DISEÑO » es talento » es habilidad » es interpretado i t t d » es entendido t did » es un gusto » es una opinión » inspira » motiva » comunica diferente » comunica el mismo mensaje  mensaje mensaje El Diseño no es Arte Pág: 4 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 3. Mito N°1: El diseño gráfico es arte El Diseño no es Arte Pág: 5 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg Mito N° 2: El diseño gráfico es publicidad  Diseño gráfico: » es una disciplina cuya actividad proyectar y ejecutar  comunicaciones visuales destinadas a transmitir mensajes  específicos a grupos sociales determinados producidas por medios  industriales.   Publicidad: » es una disciplina destinada a difundir un bien o servicio a través  de los medios de comunicación con el objetivo de motivar al  público hacia una acción de consumo.  público hacia una acción de consumo El Diseño no es Publicidad Pág: 6 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 4. Mito N° 2: El diseño gráfico es publicidad El Diseño no es Publicidad Pág: 7 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg Características del diseño gráfico  Diseño gráfico: » Ayuda a entender espacios, objetos y sistemas. » Permite representar ideas y visualizar conceptos. » Convierte lo abstracto en algo palpable, que abstrae del mundo  g p p ,q real para facilitar nuestra comprensión e interacción con él.  » Educa, facilita e informa. » El diseño gráfico transforma un mensaje lingüístico (oral o escrito)  en una manifestación gráfica. Pág: 8 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 5. Características del diseño gráfico  El diseñador gráfico: » Trabaja en la interpretación, ordenamiento y presentación de los  mensajes visuales.  » Su sensibilidad para la forma debe ser paralela a su sensibilidad  para el contenido.  » El trabajo de diseño parte siempre de una demanda del cliente. » Este trabajo tiene que ver con la planificación, la comunicación, la  producción y la evaluación.  Pág: 9 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg Diseño Digital UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 6. Características del diseño digital  Diseño digital: » No es simplemente la aplicación del diseño gráfico convencional, ya que  requiere tener en cuenta cuestiones tales como: • Navegabilidad, responde a:  ‐ ¿Dónde estoy? ¿Dónde estoy? ‐ ¿Dónde he estado? ‐ ¿Dónde puedo ir? • Interactividad, responde a:  ‐ Relación hombre‐máquina ¿cómo funciona cuando hago esto o lo otro? • Usabilidad, responde a:  ‐ ¿Qué tan fácil es usar esto para lograr mi objetivo? ¿Qué tan fácil es usar esto para lograr mi objetivo? • Arquitectura de la información, responde a:  ‐ ¿Cómo se organiza la información? • Interacción de medios como texto, imagen, audio y vídeo.  ‐ ‐¿Cómo se relacionan estos medios? Pág: 11 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg Características del diseño digital El rol del diseñador digital: » Híbrido técnico y conceptual. » Multidisciplinario. » Curioso Curioso. » Pro‐activo. » Inocente pero no ignorante. » Trabaja en equipo. Entender el rol del diseñador digital  g como un creador de experiencias. Pág: 12 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 7. Características del diseño digital  Condicionantes del diseñador digital: Pág: 13 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg Otros mitos sobre el diseño UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 8. Otros mitos sobre el diseño Si el diseño es bueno, los detalles no importan. “Los detalles no son detalles. Ellos hacen al diseño.” Charles Eames (arquitecto, diseñador industrial y gráfico) Pág: 15 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg Otros mitos sobre el diseño Pág: 16 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 9. Otros mitos sobre el diseño El diseño hace un sitio web que luzca bien. “El diseño no es sólo lo que me gusta o me hace sentir.  El diseño es cómo funciona.” Steve Jobs (fundador de Apple) El diseño resuelve problemas basado en el entendimiento  de cómo las personas ven, piensan y actúan en el mundo. Pág: 17 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg Otros mitos sobre el diseño Pág: 18 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 10. Otros mitos sobre el diseño No es necesario el contenido (texto) para empezar a diseñar. “El texto también es la interfaz del usuario.” Jakob Nielsen (gurú de usabilidad)  El contenido antecede al diseño.   Antes de plantear el “cómo”, debo saber el “qué”. Pág: 19 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg Otros mitos sobre el diseño Un template prediseñado NO es diseño. Pág: 20 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg
  • 11. Referencias: libros y links » Diseño Digital. Javier Royo. Paidós ISBN 84‐493‐1550‐6 » Diseño gráfico • http://foroalfa.org/es/articulo/187/El_dominio_del_diseno_grafico • htt // http://www.webdesignerdepot.com/2009/09/the‐difference‐between‐art‐and‐design/ bd i d t /2009/09/th diff b t t dd i / • http://www.kickerstudio.com/blog/2008/12/the‐disciplines‐of‐user‐experience/ » Wikipedia • http://es.wikipedia.org/wiki/Dise%C3%B1o_web • http://es.wikipedia.org/wiki/Dise%C3%B1o_gr%C3%A1fico Pág: 21 UNSL | Introducción al Diseño Gráfico | Ivan Pianciola (DG) | ipianciola@unsl.edu.ar | http://bit.ly/unsldg