SlideShare uma empresa Scribd logo
1 de 28
Diseño visual para la
educación
Profesor: Leslie Rowe
El diseño visual
• El diseño visual o diseño en comunicación visual es una disciplina
profesional que estudia los sistemas de información, con el objeto
de convertir los datos en formas visuales, teniendo en cuenta los
procesos perceptivos.
• Desde esta perspectiva, el Diseño Visual coordina, gestiona y
administra sistemas de información visual, investiga los procesos
cognitivos, evalúa las metodologías del diseño, determina la
pertinencia de los soportes de la imagen de acuerdo a la
naturaleza de la información para la ejecución general de un
proyecto de diseño.
El diseño visual
• El diseño visual integra elementos de la comunicación visual
impresa (símbolos gráficos, afiches entre otros), los medios
audiovisuales dinámicos (imagen en movimiento, animación,
videografía entre otros), los entornos digitales (CD-ROM, Web,
presentaciones y eventos multimedia), el diseño ambiental
(señalética, elementos en el espacio público.
El diseño visual
• También se le puede llamar Diseño de Información Visual, ya que
toda la información, datos se pueden acomodar para verlos
gráficamente, por eso es importante el buen diseño de las
infografías que estas es un ejemplo claro de acomodar la
información visualmente.
El diseño visual
El diseñador visual
Profesión
• El diseñador visual es un profesional que comunica mensajes
significativos y funcionales a través de imágenes estáticas y no
estáticas relacionadas con el diseño gráfico, el diseño editorial, la
identidad corporativa, multimedia e imágenes dinámicas que
tienen que ver con el video, con base en sus habilidades creativas
y apoyándose en los avances científicos y técnicos como los
computadores, cámaras profesionales, etc.
El diseño de la
interfaz
Diseño de la interfaz
• Una de las funciones principales del diseño es el manejo del
lenguaje gráfico, es decir, de los elementos visuales, la habilidad
en el manejo de dicho lenguaje es lo que distingue al diseñador, a
pesar de que, con frecuencia, se le mire sólo como el encargado
de "embellecer" un producto. Como señala Wong (1989), el
embellecimiento es una parte esencial del diseño, pero no lo es
todo.
• Dondis (2000) afirma que "El proceso de composición es el paso
más importante en la resolución del problema visual" dado que
este proceso tiene "fuertes implicaciones sobre lo que recibe el
espectador.". Es por ello que se requiere de un análisis mesurado
de cada uno de los elementos y su disposición relativa en el
espacio virtual, de acuerdo con la intención educativa que se
persigue.
Diseño de la interfaz
• Debemos tener en cuenta que los elementos visuales, junto con
sus atributos (color, textura, proporción, tamaño, etc.) y su
ubicación en la interfaz, generan sensaciones específicas en el
usuario (equilibrio-tensión o reposo-estrés, por ejemplo) que
pueden favorecer o inhibir el proceso de aprendizaje.
Diseño de la interfaz
Comunicación Visual
Comunicación Visual
• La imagen visual es una estructura en donde se relaciona la
imagen y el significado, ya que la imagen es un elemento directo
de percepción, simbolización y comunicación, esta viene
acompañada por un significado que debe ser fácil de detectar. Si
una imagen desea transmitir algo, no solo debe ser imagen, si no
debe estar respaldada por un significado para ser objeto de
comunicación.
• La comunicación visual es el lenguaje de la visión, con imágenes,
es directo, global y universal. Esto último ya que la comunicación
visual deja de lado todo lo que es idiomas, son imágenes con
significados, simples de entender.
Comunicación Visual
• La función de la comunicación visual es poder expresar algo a
través de una imagen, y que esto que se quiere expresar,
transmitir, pueda ser entendido por el receptor. Este mensaje debe
ser claro, preciso y muy contundente. La comunicación visual, a
grandes rasgos, es un proceso dinámico entre el emisor y el
receptor para crear una comunicación.
Comunicación Visual
La Psicología del
color
• La psicología del color es un campo de estudio que está dirigido a
analizar el efecto del color en la percepción y la conducta humana.
Desde el punto de vista médico, todavía es una ciencia inmadura
en la corriente principal de la psicología contemporánea, teniendo
en cuenta que muchas técnicas adscritas a este campo pueden
categorizarse dentro del ámbito de la medicina alternativa. PPT.
La Psicología del color
Tipografías
Tipografías en diseño
gráfico
• En diseño gráfico elegir la tipografía idónea tiene la misma
importancia que elegir los colores, las imágenes o el formato de un
trabajo gráfico. La elección de una tipografía u otra debe estar
basada en criterios estéticos y funcionales y adecuada al
contenido y propósito general de cada proyecto gráfico. Elegir una
u otra tipografía cambiará completamente el aspecto y resultado
final de tus diseños, por esta razón no deberás elegir una
tipografía guiándote únicamente por tus gustos personales.
• Las tipografías pueden expresar estados de ánimo, emociones,
estilos de vida, asociarse a períodos históricos concretos o a
productos y marcas conocidas. Pueden ser comprimidas,
expandidas, angulosas, redondas, refinadas, simples, modernas,
elegantes, agresivas… y en función de los demás elementos de
diseño gráfico a los que acompañen transmitirán sensaciones y
mensajes muy distintos.
Tipografías en diseño
gráfico
• Una buena tipografía ayuda a comunicar la imagen que deseamos
en una identidad corporativa, refuerza el diseño de un folleto o un
cartel, contribuye a mejorar la legibilidad de un libro y en
ocasiones puede constituir el único elemento de diseño gráfico,
como ocurre en muchas portadas y portadillas de libros o en
algunos tipos de carteles y pancartas.
Tipografías en diseño
gráfico
Aspectos que influyen en la elección
de la tipografía
• La audiencia a la que te diriges. El tipo de letra y el diseño en
general deberá ser acorde a los gustos del público al que quieras
llegar.
• El tipo de texto. La tipografía que escojas deberá estar en
consonancia con el mensaje que se comunique y el tipo de letra
variará según se trate de textos informativos, educativos,
promocionales, divertidos..
• La extensión del texto y la cantidad de espacio disponible. En
textos muy largos deberás elegir tipografías que no cansen al
lector, si tienes poca cantidad de espacio disponible tendrás que
escoger algún tipo de letra comprimida que se lea bien pero ocupe
poco. Aprovecha los titulares, subtitulares y portadillas para usar
fuentes más estéticas y originales.
Aspectos que influyen en la elección
de la tipografía
Claves para elegir la tipografía
correcta
• Vigila la correcta relación entre tamaño de letra, ancho de
columna e interlineado. Si varía una de las tres cosas tendrás
que adaptar las otras dos para que la proporción sea siempre la
adecuada y no cansar al lector. Un tamaño entre 8 y 11 puntos
es ideal para una buena legibilidad de los textos. El correcto
espaciado entre letras y palabras también es importante, ya
que las tipografías demasiado comprimidas o muy expandidas
cansan más y se leen peor, pero pueden funcionar bien en
pequeños bloques de texto o para pies de fotos. La longitud
ideal de línea es la que contiene entre 60 y 65 caracteres.
• Ten en cuenta el contraste de color entre las letras y el fondo, a
menor contraste menos legibilidad. La mejor combinación en
cuanto a legibilidad es el texto negro sobre fondo blanco. El texto
negro sobre fondo amarillo se lee bien de lejos, con letras grandes
y en textos breves. Los textos en blanco sobre fondo negro se leen
peor y cansan la vista, si los usas hazlo en textos cortos, con
tipografías muy legibles y en un tamaño mayor y más grueso que
el de los textos en negro sobre fondo blanco. Los textos en color
rojo o naranja cuesta leerlos pero puedes usarlos en titulares y
rótulos en los que quieras llamar la atención.
Claves para elegir la tipografía correcta
• No combines más de dos tipos de letra. Aunque tipografías
muy diferentes bien combinadas pueden generar contraste y
diseños atractivos y dinámicos, utilizar muchos tipos de letra
en un mismo trabajo genera confusión y desorden. Si
necesitas más variaciones tipográficas consíguelas jugando
con los tamaños de letra, el color, los espacios y la dirección
del texto, pero no atiborres tu diseño con muchas tipografías
diferentes.
Claves para elegir la tipografía correcta
• Utiliza con moderación las mayúsculas, versalitas, negritas y
cursivas. Están bien para destacar palabras concretas o enfatizar
una frase, pero usadas en exceso perjudican la legibilidad y el
diseño.
Claves para elegir la tipografía correcta
1. Crear 3 presentaciones que transmitan:
– Tristeza
– Alegría
– Rabia
Presentarlo al grupo, 5 diapositivas máximo, (1 para cada
emoción). Tema libre.
2. Psicología del color
3. Hacer 1 afiche donde se demuestre una buena elección de
tipografía y otro donde se demuestre una mala elección de
tipografía. La creatividad es parte de la evaluación.
TALLER 1
Mr. Rowe

Mais conteúdo relacionado

Semelhante a Diseño visual educación

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
 
Bases del Diseño Grafico
Bases del Diseño GraficoBases del Diseño Grafico
Bases del Diseño GraficoJoelFabre
 
Presentación de Educación Material Escolar Sobre Mí En Blanco Amarillo Rosa y...
Presentación de Educación Material Escolar Sobre Mí En Blanco Amarillo Rosa y...Presentación de Educación Material Escolar Sobre Mí En Blanco Amarillo Rosa y...
Presentación de Educación Material Escolar Sobre Mí En Blanco Amarillo Rosa y...DayanaMolina52
 
Investigación: Elementos iconográficos y elementos de la página
Investigación: Elementos iconográficos y elementos de la páginaInvestigación: Elementos iconográficos y elementos de la página
Investigación: Elementos iconográficos y elementos de la páginaDulce Maria Manzo
 
Elementos de la composicion1
Elementos de la composicion1Elementos de la composicion1
Elementos de la composicion1Valentinaascanio1
 
T4.p2.quishpe.abigail.dg
T4.p2.quishpe.abigail.dgT4.p2.quishpe.abigail.dg
T4.p2.quishpe.abigail.dgGISELLABIGAIL
 
Fundamentos del diseño grafico
Fundamentos del diseño graficoFundamentos del diseño grafico
Fundamentos del diseño graficoValentinaascanio1
 
Presentación1
Presentación1Presentación1
Presentación1191989
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficasOmar Duarte
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficasOmar Ballén
 
fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdfMarianitapPechocha
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfROBERTOGUAMANCELA
 
Presentacion capitulo 1
Presentacion capitulo 1 Presentacion capitulo 1
Presentacion capitulo 1 Dianeliz1
 
Guadalupe diseño gráfico
Guadalupe diseño gráficoGuadalupe diseño gráfico
Guadalupe diseño gráficoBrigite234
 
Diseñografico
DiseñograficoDiseñografico
Diseñograficomapugpk
 
Labor editorial / docente. Gaby Feldman
Labor editorial / docente. Gaby FeldmanLabor editorial / docente. Gaby Feldman
Labor editorial / docente. Gaby FeldmanGaby Feldman
 
3.2 Grafismos - Efectos psicológicos en el consumidor
3.2 Grafismos - Efectos psicológicos en el consumidor3.2 Grafismos - Efectos psicológicos en el consumidor
3.2 Grafismos - Efectos psicológicos en el consumidorRhodriqo Lozano
 

Semelhante a Diseño visual educación (20)

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
 
Bases del Diseño Grafico
Bases del Diseño GraficoBases del Diseño Grafico
Bases del Diseño Grafico
 
Presentación de Educación Material Escolar Sobre Mí En Blanco Amarillo Rosa y...
Presentación de Educación Material Escolar Sobre Mí En Blanco Amarillo Rosa y...Presentación de Educación Material Escolar Sobre Mí En Blanco Amarillo Rosa y...
Presentación de Educación Material Escolar Sobre Mí En Blanco Amarillo Rosa y...
 
Curso introducción al diseño de afiches
Curso introducción al diseño de afichesCurso introducción al diseño de afiches
Curso introducción al diseño de afiches
 
Investigación: Elementos iconográficos y elementos de la página
Investigación: Elementos iconográficos y elementos de la páginaInvestigación: Elementos iconográficos y elementos de la página
Investigación: Elementos iconográficos y elementos de la página
 
Elementos de la composicion1
Elementos de la composicion1Elementos de la composicion1
Elementos de la composicion1
 
T4.p2.quishpe.abigail.dg
T4.p2.quishpe.abigail.dgT4.p2.quishpe.abigail.dg
T4.p2.quishpe.abigail.dg
 
Fundamentos del diseño grafico
Fundamentos del diseño graficoFundamentos del diseño grafico
Fundamentos del diseño grafico
 
Presentación1
Presentación1Presentación1
Presentación1
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
Informe de lectura unidad 2
Informe de lectura unidad 2Informe de lectura unidad 2
Informe de lectura unidad 2
 
fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdf
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
 
Presentacion capitulo 1
Presentacion capitulo 1 Presentacion capitulo 1
Presentacion capitulo 1
 
Guadalupe diseño gráfico
Guadalupe diseño gráficoGuadalupe diseño gráfico
Guadalupe diseño gráfico
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
Labor editorial / docente. Gaby Feldman
Labor editorial / docente. Gaby FeldmanLabor editorial / docente. Gaby Feldman
Labor editorial / docente. Gaby Feldman
 
3.2 Grafismos - Efectos psicológicos en el consumidor
3.2 Grafismos - Efectos psicológicos en el consumidor3.2 Grafismos - Efectos psicológicos en el consumidor
3.2 Grafismos - Efectos psicológicos en el consumidor
 
percepción visual
percepción visualpercepción visual
percepción visual
 

Diseño visual educación

  • 1. Diseño visual para la educación Profesor: Leslie Rowe
  • 2. El diseño visual • El diseño visual o diseño en comunicación visual es una disciplina profesional que estudia los sistemas de información, con el objeto de convertir los datos en formas visuales, teniendo en cuenta los procesos perceptivos.
  • 3. • Desde esta perspectiva, el Diseño Visual coordina, gestiona y administra sistemas de información visual, investiga los procesos cognitivos, evalúa las metodologías del diseño, determina la pertinencia de los soportes de la imagen de acuerdo a la naturaleza de la información para la ejecución general de un proyecto de diseño. El diseño visual
  • 4. • El diseño visual integra elementos de la comunicación visual impresa (símbolos gráficos, afiches entre otros), los medios audiovisuales dinámicos (imagen en movimiento, animación, videografía entre otros), los entornos digitales (CD-ROM, Web, presentaciones y eventos multimedia), el diseño ambiental (señalética, elementos en el espacio público. El diseño visual
  • 5. • También se le puede llamar Diseño de Información Visual, ya que toda la información, datos se pueden acomodar para verlos gráficamente, por eso es importante el buen diseño de las infografías que estas es un ejemplo claro de acomodar la información visualmente. El diseño visual
  • 7. Profesión • El diseñador visual es un profesional que comunica mensajes significativos y funcionales a través de imágenes estáticas y no estáticas relacionadas con el diseño gráfico, el diseño editorial, la identidad corporativa, multimedia e imágenes dinámicas que tienen que ver con el video, con base en sus habilidades creativas y apoyándose en los avances científicos y técnicos como los computadores, cámaras profesionales, etc.
  • 8. El diseño de la interfaz
  • 9. Diseño de la interfaz • Una de las funciones principales del diseño es el manejo del lenguaje gráfico, es decir, de los elementos visuales, la habilidad en el manejo de dicho lenguaje es lo que distingue al diseñador, a pesar de que, con frecuencia, se le mire sólo como el encargado de "embellecer" un producto. Como señala Wong (1989), el embellecimiento es una parte esencial del diseño, pero no lo es todo.
  • 10. • Dondis (2000) afirma que "El proceso de composición es el paso más importante en la resolución del problema visual" dado que este proceso tiene "fuertes implicaciones sobre lo que recibe el espectador.". Es por ello que se requiere de un análisis mesurado de cada uno de los elementos y su disposición relativa en el espacio virtual, de acuerdo con la intención educativa que se persigue. Diseño de la interfaz
  • 11. • Debemos tener en cuenta que los elementos visuales, junto con sus atributos (color, textura, proporción, tamaño, etc.) y su ubicación en la interfaz, generan sensaciones específicas en el usuario (equilibrio-tensión o reposo-estrés, por ejemplo) que pueden favorecer o inhibir el proceso de aprendizaje. Diseño de la interfaz
  • 13. Comunicación Visual • La imagen visual es una estructura en donde se relaciona la imagen y el significado, ya que la imagen es un elemento directo de percepción, simbolización y comunicación, esta viene acompañada por un significado que debe ser fácil de detectar. Si una imagen desea transmitir algo, no solo debe ser imagen, si no debe estar respaldada por un significado para ser objeto de comunicación.
  • 14. • La comunicación visual es el lenguaje de la visión, con imágenes, es directo, global y universal. Esto último ya que la comunicación visual deja de lado todo lo que es idiomas, son imágenes con significados, simples de entender. Comunicación Visual
  • 15. • La función de la comunicación visual es poder expresar algo a través de una imagen, y que esto que se quiere expresar, transmitir, pueda ser entendido por el receptor. Este mensaje debe ser claro, preciso y muy contundente. La comunicación visual, a grandes rasgos, es un proceso dinámico entre el emisor y el receptor para crear una comunicación. Comunicación Visual
  • 17. • La psicología del color es un campo de estudio que está dirigido a analizar el efecto del color en la percepción y la conducta humana. Desde el punto de vista médico, todavía es una ciencia inmadura en la corriente principal de la psicología contemporánea, teniendo en cuenta que muchas técnicas adscritas a este campo pueden categorizarse dentro del ámbito de la medicina alternativa. PPT. La Psicología del color
  • 19. Tipografías en diseño gráfico • En diseño gráfico elegir la tipografía idónea tiene la misma importancia que elegir los colores, las imágenes o el formato de un trabajo gráfico. La elección de una tipografía u otra debe estar basada en criterios estéticos y funcionales y adecuada al contenido y propósito general de cada proyecto gráfico. Elegir una u otra tipografía cambiará completamente el aspecto y resultado final de tus diseños, por esta razón no deberás elegir una tipografía guiándote únicamente por tus gustos personales.
  • 20. • Las tipografías pueden expresar estados de ánimo, emociones, estilos de vida, asociarse a períodos históricos concretos o a productos y marcas conocidas. Pueden ser comprimidas, expandidas, angulosas, redondas, refinadas, simples, modernas, elegantes, agresivas… y en función de los demás elementos de diseño gráfico a los que acompañen transmitirán sensaciones y mensajes muy distintos. Tipografías en diseño gráfico
  • 21. • Una buena tipografía ayuda a comunicar la imagen que deseamos en una identidad corporativa, refuerza el diseño de un folleto o un cartel, contribuye a mejorar la legibilidad de un libro y en ocasiones puede constituir el único elemento de diseño gráfico, como ocurre en muchas portadas y portadillas de libros o en algunos tipos de carteles y pancartas. Tipografías en diseño gráfico
  • 22. Aspectos que influyen en la elección de la tipografía • La audiencia a la que te diriges. El tipo de letra y el diseño en general deberá ser acorde a los gustos del público al que quieras llegar. • El tipo de texto. La tipografía que escojas deberá estar en consonancia con el mensaje que se comunique y el tipo de letra variará según se trate de textos informativos, educativos, promocionales, divertidos..
  • 23. • La extensión del texto y la cantidad de espacio disponible. En textos muy largos deberás elegir tipografías que no cansen al lector, si tienes poca cantidad de espacio disponible tendrás que escoger algún tipo de letra comprimida que se lea bien pero ocupe poco. Aprovecha los titulares, subtitulares y portadillas para usar fuentes más estéticas y originales. Aspectos que influyen en la elección de la tipografía
  • 24. Claves para elegir la tipografía correcta • Vigila la correcta relación entre tamaño de letra, ancho de columna e interlineado. Si varía una de las tres cosas tendrás que adaptar las otras dos para que la proporción sea siempre la adecuada y no cansar al lector. Un tamaño entre 8 y 11 puntos es ideal para una buena legibilidad de los textos. El correcto espaciado entre letras y palabras también es importante, ya que las tipografías demasiado comprimidas o muy expandidas cansan más y se leen peor, pero pueden funcionar bien en pequeños bloques de texto o para pies de fotos. La longitud ideal de línea es la que contiene entre 60 y 65 caracteres.
  • 25. • Ten en cuenta el contraste de color entre las letras y el fondo, a menor contraste menos legibilidad. La mejor combinación en cuanto a legibilidad es el texto negro sobre fondo blanco. El texto negro sobre fondo amarillo se lee bien de lejos, con letras grandes y en textos breves. Los textos en blanco sobre fondo negro se leen peor y cansan la vista, si los usas hazlo en textos cortos, con tipografías muy legibles y en un tamaño mayor y más grueso que el de los textos en negro sobre fondo blanco. Los textos en color rojo o naranja cuesta leerlos pero puedes usarlos en titulares y rótulos en los que quieras llamar la atención. Claves para elegir la tipografía correcta
  • 26. • No combines más de dos tipos de letra. Aunque tipografías muy diferentes bien combinadas pueden generar contraste y diseños atractivos y dinámicos, utilizar muchos tipos de letra en un mismo trabajo genera confusión y desorden. Si necesitas más variaciones tipográficas consíguelas jugando con los tamaños de letra, el color, los espacios y la dirección del texto, pero no atiborres tu diseño con muchas tipografías diferentes. Claves para elegir la tipografía correcta
  • 27. • Utiliza con moderación las mayúsculas, versalitas, negritas y cursivas. Están bien para destacar palabras concretas o enfatizar una frase, pero usadas en exceso perjudican la legibilidad y el diseño. Claves para elegir la tipografía correcta
  • 28. 1. Crear 3 presentaciones que transmitan: – Tristeza – Alegría – Rabia Presentarlo al grupo, 5 diapositivas máximo, (1 para cada emoción). Tema libre. 2. Psicología del color 3. Hacer 1 afiche donde se demuestre una buena elección de tipografía y otro donde se demuestre una mala elección de tipografía. La creatividad es parte de la evaluación. TALLER 1 Mr. Rowe