aspectos grÁficos para los objetos...

38
Aspectos Gráficos para los Objetos Digitales JORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizaje JORNADA DE INNOVACIÓN DOCENTE ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALES Badajoz, 3 de junio de 2011 Cristina Blázquez Buenadicha Grupo Software Educativo de Extremadura Dirección General de Política Educativa Consejería de Educación [email protected]

Upload: others

Post on 17-Jan-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALES

Badajoz, 3 de junio de 2011

Cristina Blázquez Buenadicha

Grupo Software Educativo de ExtremaduraDirección General de Política Educativa

Consejería de Educación

[email protected]

Page 2: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Diseñar un objeto de aprendizaje

ES CREAR CON TEXTO, IMAGEN, VÍDEO, ANIMACIONES....un objeto de

aprendizaje

¿Por qué cambian los aspectos gráfcos?

Visualización por la pantalla del ordenador(pantalla de portátil, tablepc...)

Tiempo de visualización

CANSANCIO VISUAL

Tiempo de carga de los elementosMenús de navegación

EnlacesInteractividad

Page 3: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Diseñar un objeto de aprendizaje

Formato

La imagen

Tipografía

El color

Organización de los elementos

ASPECTOS A TENER EN CUENTA

ESTILO GRÁFICO

Page 4: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Formato

RECTANGULAR

Page 5: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

La imagen

Se pueden agrupar en 4 grandes grupos:

ILUSTRATIVAS, EXPLICATIVAS, DESCRIPTIVAS complementan el texto

ICÓNICAS O METAFÓRICASSintetizan un concepto

ESTÉTICAS O DECORATIVASAportan al estilo gráfco del interfaz

FONDOSHay que considerar la pertinencia, la resolución, el peso y el tratamiento

Page 6: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

La imagen

¿ Imágenes libres para el aula?

Page 7: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

La imagen

http://www.fickr.com/

http://www.ite.educacion.es/

http://www.freefoto.com/

¿dónde?

Page 8: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Tipografía

A¿ CON O SIN SERIFA ?

LEGIBILIDAD

A

Page 9: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Tipografía

Familias tipográfcas

Page 10: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Tipografía

http://www.fontsquirrel.com/

http://www.1001freefonts.com/

http://www.fontreactor.com/

Page 11: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Tipografía

Estilo Script

EstadísticaEsadísica

EstadísticaEstadística

Estadística

Estadística

Page 12: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Tipografía

Comic SansVerdana

Arial

FuturaStone Sans

Tahona

Charcoal

Avant Garden

Page 13: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Tipografía

Bauhaus

Times New Roman

ChibrusAlbertus

Gill Sans

AverenFootlight MtCurier

Page 14: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color

Page 15: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color

Colores análogos

Colores complementarios

Page 16: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color

Colores doble complementarios

TriadasColores complementarios

divididos

Page 17: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color

Un determinado planteamiento del color se asocia a otras connotaciones y valores del diseño:

Seriedad

Calidad

Espontaneidad

Juventud

delicadeza...

Subjetivo

Page 18: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color

Diferentes combinaciones muy utilizadas

Page 19: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color: algunos ejemplos

FORMAS GEOMÉTRICAS: Los polígonos

Page 20: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color: algunos ejemplos

FORMAS GEOMÉTRICAS: Los polígonos

Page 21: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color: algunos ejemplos

FORMAS GEOMÉTRICAS: Los polígonos

Page 22: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color: algunos ejemplos

FORMAS GEOMÉTRICAS: Los polígonos

Page 23: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color: algunos ejemplos

FORMAS GEOMÉTRICAS: Los polígonos

Page 24: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

El color: algunos ejemplos

FORMAS GEOMÉTRICAS: Los polígonos

Page 25: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Organización de los elementos

Combinar diferentes esquemas compositivos ayuda a evitar la monotonía en el OA y centrar la atención del alumno/a

COMPONER

PRINCIPALES ESQUEMAS COMPOSITIVOS

TRIÁNGULO EN ASPA EN CUÑA

Page 26: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Organización de los elementos

EN “T”

SIMÉTRICA EN DIAGONAL

Page 27: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Organización de los elementos

RADIAL EN “L”

EN ÓVALO

Page 28: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Organización de los elementos

POR AGRUPACIÓN

POR SU COLOR POR TEXTURA

JERARQUIZACIÓN, CONTRASTE, PESO VISUAL

POR SU TAMAÑO

Page 29: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Organización de los elementos

POR SU UBICACIÓN ESPACIAL

POR SU FORMA

POR SU SIGNIFICADO

JERARQUIZACIÓN, CONTRASTE, PESO VISUAL

Page 30: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

http://clic.xtec.cat/es/jclic/

Herramientas para crear y compartircontenidos educativos digitales

Page 31: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Ejemplos con JClic

Page 32: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

http://squeak.educarex.es/Squeakpolis

Herramientas para crear y compartircontenidos educativos digitales

Page 33: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

http://constructor.educarex.es

Herramientas para crear y compartircontenidos educativos digitales

Page 34: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Ejemplos con Constructor

Page 35: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

http://conteni2.educarex.es/

CONTENIDOS DE MATEMÁTICAS PARA ESO

Page 36: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Enlaces a otras herramientas

150 herramientas gratuitas para crear materiales educativos con tics

online

http://www.humanodigital.com.ar/150-herramientas-gratuitas-para-crear-materiales-educativos-con-tics/

Page 37: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

Hasta no hace mucho, el contenido tenia absoluta prioridad sobre la forma. Hoy el aspecto formal ya tiene tanta importancia como el contenido, todo

esto es así por el hecho porque la cultura dominante es la visual.

Page 38: ASPECTOS GRÁFICOS PARA LOS OBJETOS DIGITALESmatematicas.unex.es/~pjimenez/jornada/aspectos_graficos.pdfEl color: algunos ejemplos FORMAS GEOMÉTRICAS: Los polígonos. ... Combinar

Aspectos Gráficos para los Objetos DigitalesJORNADA DE INNOVACIÓN DOCENTE Aspectos gráficos para los objetos de aprendizajeJORNADA DE INNOVACIÓN DOCENTE

¡Muchas gracias!

Badajoz, 3 de junio de 2011

Cristina Blázquez Buenadicha

Grupo Software Educativo de ExtremaduraDirección General de Política Educativa

Consejería de Educación

[email protected]