SlideShare a Scribd company logo
1 of 134
Download to read offline
Presentaciones educativas
FUNDAMENTOS, TÉCNICAS, RECURSOS
Francesc Llorens
El diseño de
Consideración previa
Este tutorial pretende ofrecer recomendaciones
sobre la elaboración de presentaciones
educativas destinadas a ser proyectadas en el
aula.
Aún compartiendo los principios básicos, si las
presentaciones se orientan a otro tipo de
contextos (conferencias, showcases, briefings,
marketing, ventas, etc.) puede que tengan otras
características.
Particularidad de las presentaciones educativas
Las presentaciones de aula, además de pensarse
como soportes visuales para las explicaciones del
profesorado, suelen a veces entregarse a los
alumnos, a modo de apuntes.
Por lo tanto, podemos comenzar asumiendo que:
1. Una presentación educativa probablemente
contendrá más texto que otro tipo de
presentaciones.
2. Una presentación educativa está
constreñida en cuanto a información,
imágenes, gráficas, etc., por los contenidos
de la materia que vehicula.
Particularidad de las presentaciones educativas
Las presentaciones educativas deben
adecuar sus estándares de diseño a un
entorno físico concreto, que es difícil de
determinar a priori.
Por ejemplo, un aula de tamaño medio en
educación secundaria tiene una
capacidad de unos 30 alumnos y unas
dimensiones aproximadas de 8 x 8 m.
Un aula universitaria tiene un tamaño
mucho mayor.
El proyector, su potencia, distancia a la
pantalla, luminosidad del aula, etc.,
influyen asimismo en la legibilidad y la
calidad de la visualización.
Presentaciones con y sin orador
• Dado que se apoyan más en la
oralidad, es suficiente con que
subrayen las ideas principales.
• No necesitan explicaciones
detalladas de los conceptos,
para eso está el profesor.
• Permiten dedicar más espacio
en las diapositivas a las
imágenes, lo que incrementa
el impacto.
• Parecidas a materiales de
estudio: mayor profusión y
autonomía.
• Requieren detalle
explicativo, si los alumnos
van a tener que estudiarlas.
• Mayor presencia de texto
de párrafo.
• Más condicionadas por los
contenidos curriculares.
Las presentaciones educativas pueden concebirse como soportes visuales a una exposición oral, o bien como
materiales complementarios de estudio. Ello se corresponde con los conceptos de presentaciones ‘con orador’ y ‘sin
orador’. Es frecuente que se den mezclas de ambas, pero es preferible claridad respecto al modelo elegido
Presentaciones con orador Presentaciones sin orador (stand-alone)
¿Empezamos?
CLARIDAD. Ofrecer los contenidos de forma comprensible y
lógicamente ordenada.
LEGIBILIDAD. Tanto en el contenido como en el diseño, huyendo de
formulaciones y propuestas abstrusas (por ejemplo, la propia palabra
‘abstrusa’ !).
SIMPLICIDAD. Preferir diseños sencillos, sin artificios decorativos.
CONCRECIÓN. Abordar los temas directamente, sin digresiones.
Algunos principios de una buena presentación educativa
¿Por qué?
Porque, ¡atención, axioma!
Una presentación es un complemento a una
exposición oral, no su sustituto
Aún en el caso de
las presentaciones
‘sin orador’, lo
normal es que los
contenidos hayan
sido explicados
verbalmente en el
aula durante las
sesiones lectivas
Tanto da que sea una
aplicación de escritorio,
una app o una
aplicación online.
Aunque las aplicaciones
de escritorio suelen ser
más completas y
cómodas.
Para hacer presentaciones solo necesitas UNA cosa…
(y… ¡practicar, practicar, practicar!)
Una herramienta que haga presentaciones
TIPOGRAFÍAS. Conocer fuentes tipográficas y estilos ayudará a la legibilidad
de tu presentación.
TEORÍA DEL COLOR. Te ayudará a elegir paletas equilibradas que armonicen
entre sí y no saturen la vista.
COMPOSICIÓN. Distribución de los elementos sobre el plano, para que tus
presentaciones no sean un ‘totum revolutum’.
FOTOGRAFÍAS Y GRÁFICOS. Poseer nociones sobre el uso de imágenes y
gráficos, dará a tus presentaciones un aspecto profesional.
MISCELÁNEA Vídeos, animaciones, transiciones, plantillas, elementos de
énfasis, etc…
Pero, para hacer BUENAS presentaciones, es aconsejable aprender algo sobre…
Vamos, pues, a seguir este índice…
La tipografía debe ser
clara y bella en aras de la
comunicación.
Beatrice Warde
“
TIPOGRAFÍAS
3. CALIGRÁFICAS. Imitan la escritura manual.1. LINEALES (paloseco o sans serif). Son las más
legibles. No poseen terminaciones ni adornos.
2. CLÁSICAS (romanas o serif). Asociadas a los
textos impresos. Poseen terminaciones llamadas
‘gracias’.
4. DECORATIVAS. Tipografías especialmente
diseñadas para titulares o conseguir efectos
específicos.
Los ‘tipos de letra’ se denominan fuentes. Existen muchas clasificaciones. Las más importantes son…
Las fuentes tipográficas
1. LINEALES
2. CLÁSICAS
3. CALIGRÁFICAS
4. DECORATIVAS
Recomendadas para TODOS los elementos de texto de una
presentación. Particularmente recomendada para el texto de
párrafo.
Aconsejadas para los elementos de texto de una presentación,
aunque deben preferirse las lineales. Si se combinan con lineales,
dejar las las clásicas para titulares.
Para elementos de texto ocasionales o en presentaciones
educativas muy específicas (por ejemplo, la ‘Comic Sans’ podría
utilizarse en una presentación para niños, pero nunca para
alumnos mayores). No deben utilizarse para texto de párrafo por
su poca legibilidad.
Solo ocasionalmente para titulares. Se recomienda prescindir de
tipografías decorativas exageradas.
Uso de las tipografías
1. GROSOR o espesor. El cambio de grosor produce la negrita o
‘bold’. Algunas fuentes (no todas) poseen juegos de media negrita
(medium bold), doble negrita (ultra bold o heavy) o, al revés,
estilos ultra light. Se utiliza en resaltes y destacados.
2. INCLINACIÓN. La inclinación de la fuente produce la cursiva o
itálica. Suele usarse en citas, títulos de libros y artículos o palabras
en otros idiomas.
3. CAJA. La caja determina si la fuente es minúscula, MAYÚSCULA, o
MAYÚSCULA PEQUEÑA (denominada ‘versalita’). Mayúsculas y versales
se usan en títulos, subtítulos y entradillas.
4. TAMAÑO o cuerpo. Una fuente puede ser dimensionada a casi
cualquier tamaño, debido a su diseño escalable. Las fuentes
escalables se denominan TrueType.
5. ESPACIADO o interletrado. Determina la d i s t a n c i a entre las
letras de una fuente. Esta característica la aporta el software
informático.
Las fuentes tienen variaciones o
“estilos”. Los más habituales son
la negrita o la cursiva, pero hay
otros interesantes.
El conjunto de todas los estilos
de una fuente es el ‘juego’ o
‘familia’ de dicha fuente
Los estilos de una fuente se construyen según su…
Los ‘estilos’ de las fuentes
En la imagen superior, la fuente ‘Avenir
Next’ con todas sus variaciones o estilos.
Esta presentación utiliza exclusivamente la
fuente ‘Avenir Next’, combinando
grosores, tamaños, condensado y colores
Lorem ipsum dolor sit amet consectetur adipiscing elit
Lorem ipsum dolor sit amet consectetur adipiscing elit
Lorem ipsum dolor sit amet consectetur adipiscing elit
LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISCING ELIT
Lorem ipsum dolor sit amet consectetur adipiscing
Lorem ipsum dolor sit amet consectetur adipiscing elit
Lorem ipsum dolor sit amet consectetur adipiscing elit
• AVENIR NEXT ULTRA LIGHT
• AVENIR NEXT NORMAL o REGULAR
• AVENIR NEXT ULTRA LIGHT CURSIVA o ITALIC
• AVENIR NEXT ULTRA BOLD o HEAVY
• AVENIR NEXT CONDENSADA
• AVENIR NEXT VERSALITA
• AVENIR NEXT ESPACIADA (interletraje alto)
Variaciones tipográficas
No es fácil combinar fuentes en las
presentaciones, pues suele caerse en la
tentación de elegir vistosas tipografías que
acaban ‘compitiendo’ entre sí por el espacio
visual y desviando la atención del mensaje.
Aún así, pueden darse recomendaciones
basadas en la naturaleza de las fuentes y en
la función semántica a la que contribuyen
1. Una presentación debe utilizar el mínimo de
tipografías posible.
2. Debe preferirse jugar con los estilos de una
única fuente, incluso con el color, antes que
utilizar nuevas fuentes.
3. Las tipografías caligráficas y las decorativas
deben restringirse, o simplemente
descartarse en presentaciones educativas.
4. Si se decide combinar fuentes, una
presentación educativa no debería utilizar
nunca más de TRES (si DOS, mejor). Ello se
basa en la siguiente lógica: una página-tipo
de una presentación contendrá en la mayoría
de los casos tres elementos: un titular, texto
de párrafo y resaltes (entradillas, pies de
gráficos, citas, etc.)
Combinación de fuentes
Guernica. Pablo Picasso. 1937
EL ‘GUERNICA’ DE PICASSO
MUCHO MÁS QUE UN CUADRO
Ejemplos
Guernica. Pablo Picasso. 1937
EL ‘GUERNICA’ DE PICASSO
MUCHO MÁS QUE UN CUADRO
Guernica, cuadro de Pablo Picasso, pintado entre mayo y junio
de 1937, cuyo título alude al bombardeo de Guernica (26 abril
1937) durante la Guerra Civil española.
Pintado por encargo del Director General de Bellas Artes, Josep
Renau, a petición del Gobierno de la II República, para ser
expuesto en el pabellón español durante la Exposición
Internacional de 1937 en París.
Guernica, cuadro de Pablo Picasso, pintado entre mayo y junio de
1937, cuyo título alude al bombardeo de Guernica (26 abril 1937)
durante la Guerra Civil española.
Pintado por encargo del Director General de Bellas Artes, Josep
Renau, a petición del Gobierno de la II República, para ser expuesto
en el pabellón español durante la Exposición Internacional de 1937
en París.
Guernica, cuadro de Pablo Picasso, pintado entre mayo y junio de
1937, cuyo título alude al bombardeo de Guernica (26 abril 1937)
durante la Guerra Civil española.
Pintado por encargo del Director General de Bellas Artes, Josep
Renau, a petición del Gobierno de la II República, para ser expuesto
en el pabellón español durante la Exposición Internacional de 1937 en
París.
Guernica. Pablo Picasso. 1937
EL ‘GUERNICA’ DE PICASSO
MUCHO MÁS QUE UN CUADRO
Ejemplos
Poniéndolo todo junto…
• CANTIDAD. Minimizar la cantidad de texto
de párrafo de las diapositivas te permitirá,
además, usar un cuerpo de letra mayor.
• DISTRIBUCIÓN. Con frecuencia se indica
esta regla, que debe tomarse de modo
orientativo: “no más de siete palabras por
línea y no más de siete líneas por párrafo”.
1Consejo
“Menos es más”
En el ámbito de las presentaciones, y en relación
con los textos de párrafo, recuerda esta máxima:
“Resume el texto todo lo que
puedas, y cuando ya no puedas
más, elimina lo que sobra”
• ALINEACIÓN. En el texto de párrafo evita la
alineación a izquierda y derecha (el justificado).
Eso es propio del texto escrito.
• SEPARACIÓN. Separa los párrafos en un
espaciado mayor del que hay entre las líneas
de un párrafo.
• CUERPO. El texto de párrafo no debe tener un
cuerpo inferior a 18 puntos, para su correcta
lectura en una proyección en un aula
convencional.
2Consejo
“Disposición del texto”
El texto de párrafo es, en
definitiva, el ‘contenido’ de
la diapositiva. Es importante
respetar ciertos criterios de
formato para asegurar su
legibilidad
• TITULARES. Es una buena idea utilizar
formatos grandes que combinen tonalidades
para llamar la atención, dándole al texto un
carácter ‘gráfico’.
• SIMPLIFICA LOS ESTILOS. No apliques estilos
diferentes, cursiva, subrayado, negrita, etc.,
en una misma palabra (y tampoco mezcles
demasiados estilos en los párrafos).
3Consejo
“Fuentes grandes, estilos simples”
Exagerar el tamaño de las fuentes es a veces
un buen recurso para llamar la atención
• COLORES. Minimiza la cantidad de colores
de tus fuentes. Si debes elegir varios
colores, escoge un color armónico para
cada elemento de texto (titular, párrafo,
resaltes) y mantenlo constante durante la
presentación.
• TONALIDADES. Evita las tonalidades
extremas de un color (por ejemplo, evita el
negro puro para la fuente, el rojo puro, el
verde puro, etc.). El ojo te lo agradecerá.
Quédate un par de tonalidades por debajo
o por encima del color puro.
4Consejo
“El color del texto”
Evita las tonalidades extremas (primarias) de un
color (por ejemplo, evita el negro puro para la
fuente, el rojo puro, el verde puro, etc.). El ojo te lo
agradecerá. Quédate un par de tonalidades por
debajo o por encima del color puro.
Evita las tonalidades extremas (primarias) de un
color (por ejemplo, evita el negro puro para la
fuente, el rojo puro, el verde puro, etc.). El ojo te lo
agradecerá. Quédate un par de tonalidades por
debajo o por encima del color puro.
Evita las tonalidades extremas (primarias) de un
color (por ejemplo, evita el negro puro para la
fuente, el rojo puro, el verde puro, etc.). El ojo te lo
agradecerá. Quédate un par de tonalidades por
debajo o por encima del color puro.
Como regla general, no utilices los colores
puros para los textos: saturan, vibran con
facilidad y no resultan en absoluto
profesionales
Hay colores que atraen
por su gracia y otros que
se rechazan con enfado.
J. W. Goethe
“
COLOR
El círculo cromático o ‘rueda del color’
La ‘rueda de color’ es un círculo en el que
se distribuyen los colores según se
obtienen a partir de la mezcla de los
colores primarios.
Esta rueda, referente básico de todo
trabajo con colores, nos permite
entender cómo se forman y su relación,
identificando los colores análogos y los
complementarios, así como las
tonalidades de un mismo color.
El color es un elemento fundamental
de todo producto gráfico y una
presentación lo es. Poseer nociones
sobre los colores proporcionará a una
presentación un mayor atractivo,
equilibrio y coherencia visual
Los colores en la informática
Todos los colores del círculo cromático se construyen
a partir de TRES colores PRIMARIOS, que, en el caso
de los colores-luz, son:
• Rojo (Red)
• Verde (Green)
• Azul (Blue)
Cada color de la rueda (virtualmente, millones) se
obtiene combinando en diferente proporción los tres
colores primarios.
Los programas de presentaciones permiten tal
combinación, y también traen ya prefiguradas paletas
de colores para facilitar su aplicación.
Una presentación es un producto informático construido en
una pantalla que no es sino LUZ, por lo que nos limitaremos
a los colores obtenidos sobre este medio
El modelo clásico de representación de los colores en
informática es el modelo RGB. Existen otros modelos (CYMK,
HSL, Hexadecimal, etc.) de los que no nos ocuparemos
El modelo RGB
En el modelo RGB, cada color individual se formula
como una secuencia numérica formada, en este orden,
por los valores de Rojo-Verde-Azul (Red-Green-Blue).
Dichos valores oscilan entre 0 y 255, donde 0 es la
ausencia del color y 255 es el color puro (o de máxima
luminosidad).
El rojo puro, por ejemplo, se expresaría como:
RGB (255,0,0)
Es decir: máximo valor (255) para el primer parámetro
(que corresponde precisamente a Red), y valor nulo (0)
para el segundo parámetro (Green) y el tercero (Blue).
Colores primarios y secundarios
• Rojo (Red) à RGB (255,0,0)
• Verde (Green) à RGB (0,255,0)
• Azul (Blue) à RGB (0,0,255)
R G
B
Y
CM
W • Cian (Cyan) à RGB (0,127,127)
• Amarillo (Yellow) à RGB (127,127,0)
• Magenta (Magenta) à RGB (127,0,127)
COLORES PRIMARIOS
COLORES SECUNDARIOS. Se obtienen mezclando los primarios en igual
proporción. Por ejemplo, el Cian es una mezcla a partes iguales de
Green y Blue (127, la mitad de 255), sin nada (0) de Red.
BLANCO Y NEGRO. En RGB, el color blanco (White) resulta de la
adición de los tres primarios en su cantidad máxima (255), y el
negro (Black) en su cantidad mínima (0).
• Blanco (White) à RGB (255,255,255)
• Negro (Black) à RGB (0,0,0)
Colores terciarios
La mezcla de un color primario y un
secundario vecinos da lugar, entre ellos, a un
color TERCIARIO o intermedio.
Por ejemplo, la mezcla de Rojo y Amarillo da
lugar al color terciario Naranja.
• Naranja à RGB (255,127,0)
• Amarillo verdoso à RGB (127,255,0)
• Verde primavera à RGB (0,255,127)
• Azul mar à RGB (0,127,255)
• Violeta à RGB (127,0,127)
• Rosado à RGB (255,0,127)
COLORES TERCIARIOS
Rojo
Azul
Cian
Magenta
Rosado
Verde
primavera
Azul
mar
Violeta
Naranja
Verde
Amarillo
Amarillo
Verdoso
Paletas de colores en el software informático
Constructor RGB Paletas predefinidas Selector de color infinito
La mayoría de programas de
presentaciones, sobre todo los
de escritorio, disponen de
variadas maneras de
formulación y selección de
colores (en diversos formatos,
no solo en RGB).
Asimismo, como se observa en
la zona inferior de las imágenes,
permiten guardar paletas
personalizadas, lo que hace
sumamente cómoda la
aplicación de colores en una
presentación.
Diferentes aproximaciones al color
Repasada la teoría del color RGB, es interesante ahora
conocer los colores tanto por sus características cromáticas,
como por los efectos psicológicos sobre el espectador
Al observar la rueda cromática, pueden
apreciarse varias cosas interesantes:
1. Los colores vecinos forman gradaciones
armónicas. Se denominan colores análogos o
armónicos.
2. Los colores enfrentados entre sí en la rueda
son colores complementarios.
3. Si dividimos la rueda por un eje (línea negra
en la imagen) esta queda separada en colores
cálidos y fríos. Esta división es psicológica,
aunque tiene su fundamento en la naturaleza
de la luz.
Analogía, complementariedad y valor tonal
Los colores análogos producen gamas
armónicas y equilibradas. El uso de colores
análogos en una presentación favorece su
consistencia cromática.
Los colores complementarios producen
contraste, fundamental, por ejemplo, para la
legibilidad de un texto. Pero, ojo, el contraste
puede resultar incómodo, al producir efectos
de vibración.
Si se mira la rueda en dirección centrípeta se
observa que un color presenta diferente
claridad u oscuridad. Son los valores tonales
del color. Utilizar los valores tonales es un
estupendo recurso en las presentaciones.
COMPLEMENTARIOS
ANÁLOGOS
TONALIDAD
COLORES ANÁLOGOS
COLORES
COMPLEMENTARIOS
TONALIDADES
Los valores tonales del color
La comprensión de los valores tonales de un color es muy importante. Muchas plantillas de presentaciones constan de
paletas cromáticas (o ‘esquemas de color’) construidas a partir de variaciones tonales de un solo color
COLORES
PUROS
SOMBRAS
TINTAS
TONOS
Mezclado con
blanco
Mezclado con
negro
Mezclado con
gris
Producen paletas brillantes y muy
contrastadas, no siempre aconsejables.
Aclaran el color, producen paletas de
tonos ‘pastel’, sugieren armonía,
relajación, paz, suavidad.
Oscurecen el color. Sugieren
profundidad, seriedad, orden,
intensidad, seguridad.
Apagan el color. Sugieren naturaleza,
confianza, elegancia, crecimiento,
descanso.
Algunas paletas especiales
El juego con los valores tonales de los colores da lugar a paletas cromáticas particulares.Algunas de ellas han llegado
a constituir por sí mismas estándares de diseño: es el caso de los colores ‘pastel’ o los colores ‘tierra’
RGB(208,193,136)
COLORES PUROS
COLORES ‘PASTEL’
COLORES ‘TIERRA’
PALETAS
MONOCROMÁTICAS
Paleta en su máxima luminosidad, sean primarios,
secundarios o terciarios. No se recomiendan. No siempre
combinan bien entre sí.
Resultantes de aclarar los tonos puros (mezcla de blanco).
Usados con frecuencia en presentaciones infantiles.
Mezclas con negro o gris. Basados en los tonos de la
naturaleza: marrones, verdes, violáceos, naranjas, ciertos
azules…. Sugieren seriedad y clasicismo.
Resultantes de alterar el valor tonar de un solo color. Contra
lo que pudiera pensarse, son MUY interesantes para las
presentaciones, pues les confieren armonía y modernidad.
Psicología del color: colores cálidos y fríos
Tienden a ‘salirse’ de la pantalla. Se
expanden, buscan al espectador. En
conjunto, transmiten energía, fuerza,
dinamismo, juventud, actividad.
Una aproximación clásica a los colores es la que los clasifica, según su
‘temperatura’, en cálidos, cuya gama va del amarillo verdoso al rojo y
fríos, del violeta rojizo al verde (aunque esto no es matemático)
COLORES CÁLIDOS
COLORES FRÍOS
Se retraen, apaciguan. En conjunto
sugieren tranquilidad, estatismo, relax,
madurez, confianza, respeto, paz.
COLORES CÁLIDOS
COLORES FRÍOS
Efectos psicológicos de los colores
Calma,confianza,descanso
Frescura,
prestigio,
tranquilidad,
naturaleza
Emoción,
estimulación,
llamar la
atención
Felicidad,
entusiasmo,
atracción,
éxito
Energía,
poder,
pasión, amor
Espiritual,realeza,ceremonial
Formal,
elegancia,misterio,
sexy, profundo
Pureza, paz,
inocencia,
simplicidad,
formalismo
Marcas comerciales: el color dominante
El efecto psicológico de los colores, es aprovechado en el mundo del diseño y la empresa. El diseño de
presentaciones se beneficia del conocimiento desarrollado en este campo. Las marcas construyen su
‘identidad’ a partir de un color que ‘evoca’ en el público el efecto psicológico deseado.
Marcas comerciales: las paletas cromáticas
https://brandcolors.net/
A partir del color dominante,
las marcas comerciales eligen
estudiadamente las paletas de
color para su identidad
corporativa y sus productos.
En una presentación educativa
también es fundamental una
buena elección de la paleta de
colores, para ayudar a que el
mensaje llegue con eficacia a
los estudiantes.
Esta página contiene un abundante catálogo de paletas de marcas
comerciales. Fíjate cuántas de ellas constan solo de uno o dos
colores y sus variaciones tonales.
Poniéndolo todo junto…
Utiliza el mínimo número de
colores posible en tu
presentación. Una paleta con dos
o máximo tres colores está bien.
A ella pueden añadirse el blanco
y/o el negro, preferiblemente
evitando su forma más pura
(negro puro o blanco puro).
“Minimiza tu paleta”
1Consejo
Que dispongas de una gama
prácticamente infinita de colores no
significa que tengas que utilizarlos
todos y en todo momento.
Aunque todos los elementos de una
diapositivas pueden ser coloreados,
no por ello estás obligado a hacerlo.
Recuerda que, como en el caso de
las tipografías, menos es más.
“No ‘colorees’ las diapositivas”
2Consejo
A menos que busques
específicamente ese efecto,
procura no usar los colores en
su máxima luminosidad.
Muévete un par o tres de tonos
a la izquierda o a la derecha de
la rueda cromática o modifica el
valor tonal del color.
Los colores puros recuerdan a
las paletas antiguas, cuando los
monitores no podían mostrar
más de 16 colores; además,
vibran con facilidad y agotan la
vista del espectador.
“Evita los colores puros”
3Consejo
Valora la posibilidad de usar paletas
monocromáticas, esto es, variaciones
tonales de un mismo color.
Recuerda cuántas marcas comerciales
eligen este tipo de paletas.
Con paletas monocromáticas se
consiguen presentaciones armónicas,
relajantes y modernas.
“Paletas monocromáticas”
4Consejo
Evitar los colores puros no
significa renunciar a la fuerza
cromática de tus presentaciones.
Al contrario, con colores
aumentados de tono se consigue
un efecto considerable de
dinamismo e impacto visual.
“Dinamismo: colores intensos”
5Consejo
No es mala práctica tratar de usar
colores que ‘casen’ con el contenido y el
público de la presentación.
Por ejemplo, en presentaciones infantiles
pueden preferirse colores suaves.
En presentaciones sobre ciencias de la
naturaleza quizá busquemos tonalidades
azul profundo y tierras.
“Adecúa la paleta al contenido”
6Consejo
Los colores complementarios y
cercanos a ellos contrastan entre sí.
El contraste es necesario en el caso de
la relación de los textos con su fondo,
pero hay que extremar la precaución
con las combinaciones de colores que
producen vibración y mareo.
Tales combinaciones de color deben
ser evitadas a toda costa.
“Cuidado con el contraste” A A A A
A A A A
A A A A
A A A A
7Consejo
La alternativa al buen
diseño es el mal diseño.
No existe el no-diseño.
Adam Judge
“
COMPOSICIÓN
Qué es la composición
La composición comprende el
conjunto de reglas de ordenación
del espacio visual. Muchos de los
conceptos de la composición son
psicológicos.
La composición incluye técnicas de
encuadre, proporciones, escalas y
tamaños.
La composición es la combinación de los
diferentes elementos de que consta una
diapositiva en aras de la eficacia
comunicativa, estética y emocional
La regla principal de una buena composición: ¡Que pase desapercibida para el espectador!
El encuadre
Aún cuando no
hablemos de fotografía
sino de presentaciones,
el encuadre sigue
subyaciendo.
Pues, por motivos
estéticos o
psicológicos, podemos
decidir que los
elementos de la
presentación entren,
salgan, se escoren, se
corten entre sí, se
superpongan, etc.
Una buena composición comienza por un encuadre adecuado. El encuadre es el
‘plano’ visual: el espacio, en definitiva, que capta una cámara
Límites de seguridad
A semejanza de lo que sucede con las páginas de un libro, es importante que las
diapositivas dejen en sus bordes un ’espacio de seguridad’. El contenido legible debe
situarse dentro de dicho espacio. Ello es aconsejable por razones técnicas, que dependen
del proyector y de la pantalla o zona de proyección.
Líneas de
seguridad
Aún cuando no hablemos de fotografía sino de presentaciones,
el encuadre sigue subyaciendo.
Pues, por motivos estéticos o psicológicos, podemos decidir
que los elementos de la presentación entren, salgan, se escoren,
se corten, se superpongan, etc.
Aún cuando no hablemos de fotografía sino de presentaciones, el
encuadre sigue subyaciendo.
Pues, por motivos estéticos o psicológicos, podemos decidir que
los elementos de la presentación entren, salgan, se escoren, se
corten, se superpongan, etc.
Los puntos A, B, C y D serían,
de acuerdo con la regla de
los tercios, aquellos en los
que el ojo fija
principalmente su atención.
Sin embargo, ten en cuenta
que hablamos de
fenómenos psicológicos, no
de verdades matemáticas.
Es una de las reglas básicas, si no la más básica, de la composición: si dividimos el encuadre en tres partes iguales,
tanto en sentido horizontal como vertical, las intersecciones de las líneas son los puntos de mayor atracción visual
A B
C D
La regla de los tercios
Por tanto, antes que puntos,
debemos considerar áreas:
• Los elementos situados a
lo largo de los ejes
(cualquiera que sea la
orientación) se perciben
como más importantes.
• Igual sucede con los
elementos situados en
los rectángulos, sobre
todo en los centrales.
• Las esquinas y zonas
próximas a los bordes
ejercen menor atracción.
Atención: la regla de los tercios NO ASIGNA por sí misma la importancia a los elementos de la presentación. Solo los
ordena y organiza, equilibrándola.Aspectos como el color, la luz, el tamaño, la tipografía, los recursos de énfasis,
etc., son en realidad los decisivos
La regla de los tercios
La regla de los tercios
Esta regla ha servido históricamente
a los pintores para organizar los
elementos principales de sus obras,
particularmente en temas
figurativos y paisajísticos.
En fotografía es muy utilizada.
La lectura del espacio en “Z”
Por razones culturales, el
ojo occidental tiende a
leer las imágenes de
izquierda a derecha y de
arriba abajo, siguiendo
aproximadamente la
trayectoria de la letra “Z”.
Ello puede darnos una
orientación compositiva,
aunque, de nuevo, se
trata de un fenómeno
psicológico, no de una
verdad matemática.
Líneas de tensión
• Las líneas verticales expresan
fuerza, equilibrio y orden.
• Las líneas horizontales calma,
tranquilidad, estatismo y descanso.
• Las diagonales dan la sensación de
dinamismo.
• Las líneas sinuosas dan sensación
de movimiento y trayectoria.
• Las líneas circulares (los círculos)
expresan centralidad, acierto,
conclusión, centran la atención.
Los elementos de una diapositiva pueden disponerse siguiendo variadas trayectorias: vertical, horizontal, diagonal,
en sentido curvilíneo… Ello determina la ‘tensión’ psicológica de la diapositiva
LÍNEAS RECTAS
LÍNEAS CURVAS
Tipos de composición
• Pueden ser simétricas,
desiguales o centradas,
de acuerdo con la regla
de los tercios.
De acuerdo con la orientación (diapositiva anterior) en las composiciones prevalecerá la verticalidad, la horizontalidad,
etc.Aunque pueden combinarse composiciones, normalmente habrá una que predomine
VERTICALES
HORIZONTALES
• Pueden ser simétricas,
desiguales o centradas,
de acuerdo con la regla
de los tercios.
DIAGONALES
• Creando trayectorias
visuales rectas o curvas.
Simetría Desigualdad Centralidad
La composición en la práctica
Horizontalidad
Verticalidad
Inclinación
Combinación
Poniéndolo todo junto…
“Equilibra la composición”
1
Procura que tus elementos
respondan a un esquema
compositivo claro,
alinéalos, iguala distancias
entre elementos comunes.
No dispongas los
elementos sin juicio
alguno, dejándote llevar
por los ‘huecos’ que
queden en la diapositiva.
Composición combinada, con texto titular horizontal, columnas verticales
equidistantes y elementos de énfasis que tienden a ‘entrar’ y ‘salir’ de la
diapositiva
Recuerda: ¡Tú controlas el espacio.
El espacio no te controla a ti!
Consejo
“La regla de los tercios”
Como hemos visto, la regla de
los tercios proporciona una
buena base compositiva a la
hora de diseñar diapositivas.
Experimenta con ella y
aplícala en tus presentaciones.
¡Ganarán en armonía!
Composición que combina una imagen y una caja de
texto utilizando dos de los ejes de la regla de los tercios
2Consejo
“Combina composiciones”
Nada impide combinar
diferentes tipos de composición
en una presentación.
De hecho, es habitual hacerlo,
ya que los contenidos suelen
obligarnos a variar el diseño de
las diapositivas.
A medida que adquieras
práctica verás que incluso
pueden coexistir composiciones
diferentes en armonía en la
misma página.
Composiciones
horizontal y vertical
en una misma
plantilla de
presentación
3Consejo
Composiciones
horizontal y vertical
en una misma
plantilla de
presentación
“Deja respirar“
La legibilidad, la claridad
formal y también la
elegancia de una
presentación dependen en
buena medida de que los
elementos de una página
no sean excesivos en
número y ‘respiren’, esto es,
que dejen espacios vacíos,
entre ellos y con respecto al
los bordes de la página.
Minimiza el número de elementos por
diapositiva y deja espacios vacíos entre ellos
4Consejo
“Utiliza resaltes”
Cuando desees llamar la
atención sobre zonas de la
presentación de menor
atracción visual
(normalmente, los bordes
de la diapositiva) puedes
utilizar resaltes (cajas de
texto, iconos, formas, etc.,
con colores de contraste).
8
Deben utilizarse recursos de énfasis si se desea llamar la
atención sobre zonas de poco atractivo visual
5Consejo
“Las imágenes pueden ser
elementos compositivos”
Al usar imágenes (sobre
todo a pantalla completa)
como núcleos de una
diapositiva, ten en cuenta
que estas poseen su propia
composición y encuadre.
Que los elementos añadidos
no ‘desafinen’ con la
composición de la imagen.
6Consejo
Lo más importante no es
la cámara, sino el ojo.
Alfred Eisenstaedt
“
IMÁGENES Y GRÁFICOS
Elementos gráficos en las presentaciones
No hay nada más soporífero e insulso que una presentación de
texto plano, sin elementos gráficos. Dichos elementos no son mera
decoración. Cumplen funciones comunicativas esenciales
• Como elementos centrales
• Como elementos de énfasis
• Como fondos
FOTOGRAFÍAS
GRÁFICOS
• Gráficas de datos
• Mapas
• Diagramas
• Infografías
VECTORES
• Iconos
• Dibujos e Ilustraciones
Podemos distinguir varios tipos…
Fotografías Gráficas de datos Vectores
Uso de fotografías en presentaciones
Las fotografías son los elementos gráficos de mayor impacto visual en las presentaciones. Es fundamental escogerlas
bien. Para ello, procura respetar los tres criterios siguientes…
PERTINENCIA CALIDAD PROPORCIÓN
Sé cuidadoso al elegir las
imágenes: deben estar
relacionadas con el tema
de la diapositiva. O deben
evocar emocionalmente lo
que se está comunicando.
Las imágenes deben ser de
la mayor calidad posible.
Nada de imágenes
pixeladas. Existen multitud
de bancos de imágenes
gratuitas en internet.
No estires ni deformes las
imágenes. Deben guardar
su proporción original, para
resultar naturales.
Las fotografías como elementos centrales
Las fotografías son
elementos centrales
cuando el tema de la
diapositiva recae sobre
ellas.
Un ejemplo típico es
una pintura en una
clase de historia del
arte o una parte del
cuerpo humano en una
de anatomía.
Es obvio que en este
caso la imagen debe
ser el núcleo de la
diapositiva y respetarse
en su forma original.
Así pues, deben
mantenerse los criterios de
pertinencia, calidad y
proporción mencionados,
así como buscar una
composición que equilibre
el peso de la imagen con el
mensaje transmitido.
Aún cuando solo sean
elementos accesorios al
mensaje principal, las
fotografías siguen
teniendo gran efecto
sobre el impacto final de la
diapositiva.
Las fotografías como elementos de énfasis
Las fotografías como fondo de diapositivas
1 2
3 4
1
2
3
4
Sobre la fotografía original,
sin retoque.
Sobre la fotografía convertida
a monocromática.
Sobre la fotografía con
transparencia aplicada.
Sobre una textura o imagen
abstracta.
Ideas para usar las fotografías
como fondo (a veces será
conveniente situar el texto dentro
de cajas de color)
Más sobre los fondos de una presentación
Propios de algunas plantillas
predefinidas: cansan y saturan.
Además, limitan el espacio
disponible para el contenido.
Resérvalos para páginas de inicio, fin
o cambio de bloque temático.
Un error común en el
diseño de
presentaciones es la
elección de fondos
‘decorativos’ para las
diapositivas.
En particular, los
procedentes de
plantillas y los
degradados
Fondos degradadosFondos con elementos repetitivos o decorativos
Como regla general, evita
usarlos a menos que busques
algún efecto particular.
Los elementos de la composición
pueden no armonizar con los
tonos del degradado.
Consejos adicionales sobre las fotografías
1. No alteres la forma y
proporción de las
fotografías.
2. Evita el recuadrado
exagerado.
3. No difumines sus bordes.
4. No abuses de los
efectos, en particular de
reflejos y escorzos.
5. Utiliza sombras suaves
para destacarlas.
6. Si usas máscaras, no
apliques formas extrañas.
Trata de respetar estas reglas
en el uso de fotografías
Gráficas, mapas y diagramas
Una presentación no vive solo de fotografías. Por el contrario, en muchas materias es fundamental
mostrar la información en forma de gráficas, mapas, planos o diagramas de todo tipo. En estos casos, la
claridad y la nitidez son la clave, pues el mensaje no es la gráfica o el diagrama en sí, por bonitos que
sean, sino los datos vehiculados.
Idea
Concepto
Relación
Amplitud
Expansión
MapasGráficas Diagramas
Las gráficas y las hojas de cálculo
Las gráficas son representaciones visuales de datos, casi siempre numéricos. A veces estos datos
proceden de hojas de cálculo. No debemos presentar los datos en el formato de la hoja de cálculo, es
decir, en celdas y columnas. Debemos agrupar la información y destacar lo importante.
No presentes datos en forma de hoja de cálculo… …incluso si adjuntas el gráfico en la misma hoja
La cantidad de diseños de
gráficas que permiten los
programas de presentaciones
es abrumadora.
Pero puede resultar
contraproducente, pues
induce a utilizar vistosos
formatos 3D, con leyendas,
ejes, fondos, tablas de datos
adyacentes, etc., dificultando
al final la comprensión de lo
realmente importante: los
datos presentados.
¿…tiene sentido
mostrar estas gráficas
en una presentación?
Muy
vistosas,
pero…
Las gráficas… mejor cuanto más simples
Salvo que se trate de
muy pocos conjuntos
de datos y nítidamente
diferenciados, no
utilices las gráficas en
3D, ni muestres junto a
ellas la tabla de datos
Observa que, aún con
pocos conjuntos de
datos, la perspectiva
oblicua, la
tridimensionalidad en las
gráficas y en los valores
numéricos no juega a
favor de la claridad.
¡Las gráficas parecen
haber sido elegidas por
motivos estéticos antes
que comunicativos!
Las gráficas… mejor cuanto más simples
En la mayoría de los casos, las gráficas bidimensionales
son la mejor opción.
Además, es aconsejable destacar los datos importantes.
Las gráficas… mejor cuanto más simples
Las gráficas… mejor cuanto más simples
Dada la variedad existente y el hecho de que en muchas materias académicas son un contenido educativo,
es difícil establecer un criterio único. La dificultad es mayor porque los mapas suelen presentar mucha
información en tamaño muy pequeño. Debe examinarse, pues, con cuidado cada caso particular. Aún así,
establezcamos los siguientes consejos…
¿SON NECESARIOS? LIMPIEZA ZOOM
Párate a pensar si el mapa es
realmente necesario en tu
presentación o si te es
posible sustituirlo por otro
tipo de recurso.
Reduce los elementos a
mostrar, minimiza las áreas y
líneas necesarias para la
comprensión del concepto.
Incluye leyendas que lo
destaquen.
Divide el mapa en partes y
amplía las zonas sobre las
que se necesite atención.
Complementa y resalta con
títulos y leyendas, si es
necesario.
Mapas y planos en diapositivas
¿Es una buena idea?
Mapas y planos en diapositivas
Mapa limpio
¿Algo mejor?
Efecto zoom
Título
Agrícolas
Tecnológicas
Industriales
Leyendas claras
Datos importantes
destacados
¿Mejor aún?
Leyendas explicativas
Mapa limpio
Datos importantes
destacados
Leyendas
Mapa limpio
Colores contrastados
Sí, ¿verdad?
¿Es una buena idea?
Planos urbanos
Los elementos centrales
destacados aparte
Mapa con el mínimo
número de elementos
¿Mejor?
Diagramas, ¿qué son?
Los diagramas son formatos
gráficos que representan
procesos, relaciones, secuencias,
ciclos, jerarquías, etc.
Algunos programas permiten
crear con extrema facilidad
diagramas, pues traen formas
predefinidas a propósito.
Los mapas conceptuales, tan
habituales en educación, son
ejemplos de diagramas.
Diagramas: normas básicas
1. Define bien el conjunto de
conceptos relacionados.
2. Identifica el tipo de relación
entre ellos: temporal,
espacial, jerárquica, etc.
3. Sé concreto: no recargues el
diagrama con elementos
secundarios.
4. Elige un diseño simple y claro:
formas planas, gamas
cromáticas para los
componentes y contraste para
el texto.
Para crear diagramas directos e
impactantes…
Lorem ipsum
Lorem ipsumLorem ipsum
Lorem ipsum
dolor sit amet
consectetur
adipiscing elit
dolor sit amet
consectetur
adipiscing elit
dolor sit amet
consectetur
adipiscing elit
dolor sit amet
consectetur
adipiscing elit
Algunos ejemplos de diagramas
Radial Ciclo Jerarquía horizontal
Proceso continuo Proceso direccional Relación
Una infografía es un tipo
especial de diagrama que
combina imágenes
digitales y textos de
ciertas características:
• Las imágenes
infográficas son síntesis
informativas.
• Los textos solo resaltan
y/o amplían con
brevedad lo esencial.
Aunque costosas de preparar, el
uso de infografías puede
enriquecer mucho el contenido de
tus presentaciones
Infografías
También presentaciones completas
En los últimos años se
ha extendido el
término ‘infografía’ a
un formato gráfico
sintético, que expone
la información de
manera secuencial y
casi siempre vertical.
Puede considerarse el
uso de este tipo de
formato para exponer
o entregar temáticas
puntuales no
excesivamente largas.
Vectores: iconos, dibujos, ilustraciones
Los vectores, o
‘imágenes vectoriales’,
son imágenes escalables,
es decir, que (por la
manera en que han sido
creadas) pueden
ampliarse o reducirse sin
perder resolución.
Muchos iconos, así como
dibujos e ilustraciones,
han sido diseñados en
formato vectorial.
Los vectores
suelen poseer
fondos
transparentes, lo
que los integra
perfectamente
en las
diapositivas, sea
cual sea el color
o textura del
fondo de estas
Iconos
Tendemos a
asociarlos a
imágenes planas,
pero hay también
estupendos iconos
en 3D.
¡Y escalables!
Los iconos son
símbolos gráficos que
representan multitud
de contextos:
secciones, temáticas,
redes sociales,
acciones de los
usuarios, etc.
Iconos
El uso moderado de
iconos es aconsejable,
pues:
• Prestan dinamismo a la
presentación.
• Ordenan sus secciones.
• Dirigen visualmente la
atención.
Su uso abusivo, sin
embargo, contrarrestará
rápidamente sus efectos.
Los iconos nos resultan tan
naturales que pasan
desapercibidos. Sin embargo,
cuando están ausentes las
presentaciones parecen ‘frías’
Dibujos e ilustraciones
Los vectores poseen un valor didáctico incalculable para las
presentaciones, superior en ocasiones a las fotografías
El formato vectorial es
idóneo para la creación de
ilustraciones y dibujos cuyo
realismo los hace muy
adecuados para las
presentaciones educativas.
Podemos encontrar dibujos
vectoriales de casi cualquier
tema y con un admirable
nivel de precisión.
Como idea, puedes utilizar dibujos vectoriales para crear tus propias infografías
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
dolor sit amet
consectetur
adipiscing elit
dolor sit amet
consectetur
adipiscing elit
dolor sit amet
consectetur
adipiscing elit
dolor sit amet
consectetur
adipiscing elit
dolor sit amet
consectetur
adipiscing elit
Lorem ipsum
Lorem ipsum
Lorem ipsum
Los dibujos e
ilustraciones, si son
buenos, poseen una
claridad formal que
no siempre
obtendremos con las
fotografías.
Dibujos e ilustraciones
A partir de imágenes podemos
crear diagramas e infografías,
combinándolas con elementos
que indiquen relación,
jerarquía, proceso, ciclo, etc…
Dibujos e ilustraciones
Poniéndolo todo junto…
“Elige muy bien cada imagen”
Consejo 1
Vale la pena invertir tiempo
buscando la imagen
adecuada, por su significado o
por su valor evocativo.
No te conformes con
imágenes cuya relación con el
contenido sea vaga, o con
fotografías meramente
decorativas.
Adecuación temática, metáfora clara o evocación
emocional son los criterios para elegir buenas
imágenes en tus presentaciones
“No ‘dejes caer’ las imágenes”
Colocar las imágenes
porque sí, en cualquier lugar
de la página, en los huecos
que deja el texto, etc., no es
una buena idea.
Piensa en términos de
composición, énfasis e
impacto. Usa sombras
suaves, máscaras u otros
recursos para un mayor
efecto de tus fotografías.
Las imágenes se han dispuesto de forma
irregular, sí, pero manteniendo una composición
armónica. Se ha usado una máscara circular
Consejo 2
“Destaca un solo elemento”
No hay razón para no combinar
en una diapositiva imágenes,
iconos, ilustraciones, formas
decorativas, etc.
Sin embargo, recuerda que, por
el bien de la claridad, un
elemento gráfico ha de ser el
predominante.
Procura que tus diapositivas se centren en un
único concepto. Si este ha de expresarse a través
de una imagen o gráfico, haz que este
predomine sobre todo lo demás
Consejo 3
“Datos, mejor solos que mal
acompañados”
No olvides que el objetivo de las
gráficas son los datos que presentan.
No es buena idea poner en la
diapositiva elementos que ‘compitan’
visualmente con ellas.
Si las combinas con fotografías, que
estas guarden discreción.
Elige gráficas planas y muestra solo la
información esencial.
Cuando se usan gráficos es porque se quiere
mostrar información. Lo importante, pues, es que
la atención se centre en ella
Consejo 4
“Infografías y diagramas: ¡sí!”
Las infografías, como hemos
visto, son recursos visuales
potentísimos y combinan
información gráfica y textual
de manera efectiva.
Incluye, si la materia lo
permite, una o varias
infografías y/o diagramas en tu
presentación, siempre a partir
de vectores de calidad.
Se trata de recursos gráficos muy expresivos, que
confieren a las presentaciones un plus de calidad
y modernidad
Consejo 5
“¿Presentaciones sin fotografías?”
Dada la calidad de los vectores y
los bancos de datos gratuitos
que existen, no debes descartar
crear presentaciones solo con
gráficos vectoriales.
Bien elegidos y combinados con
formas y esquemas de color
adecuados, no tienen por qué
desmerecer a las fotografías.
Presentaciones con dibujos vectoriales y
colores vivos son muy atractivas y
sugieren juventud y fuerza.
Consejo 6
El estilo es un modo de
decir quién eres sin la
necesidad de hablar.
Rachel Zoe
“
MISCELÁNEA
Vídeo en presentaciones
La inserción de vídeos en
presentaciones puede
acarrear problemas en la
práctica por razones de
formato o de códecs
El vídeo es un recurso didáctico muy importante. Tanto que tiene entidad propia y hay
que preguntarse, como en el caso de los mapas, si realmente es necesario reproducirlo
desde dentro de una presentación.
Vídeo en presentaciones
Si en medio de una presentación deseas ejecutar un vídeo, tal
vez lo mejor sea crear un enlace al vídeo almacenado en la red
y/o un botón
No hay nada más
frustrante que ese
momento en que, al
tratar de reproducir
ante la audiencia el
vídeo que en tu
ordenador se ejecutaba
perfectamente, se
produce un error fatal
que imposibilita la
visualización y rompe la
dinámica de la
presentación.
En todo caso, si
insistes en la ejecución
de vídeo en
presentaciones,
asegúrate de que el
vídeo (¡y el audio!) se
reproduce en el
ordenador que ejecuta
la presentación.
Créalo o conviértelo a
un formato compatible
(mp4, por ejemplo) y
haz pruebas primero.
Elementos de énfasis: formas, bullets,…
Se distinguen de los iconos en que estos elementos no tienen
significado denotativo propio, sino por el contenido del que son
portadores o al que señalan. La moderación en su uso es, también
aquí, la mejor recomendación.
Estos elementos gráficos son
muy útiles a la hora de
destacar ideas, conclusiones,
crear listas, etc.
Efectos de énfasis: animaciones
Las animaciones constituyen
valiosos recursos si se diseñan
cuidadosamente y las utilizas
de forma moderada
Algunos programas de
presentaciones permiten
animar los objetos de la
pantalla: imágenes,
textos, gráficas, creando
efectos, cambiando su
color, haciéndolos crecer
o menguar, aparecer o
desaparecer...
Pero crear animaciones
eficaces y, sobre todo,
oportunas, no es fácil.
En este caso, el
conocimiento y la
comprensión de la
herramienta son
fundamentales para
obtener un resultado
satisfactorio.
Este vídeo muestra una animación infográfica
Efectos de énfasis: transiciones
En el mundo de las
presentaciones se llama
transiciones, o cortinillas, a los
efectos digitales que se
producen al pasar de una
diapositiva a otra.
Por defecto, los programas no
crean transiciones entre las
diapositivas.
El diseñador debe decidir si
quiere usarlas, cuándo hacerlo
y qué transiciones elegir.
Efectos de énfasis: transiciones
Pero ¡atención!
Precisamente por su
facilidad de uso y su
vistosidad es muy fácil
dejarse llevar por el
efectismo, creyendo
que la presentación
será más profesional si
usa más transiciones.
¡Esto es un error!
Solo se han de utilizar
transiciones cuando
esté justificado (inicio,
final, cambio de
bloque temático…)
Si introduces muchas y
sofisticadas transiciones,
el público tenderá a
‘esperar’ continuamente
nuevos efectos ante el
cambio de diapositiva,
perdiendo entonces el
contenido su foco.
Se recomienda usar
transiciones discretas
y lo más neutras
posible: el efecto de
disolución es el más
adecuado
Desplazarte por la presentación
Normalmente, las
presentaciones se
ejecutan de manera
lineal, de principio a fin,
con el teclado o un
mando a distancia.
Pero algunos programas,
no todos, permiten crear
botones (o usar iconos)
para desplazarse por la
presentación de manera
no lineal.
En algunos casos está
función puede resultar de
gran ayuda.
Los botones (en las
aplicaciones que los
soportan) permiten
también ejecutar
comandos, abrir otras
presentaciones,
hipervínculos, etc.
A la nº 3
A la primera diapositiva A la última diapositiva
A la diapositiva nº 3
La pregunta del millón
SíyNo
Si has llegado hasta aquí con vida posiblemente
te carcoma una pregunta: quizá necesite todo lo
explicado, pero…
?
¿..seguro que no existe alguna
manera de crear presentaciones
que gestione automáticamente
las tipografías, paletas de
colores, fondos, iconos etc.?
Pues…
¡Cómo?
Sí…existen, se llaman, plantillas (o temas) y
las usa todo el mundo. Y ese es,
precisamente, el problema (uno de ellos),
que las usa todo el mundo, por lo que…
Pues que…
No…te las aconsejo (si de verdad
quieres aprender)
!
Plantillas de presentaciones
Las plantillas (o temas)
son modelos
prefabricados de
diapositivas, con
composiciones y
elementos varios, que
comparten entre sí
características de
diseño: tipografía,
paleta de colores,
fondos, a veces formas
editables, iconos, etc.
No puede negarse la versatilidad de las plantillas. Se
aplican con un solo clic y el aspecto de todas la
diapositivas cambia, adaptándose a la nueva plantilla.
Además, las plantillas permiten editar sus componentes
en la llamada diapositiva maestra.
Plantillas temáticas
Además, algunas
aplicaciones traen
plantillas temáticas, esto
es, adaptadas a
diferentes contextos
expositivos, también
educativos: trabajos,
reseñas, comentarios,
proyectos, etc.
Plantillas infográficas
Particularmente
interesantes son las
plantillas infográficas
(normalmente formas
editables, es decir,
similares a diagramas)
pues facilitan la creación
de infografías atractivas,
perfectas para presentar
resúmenes informativos.
Entonces, ¿cuál es el problema?
En realidad, son más de uno:
1. Si comienzas tu aprendizaje con plantillas
desconocerás los fundamentos de lo que
estás haciendo.
2. Las plantillas pueden acabar decidiendo
por ti (‘imponiéndote’) la manera de
presentar la información.
3. Si usas las plantillas habituales de los
programas más conocidos, tu presentación
pronto será una más de las miles que
circulan por la red con esa misma plantilla.
Triste.
Pero también hay argumentos favorables
si las usas cuando hayas aprendido:
1. Si buscas plantillas avanzadas y
originales, ganarás rapidez en el
diseño y ahorrarás tiempo.
2. Las plantillas más actuales traen formas
e iconos a juego con lo que
dispondrás de elementos de énfasis
con facilidad.
3. Podrás adaptarlas a tus necesidades
sin miedo a romper el equilibrio
compositivo.
Verbalizar el diseño es
otro acto de diseño.
Kenia Hara
“
CONSEJOS FINALES
Antes de comenzar, hazte, al menos, estas
preguntas:
• qué quiero conseguir
• qué tengo
• qué necesito
• de cuánto tiempo dispongo
Planea bien la
presentación
1
¿Cómo quieres que “suene” tu
presentación, académica, formal,
coloquial, divertida…?
Piensa bien en el público al que va
dirigida:
• Niños?
• Adolescentes?
• Universitarios?
• Estudiantes técnicos?
• Personas adultas?
• Etc…
Elige el ‘tono’ de la
presentación
2
Crea el contenido primero, o al menos
tenlo esbozado en fase avanzada.
En ciertas circunstancias es bueno imaginar
que “cuentas” una historia, como por
ejemplo en presentaciones infantiles.
Trata de que cada diapositiva derive de la
anterior y “llame” a la siguiente. Ello
contribuirá a mantener la atención y el
interés.
Escribe el contenido:
cuenta una historia
3
No solo debes anticipar el contenido. Es
preciso que pienses en las cuestiones de
diseño, dado que una presentación es un
producto gráfico.
Toma decisiones sobre las tipografías, la
paleta de colores, el uso de fotografías y/o
vectores, gráficas, infografías, etc.
Es buena idea crear un prototipo rápido de la
presentación: secciones, elementos comunes
a las diapositivas, etc.
Trata de definir bien estos aspectos y
mantente fiel a ellos: te ahorrarás muchas
horas de retoques.
Toma las decisiones
sobre el diseño
4
Dado que una exposición apoyada en
presentaciones requiere un ritmo particular,
no estará de más que practiques oralmente
tu presentación.
Así podrás hacerte una idea de los tiempos
destinados a cada diapositiva.
Algunos programas permiten asignar
tiempos a las mismas e implementan una
vista del orador que te indica la diapositiva
en la que estás, la siguiente, el tiempo
restante, etc.
Explora y explota esas posibilidades.
Practica la presentación5
Un aspecto que se olvida con frecuencia es la
luminosidad del entorno en el que se proyectarán
las diapositivas.
De día, en un aula con suficiente luz natural, los
fondos oscuros tenderán a perder contraste, de
manera que una vistosa diapositiva en el
ordenador quedará desangelada en la pantalla
de proyección.
Si tu aula es tu lugar habitual de proyección,
conócela bien, haz pruebas y experimenta con
los tonos más legibles.
Ten en cuenta la luz6
No es mala idea utilizar una checklist si vas a
realizar una presentación educativa en algún
evento distinto del aula, quizás en un congreso,
en otra ciudad, sala, recinto, etc…
Construye tu propia checklist o básate en alguna
existente. Por ejemplo, esta checklist es muy
detallada.
¡Que no se te olvide
nada!
7
RECURSOSPlantillasTipografíasImágenes
Paletas
UNA BREVÍSIMA SELECCIÓN
Aplicaciones para crear presentaciones
Además de las las archiconocidas PowerPoint, de Microsoft, Keynote de Appe o Impress de LibreOffice…
https://www.canva.com/
https://www.genial.ly/es
https://www.google.es/intl/es/slides/about/
https://www.emaze.com/es/
Aplicación para crear presentaciones online. Con decenas
de plantillas gratuitas, fondos, iconos, formas, etc.
CANVA
GENIAL.LY
GOOGLE SLIDES
EMAZE
Similar a Canva.Añade interactividad a las presentaciones,
lo que la hace idónea para crear actividades.
La alternativa gratuita de Google a los paquetes de
presentaciones convencionales. Compatible entre
dispositivos y plataformas.
Muy interesante aplicación en línea. Similar a Canva y
Genial.ly. Permite el trabajo colaborativo.
Plantillas (o temas) de diapositivas
SLIDES CARNIVAL
https://www.slidescarnival.com/es
Plantillas de PowerPoint y temas de Google Slides gratis
para tus presentaciones.
https://www.presentationmagazine.com/
PRESENTATION MAGAZINE Más de 60000 plantillas de PowerPoint, fondos, artículos,
etc., para mejorar tus presentaciones y la exposición de las
mismas.
https://itunes.apple.com/es/app/themes
-for-keynote-free/id555935825?mt=12
TEMAS PARA MAC Diseños de alta calidad para Keynote (Mac OS X).
https://freegoogleslidestemplates.com/
PLANTILLAS PARA GOOGLE SLIDES Repositorio de plantillas para Google Slides, clasificadas
por temática (formales, simples, creativas).
Paletas de colores
COOLORS
https://coolors.co/
Generador de esquemas de color. Esta aplicación te permite fijar
un color -o más de uno- y, solo pulsando la barra espaciadora,
obtener paletas que armonizan con él.
https://www.materialpalette.com/
Elige dos colores puros y observa cómo el sistema construye la paleta y
muestra su efecto simulando una página de una presentación.
MATERIAL PALETTE
http://colrd.com/
Esta aplicación te permite obtener y descargar la paleta de colores de
una imagen dada. Puedes subir la imagen desde tu ordenador.
COLRD
http://paletton.com
PALETTON
Lo interesante de este sitio es que permite crear paletas para
usuarios daltónicos.
Fotografías y vectores
PIXABAY
https://pixabay.com/es/
Excelente banco de imágenes gratuitas y en español. Puedes
descargar imágenes en diferentes resoluciones con apenas un clic.
EVERYSTOCKPHOTO
http://www.everystockphoto.com/
Quizá el banco de fotografías más extenso y conocido (más de
29.000.000 imágenes). Pues en realidad se trata de un metabuscador
que filtra imágenes gratuitas de diversas plataformas, entre ellas Flickr.
KISSPNG
https://es.kisspng.com/
Los archivos *.png son estupendos para diseño, pues poseen el fondo
transparente. Muchos iconos y vectores son convertidos a este formato.
ICON-ICONS
https://icon-icons.com/es/
Buscador de iconos. Para que nunca falten en tus presentaciones.
Auténticos packs descargables: planos, tridimensionales, realistas, en
blanco y negro, etc., y con calidades asombrosas.
Infografías, gráficos y mapas
http://vizualize.me/
VIZUALIZE.ME Se jacta de que has sido creadas con esta aplicación en línea más
de 1.000.000 de infografías. Requiere registro (gratuito).
https://www.easel.ly/
EASEL.LY Permite crear resúmenes informativos y vistosas infografías a
partir de cero o personalizando plantillas existentes.
https://infogram.com/es
https://www.visme.co/
INFOGRAM
VISME
Interesante aplicación para la representación efectiva de datos.
Cuenta con planes gratuitos.
Infografías, diagramas, gráficos de muchos estilos.También
cuenta con planes gratuitos.
https://developers.google.com/chart/
GOOGLE CHARTS El completo y de fácil uso gestor de gráficas de datos de Google.
Datos en tiempo real en tus aplicaciones.
Tipografías
DAFONT Fuentes de todos los estilos para Windows y Mac OS X.
https://www.dafont.com/es/
https://fonts.google.com/
GOOGLE FONTS Las famosas fuentes de Google. Sobre todo lineales y
clásicas.Altamente legibles.
https://www.freepremiumfonts.com/
FREE PREMIUM FONTS Fuentes de buena calidad. Incluye las fuentes más
valoradas por los usuarios.
https://www.fontspace.com/
FONT SPACE Posiblemente la plataforma más amplia de fuentes
tipográficas (37.000). Permite, además, cambiar su color
para ver el efecto sobre una página.
Gracias y…
Francesc Llorens. 2018
Suerte!
@FrancescLlorens
francescllorens62@gmail.com
Filósofo y profesor de Filosofía.
Doctor en Educación y Tecnologías
de la Información.
Máster en eLearning.

More Related Content

What's hot

Ejemplos de estudios de caso y abp para talleres de formación del profesorado
Ejemplos de estudios de caso y abp para talleres de formación del profesoradoEjemplos de estudios de caso y abp para talleres de formación del profesorado
Ejemplos de estudios de caso y abp para talleres de formación del profesoradoAlfredo Prieto Martín
 
semejanzas y diferencias de material didáctico recursos educativos medios ed...
semejanzas y diferencias de material didáctico  recursos educativos medios ed...semejanzas y diferencias de material didáctico  recursos educativos medios ed...
semejanzas y diferencias de material didáctico recursos educativos medios ed...39159695
 
05 ventajas y desventajas de las estrategias de aprendizaje
05 ventajas y desventajas de las estrategias de aprendizaje05 ventajas y desventajas de las estrategias de aprendizaje
05 ventajas y desventajas de las estrategias de aprendizajeFannyValera94
 
CUADRO COMPARATIVO DE LOS RECURSOS Y MEDIOS EDUCATIVOS
CUADRO COMPARATIVO DE LOS RECURSOS Y MEDIOS EDUCATIVOSCUADRO COMPARATIVO DE LOS RECURSOS Y MEDIOS EDUCATIVOS
CUADRO COMPARATIVO DE LOS RECURSOS Y MEDIOS EDUCATIVOSYesika Milena
 
Pizarra tradicional y pizarra digital
Pizarra tradicional y pizarra digitalPizarra tradicional y pizarra digital
Pizarra tradicional y pizarra digitalMauricio Aragon
 
Herramientas Tecnologicas y Digitales para el Desarrollo de la Educación
Herramientas Tecnologicas y Digitales para el Desarrollo de la EducaciónHerramientas Tecnologicas y Digitales para el Desarrollo de la Educación
Herramientas Tecnologicas y Digitales para el Desarrollo de la EducaciónAsociación Educativa Intellectun
 
Los medios y materiales educativos. Ventajas y desventajas.
Los medios y materiales educativos. Ventajas y desventajas.Los medios y materiales educativos. Ventajas y desventajas.
Los medios y materiales educativos. Ventajas y desventajas.Carlos Morales Cueva
 
Definición y clasificación de recursos didacticos
Definición y clasificación de recursos didacticosDefinición y clasificación de recursos didacticos
Definición y clasificación de recursos didacticosDiego Troentle
 
"Plan de CapacitacIón en el uso de las Tics"
"Plan de CapacitacIón en el uso de las Tics""Plan de CapacitacIón en el uso de las Tics"
"Plan de CapacitacIón en el uso de las Tics"Nombre Apellidos
 
Diferencia entre técnica e instrumento de evaluación ivvon!
Diferencia entre técnica e instrumento de evaluación  ivvon!Diferencia entre técnica e instrumento de evaluación  ivvon!
Diferencia entre técnica e instrumento de evaluación ivvon!Hugo Corona
 
4. Tecnologías de empoderamiento y participación (TEP)
4. Tecnologías de empoderamiento y participación (TEP)4. Tecnologías de empoderamiento y participación (TEP)
4. Tecnologías de empoderamiento y participación (TEP)Jhon Richard Orosco Fabián
 
Infografia del impacto de las tecnologias en la educacion
Infografia del impacto de las tecnologias en la educacionInfografia del impacto de las tecnologias en la educacion
Infografia del impacto de las tecnologias en la educacionDayanaMeza8
 
Modelo de portafolio para estudiante
Modelo de portafolio para estudianteModelo de portafolio para estudiante
Modelo de portafolio para estudiantediocelinar
 
Matriz FODA de los Recursos Educativos Abiertos
Matriz FODA de los Recursos Educativos AbiertosMatriz FODA de los Recursos Educativos Abiertos
Matriz FODA de los Recursos Educativos Abiertosjasalvadori
 
Ventajas y desventajas de los medios impresos (2)
Ventajas y desventajas de los medios impresos (2)Ventajas y desventajas de los medios impresos (2)
Ventajas y desventajas de los medios impresos (2)interactuamos
 
Tipos de Evaluacion: Diagnostica, Formativa y Sumativa
Tipos de Evaluacion: Diagnostica, Formativa y SumativaTipos de Evaluacion: Diagnostica, Formativa y Sumativa
Tipos de Evaluacion: Diagnostica, Formativa y SumativaLucrecia Vergara Viscailuz
 

What's hot (20)

Ejemplos de estudios de caso y abp para talleres de formación del profesorado
Ejemplos de estudios de caso y abp para talleres de formación del profesoradoEjemplos de estudios de caso y abp para talleres de formación del profesorado
Ejemplos de estudios de caso y abp para talleres de formación del profesorado
 
Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
 
El portafolio
El portafolioEl portafolio
El portafolio
 
semejanzas y diferencias de material didáctico recursos educativos medios ed...
semejanzas y diferencias de material didáctico  recursos educativos medios ed...semejanzas y diferencias de material didáctico  recursos educativos medios ed...
semejanzas y diferencias de material didáctico recursos educativos medios ed...
 
05 ventajas y desventajas de las estrategias de aprendizaje
05 ventajas y desventajas de las estrategias de aprendizaje05 ventajas y desventajas de las estrategias de aprendizaje
05 ventajas y desventajas de las estrategias de aprendizaje
 
PROYECTO DE EDUCACIÓN VIRTUAL
PROYECTO DE EDUCACIÓN VIRTUALPROYECTO DE EDUCACIÓN VIRTUAL
PROYECTO DE EDUCACIÓN VIRTUAL
 
CUADRO COMPARATIVO DE LOS RECURSOS Y MEDIOS EDUCATIVOS
CUADRO COMPARATIVO DE LOS RECURSOS Y MEDIOS EDUCATIVOSCUADRO COMPARATIVO DE LOS RECURSOS Y MEDIOS EDUCATIVOS
CUADRO COMPARATIVO DE LOS RECURSOS Y MEDIOS EDUCATIVOS
 
Pizarra tradicional y pizarra digital
Pizarra tradicional y pizarra digitalPizarra tradicional y pizarra digital
Pizarra tradicional y pizarra digital
 
Herramientas Tecnologicas y Digitales para el Desarrollo de la Educación
Herramientas Tecnologicas y Digitales para el Desarrollo de la EducaciónHerramientas Tecnologicas y Digitales para el Desarrollo de la Educación
Herramientas Tecnologicas y Digitales para el Desarrollo de la Educación
 
Los medios y materiales educativos. Ventajas y desventajas.
Los medios y materiales educativos. Ventajas y desventajas.Los medios y materiales educativos. Ventajas y desventajas.
Los medios y materiales educativos. Ventajas y desventajas.
 
Definición y clasificación de recursos didacticos
Definición y clasificación de recursos didacticosDefinición y clasificación de recursos didacticos
Definición y clasificación de recursos didacticos
 
"Plan de CapacitacIón en el uso de las Tics"
"Plan de CapacitacIón en el uso de las Tics""Plan de CapacitacIón en el uso de las Tics"
"Plan de CapacitacIón en el uso de las Tics"
 
Diferencia entre técnica e instrumento de evaluación ivvon!
Diferencia entre técnica e instrumento de evaluación  ivvon!Diferencia entre técnica e instrumento de evaluación  ivvon!
Diferencia entre técnica e instrumento de evaluación ivvon!
 
4. Tecnologías de empoderamiento y participación (TEP)
4. Tecnologías de empoderamiento y participación (TEP)4. Tecnologías de empoderamiento y participación (TEP)
4. Tecnologías de empoderamiento y participación (TEP)
 
Infografia del impacto de las tecnologias en la educacion
Infografia del impacto de las tecnologias en la educacionInfografia del impacto de las tecnologias en la educacion
Infografia del impacto de las tecnologias en la educacion
 
Modelo de portafolio para estudiante
Modelo de portafolio para estudianteModelo de portafolio para estudiante
Modelo de portafolio para estudiante
 
Matriz FODA de los Recursos Educativos Abiertos
Matriz FODA de los Recursos Educativos AbiertosMatriz FODA de los Recursos Educativos Abiertos
Matriz FODA de los Recursos Educativos Abiertos
 
Ventajas y desventajas de los medios impresos (2)
Ventajas y desventajas de los medios impresos (2)Ventajas y desventajas de los medios impresos (2)
Ventajas y desventajas de los medios impresos (2)
 
Tipos de Evaluacion: Diagnostica, Formativa y Sumativa
Tipos de Evaluacion: Diagnostica, Formativa y SumativaTipos de Evaluacion: Diagnostica, Formativa y Sumativa
Tipos de Evaluacion: Diagnostica, Formativa y Sumativa
 
Recursos didácticos
Recursos didácticosRecursos didácticos
Recursos didácticos
 

Similar to Presentaciones educativas: fundamentos, técnicas y recursos

Clasificación de Materiales Didácticos
Clasificación de Materiales DidácticosClasificación de Materiales Didácticos
Clasificación de Materiales Didácticosoliviagt
 
Como hacer presentaciones
Como hacer presentacionesComo hacer presentaciones
Como hacer presentacionesNoemiCortes
 
Presentaciones visuales
Presentaciones visuales Presentaciones visuales
Presentaciones visuales sofiazanotti
 
7 pecados capitales del power point
7 pecados capitales del power point7 pecados capitales del power point
7 pecados capitales del power pointahbenavidesh
 
Precentaciones visuales Zanotti - Villegas
Precentaciones visuales Zanotti - Villegas Precentaciones visuales Zanotti - Villegas
Precentaciones visuales Zanotti - Villegas sofiazanotti
 
PRESENTACIONES MULTIMEDIA.
PRESENTACIONES MULTIMEDIA.PRESENTACIONES MULTIMEDIA.
PRESENTACIONES MULTIMEDIA.ge28947486
 
Diseño de diapositivas 2
Diseño de diapositivas 2Diseño de diapositivas 2
Diseño de diapositivas 2olgaroldan
 
Como diseñar una buena presentación educativa
Como diseñar una buena presentación educativaComo diseñar una buena presentación educativa
Como diseñar una buena presentación educativaCUFIE
 
Q tener en cuenta al hacer un power
Q tener en cuenta al hacer un powerQ tener en cuenta al hacer un power
Q tener en cuenta al hacer un powerconectarcorrientes
 

Similar to Presentaciones educativas: fundamentos, técnicas y recursos (20)

Clasificación de Materiales Didácticos
Clasificación de Materiales DidácticosClasificación de Materiales Didácticos
Clasificación de Materiales Didácticos
 
Como hacer presentaciones
Como hacer presentacionesComo hacer presentaciones
Como hacer presentaciones
 
Guiaesporal2012
Guiaesporal2012Guiaesporal2012
Guiaesporal2012
 
Qué es una presentación
Qué es una presentaciónQué es una presentación
Qué es una presentación
 
Presentaciones visuales
Presentaciones visuales Presentaciones visuales
Presentaciones visuales
 
7 pecados capitales del power point
7 pecados capitales del power point7 pecados capitales del power point
7 pecados capitales del power point
 
Los siete pecados capitales del power point
Los siete pecados capitales del power pointLos siete pecados capitales del power point
Los siete pecados capitales del power point
 
Precentaciones visuales Zanotti - Villegas
Precentaciones visuales Zanotti - Villegas Precentaciones visuales Zanotti - Villegas
Precentaciones visuales Zanotti - Villegas
 
Presentaciones visuales
Presentaciones visualesPresentaciones visuales
Presentaciones visuales
 
Estudiante
EstudianteEstudiante
Estudiante
 
Educación y Logopedia
Educación y LogopediaEducación y Logopedia
Educación y Logopedia
 
PRESENTACIONES MULTIMEDIA.
PRESENTACIONES MULTIMEDIA.PRESENTACIONES MULTIMEDIA.
PRESENTACIONES MULTIMEDIA.
 
Tema 5. presentaciones visuales
Tema 5. presentaciones visualesTema 5. presentaciones visuales
Tema 5. presentaciones visuales
 
Diseño de diapositivas 2
Diseño de diapositivas 2Diseño de diapositivas 2
Diseño de diapositivas 2
 
Animacion
AnimacionAnimacion
Animacion
 
Como diseñar una buena presentación educativa
Como diseñar una buena presentación educativaComo diseñar una buena presentación educativa
Como diseñar una buena presentación educativa
 
Los textos escolares
Los textos escolaresLos textos escolares
Los textos escolares
 
Power Point
Power PointPower Point
Power Point
 
Així no es tracta una Presentació
Així no es tracta una PresentacióAixí no es tracta una Presentació
Així no es tracta una Presentació
 
Q tener en cuenta al hacer un power
Q tener en cuenta al hacer un powerQ tener en cuenta al hacer un power
Q tener en cuenta al hacer un power
 

More from Francesc Llorens Cerdà

Ubicuidad en la Tecnología y el Aprendizaje. Una perspectiva Crítica
Ubicuidad en la Tecnología y el Aprendizaje. Una perspectiva CríticaUbicuidad en la Tecnología y el Aprendizaje. Una perspectiva Crítica
Ubicuidad en la Tecnología y el Aprendizaje. Una perspectiva CríticaFrancesc Llorens Cerdà
 
Reptes en l'Alfabetització Digital de Persones Adultes
Reptes en l'Alfabetització Digital de Persones AdultesReptes en l'Alfabetització Digital de Persones Adultes
Reptes en l'Alfabetització Digital de Persones AdultesFrancesc Llorens Cerdà
 
Wordpress para educación: cómo configurar un entorno flexible. Un artículo no...
Wordpress para educación: cómo configurar un entorno flexible. Un artículo no...Wordpress para educación: cómo configurar un entorno flexible. Un artículo no...
Wordpress para educación: cómo configurar un entorno flexible. Un artículo no...Francesc Llorens Cerdà
 
Identification and evaluation of the cousellors function in the UOC's 'Master...
Identification and evaluation of the cousellors function in the UOC's 'Master...Identification and evaluation of the cousellors function in the UOC's 'Master...
Identification and evaluation of the cousellors function in the UOC's 'Master...Francesc Llorens Cerdà
 
La sociedad inútil. Poder, ideología y educación en el estado neoliberal
La sociedad inútil. Poder, ideología y educación en el estado neoliberalLa sociedad inútil. Poder, ideología y educación en el estado neoliberal
La sociedad inútil. Poder, ideología y educación en el estado neoliberalFrancesc Llorens Cerdà
 
Gestión de la identidad digital en centros educativos: estructura, producción...
Gestión de la identidad digital en centros educativos: estructura, producción...Gestión de la identidad digital en centros educativos: estructura, producción...
Gestión de la identidad digital en centros educativos: estructura, producción...Francesc Llorens Cerdà
 
Presentación libro El Bazar de los Locos
Presentación libro El Bazar de los LocosPresentación libro El Bazar de los Locos
Presentación libro El Bazar de los LocosFrancesc Llorens Cerdà
 
EDUCACIÓN, MILENARISMO Y TECNOMARAVILLAS. Crítica de la Razón Tecnológica
EDUCACIÓN, MILENARISMO Y TECNOMARAVILLAS. Crítica de la Razón TecnológicaEDUCACIÓN, MILENARISMO Y TECNOMARAVILLAS. Crítica de la Razón Tecnológica
EDUCACIÓN, MILENARISMO Y TECNOMARAVILLAS. Crítica de la Razón TecnológicaFrancesc Llorens Cerdà
 
La tecnología como "verdad incómoda": Actitudes vs. Mecanismos.
La tecnología como "verdad incómoda": Actitudes vs. Mecanismos.La tecnología como "verdad incómoda": Actitudes vs. Mecanismos.
La tecnología como "verdad incómoda": Actitudes vs. Mecanismos.Francesc Llorens Cerdà
 

More from Francesc Llorens Cerdà (20)

Autotecnología
AutotecnologíaAutotecnología
Autotecnología
 
Pedagogies per al segle XXI
Pedagogies per al segle XXIPedagogies per al segle XXI
Pedagogies per al segle XXI
 
Identidad Digital en centros educativos
Identidad Digital en centros educativosIdentidad Digital en centros educativos
Identidad Digital en centros educativos
 
Ubicuidad en la Tecnología y el Aprendizaje. Una perspectiva Crítica
Ubicuidad en la Tecnología y el Aprendizaje. Una perspectiva CríticaUbicuidad en la Tecnología y el Aprendizaje. Una perspectiva Crítica
Ubicuidad en la Tecnología y el Aprendizaje. Una perspectiva Crítica
 
Reptes en l'Alfabetització Digital de Persones Adultes
Reptes en l'Alfabetització Digital de Persones AdultesReptes en l'Alfabetització Digital de Persones Adultes
Reptes en l'Alfabetització Digital de Persones Adultes
 
Cocina molecular #Novadors
Cocina molecular #NovadorsCocina molecular #Novadors
Cocina molecular #Novadors
 
Wordpress para educación: cómo configurar un entorno flexible. Un artículo no...
Wordpress para educación: cómo configurar un entorno flexible. Un artículo no...Wordpress para educación: cómo configurar un entorno flexible. Un artículo no...
Wordpress para educación: cómo configurar un entorno flexible. Un artículo no...
 
Identification and evaluation of the cousellors function in the UOC's 'Master...
Identification and evaluation of the cousellors function in the UOC's 'Master...Identification and evaluation of the cousellors function in the UOC's 'Master...
Identification and evaluation of the cousellors function in the UOC's 'Master...
 
La sociedad inútil. Poder, ideología y educación en el estado neoliberal
La sociedad inútil. Poder, ideología y educación en el estado neoliberalLa sociedad inútil. Poder, ideología y educación en el estado neoliberal
La sociedad inútil. Poder, ideología y educación en el estado neoliberal
 
Plan de Investigación Doctoral
Plan de Investigación DoctoralPlan de Investigación Doctoral
Plan de Investigación Doctoral
 
Gestión de la identidad digital en centros educativos: estructura, producción...
Gestión de la identidad digital en centros educativos: estructura, producción...Gestión de la identidad digital en centros educativos: estructura, producción...
Gestión de la identidad digital en centros educativos: estructura, producción...
 
The Flipped classroom
The Flipped classroomThe Flipped classroom
The Flipped classroom
 
Presentación libro El Bazar de los Locos
Presentación libro El Bazar de los LocosPresentación libro El Bazar de los Locos
Presentación libro El Bazar de los Locos
 
Novadors OM12 català
Novadors OM12 catalàNovadors OM12 català
Novadors OM12 català
 
Novadors OM12 castellano
Novadors OM12 castellanoNovadors OM12 castellano
Novadors OM12 castellano
 
EDUCACIÓN, MILENARISMO Y TECNOMARAVILLAS. Crítica de la Razón Tecnológica
EDUCACIÓN, MILENARISMO Y TECNOMARAVILLAS. Crítica de la Razón TecnológicaEDUCACIÓN, MILENARISMO Y TECNOMARAVILLAS. Crítica de la Razón Tecnológica
EDUCACIÓN, MILENARISMO Y TECNOMARAVILLAS. Crítica de la Razón Tecnológica
 
Social&cultural time
Social&cultural timeSocial&cultural time
Social&cultural time
 
El making off de El Bazar de los Locos
El making off de El Bazar de los LocosEl making off de El Bazar de los Locos
El making off de El Bazar de los Locos
 
La tecnología como "verdad incómoda": Actitudes vs. Mecanismos.
La tecnología como "verdad incómoda": Actitudes vs. Mecanismos.La tecnología como "verdad incómoda": Actitudes vs. Mecanismos.
La tecnología como "verdad incómoda": Actitudes vs. Mecanismos.
 
El Dualismo en la Filosofía de Platón
El Dualismo en la Filosofía de PlatónEl Dualismo en la Filosofía de Platón
El Dualismo en la Filosofía de Platón
 

Recently uploaded

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxMartín Ramírez
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 

Recently uploaded (20)

Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 

Presentaciones educativas: fundamentos, técnicas y recursos

  • 1. Presentaciones educativas FUNDAMENTOS, TÉCNICAS, RECURSOS Francesc Llorens El diseño de
  • 2. Consideración previa Este tutorial pretende ofrecer recomendaciones sobre la elaboración de presentaciones educativas destinadas a ser proyectadas en el aula. Aún compartiendo los principios básicos, si las presentaciones se orientan a otro tipo de contextos (conferencias, showcases, briefings, marketing, ventas, etc.) puede que tengan otras características.
  • 3. Particularidad de las presentaciones educativas Las presentaciones de aula, además de pensarse como soportes visuales para las explicaciones del profesorado, suelen a veces entregarse a los alumnos, a modo de apuntes. Por lo tanto, podemos comenzar asumiendo que: 1. Una presentación educativa probablemente contendrá más texto que otro tipo de presentaciones. 2. Una presentación educativa está constreñida en cuanto a información, imágenes, gráficas, etc., por los contenidos de la materia que vehicula.
  • 4. Particularidad de las presentaciones educativas Las presentaciones educativas deben adecuar sus estándares de diseño a un entorno físico concreto, que es difícil de determinar a priori. Por ejemplo, un aula de tamaño medio en educación secundaria tiene una capacidad de unos 30 alumnos y unas dimensiones aproximadas de 8 x 8 m. Un aula universitaria tiene un tamaño mucho mayor. El proyector, su potencia, distancia a la pantalla, luminosidad del aula, etc., influyen asimismo en la legibilidad y la calidad de la visualización.
  • 5. Presentaciones con y sin orador • Dado que se apoyan más en la oralidad, es suficiente con que subrayen las ideas principales. • No necesitan explicaciones detalladas de los conceptos, para eso está el profesor. • Permiten dedicar más espacio en las diapositivas a las imágenes, lo que incrementa el impacto. • Parecidas a materiales de estudio: mayor profusión y autonomía. • Requieren detalle explicativo, si los alumnos van a tener que estudiarlas. • Mayor presencia de texto de párrafo. • Más condicionadas por los contenidos curriculares. Las presentaciones educativas pueden concebirse como soportes visuales a una exposición oral, o bien como materiales complementarios de estudio. Ello se corresponde con los conceptos de presentaciones ‘con orador’ y ‘sin orador’. Es frecuente que se den mezclas de ambas, pero es preferible claridad respecto al modelo elegido Presentaciones con orador Presentaciones sin orador (stand-alone)
  • 7. CLARIDAD. Ofrecer los contenidos de forma comprensible y lógicamente ordenada. LEGIBILIDAD. Tanto en el contenido como en el diseño, huyendo de formulaciones y propuestas abstrusas (por ejemplo, la propia palabra ‘abstrusa’ !). SIMPLICIDAD. Preferir diseños sencillos, sin artificios decorativos. CONCRECIÓN. Abordar los temas directamente, sin digresiones. Algunos principios de una buena presentación educativa
  • 9. Porque, ¡atención, axioma! Una presentación es un complemento a una exposición oral, no su sustituto Aún en el caso de las presentaciones ‘sin orador’, lo normal es que los contenidos hayan sido explicados verbalmente en el aula durante las sesiones lectivas
  • 10. Tanto da que sea una aplicación de escritorio, una app o una aplicación online. Aunque las aplicaciones de escritorio suelen ser más completas y cómodas. Para hacer presentaciones solo necesitas UNA cosa… (y… ¡practicar, practicar, practicar!) Una herramienta que haga presentaciones
  • 11. TIPOGRAFÍAS. Conocer fuentes tipográficas y estilos ayudará a la legibilidad de tu presentación. TEORÍA DEL COLOR. Te ayudará a elegir paletas equilibradas que armonicen entre sí y no saturen la vista. COMPOSICIÓN. Distribución de los elementos sobre el plano, para que tus presentaciones no sean un ‘totum revolutum’. FOTOGRAFÍAS Y GRÁFICOS. Poseer nociones sobre el uso de imágenes y gráficos, dará a tus presentaciones un aspecto profesional. MISCELÁNEA Vídeos, animaciones, transiciones, plantillas, elementos de énfasis, etc… Pero, para hacer BUENAS presentaciones, es aconsejable aprender algo sobre… Vamos, pues, a seguir este índice…
  • 12. La tipografía debe ser clara y bella en aras de la comunicación. Beatrice Warde “ TIPOGRAFÍAS
  • 13. 3. CALIGRÁFICAS. Imitan la escritura manual.1. LINEALES (paloseco o sans serif). Son las más legibles. No poseen terminaciones ni adornos. 2. CLÁSICAS (romanas o serif). Asociadas a los textos impresos. Poseen terminaciones llamadas ‘gracias’. 4. DECORATIVAS. Tipografías especialmente diseñadas para titulares o conseguir efectos específicos. Los ‘tipos de letra’ se denominan fuentes. Existen muchas clasificaciones. Las más importantes son… Las fuentes tipográficas
  • 14. 1. LINEALES 2. CLÁSICAS 3. CALIGRÁFICAS 4. DECORATIVAS Recomendadas para TODOS los elementos de texto de una presentación. Particularmente recomendada para el texto de párrafo. Aconsejadas para los elementos de texto de una presentación, aunque deben preferirse las lineales. Si se combinan con lineales, dejar las las clásicas para titulares. Para elementos de texto ocasionales o en presentaciones educativas muy específicas (por ejemplo, la ‘Comic Sans’ podría utilizarse en una presentación para niños, pero nunca para alumnos mayores). No deben utilizarse para texto de párrafo por su poca legibilidad. Solo ocasionalmente para titulares. Se recomienda prescindir de tipografías decorativas exageradas. Uso de las tipografías
  • 15. 1. GROSOR o espesor. El cambio de grosor produce la negrita o ‘bold’. Algunas fuentes (no todas) poseen juegos de media negrita (medium bold), doble negrita (ultra bold o heavy) o, al revés, estilos ultra light. Se utiliza en resaltes y destacados. 2. INCLINACIÓN. La inclinación de la fuente produce la cursiva o itálica. Suele usarse en citas, títulos de libros y artículos o palabras en otros idiomas. 3. CAJA. La caja determina si la fuente es minúscula, MAYÚSCULA, o MAYÚSCULA PEQUEÑA (denominada ‘versalita’). Mayúsculas y versales se usan en títulos, subtítulos y entradillas. 4. TAMAÑO o cuerpo. Una fuente puede ser dimensionada a casi cualquier tamaño, debido a su diseño escalable. Las fuentes escalables se denominan TrueType. 5. ESPACIADO o interletrado. Determina la d i s t a n c i a entre las letras de una fuente. Esta característica la aporta el software informático. Las fuentes tienen variaciones o “estilos”. Los más habituales son la negrita o la cursiva, pero hay otros interesantes. El conjunto de todas los estilos de una fuente es el ‘juego’ o ‘familia’ de dicha fuente Los estilos de una fuente se construyen según su… Los ‘estilos’ de las fuentes
  • 16. En la imagen superior, la fuente ‘Avenir Next’ con todas sus variaciones o estilos. Esta presentación utiliza exclusivamente la fuente ‘Avenir Next’, combinando grosores, tamaños, condensado y colores Lorem ipsum dolor sit amet consectetur adipiscing elit Lorem ipsum dolor sit amet consectetur adipiscing elit Lorem ipsum dolor sit amet consectetur adipiscing elit LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISCING ELIT Lorem ipsum dolor sit amet consectetur adipiscing Lorem ipsum dolor sit amet consectetur adipiscing elit Lorem ipsum dolor sit amet consectetur adipiscing elit • AVENIR NEXT ULTRA LIGHT • AVENIR NEXT NORMAL o REGULAR • AVENIR NEXT ULTRA LIGHT CURSIVA o ITALIC • AVENIR NEXT ULTRA BOLD o HEAVY • AVENIR NEXT CONDENSADA • AVENIR NEXT VERSALITA • AVENIR NEXT ESPACIADA (interletraje alto) Variaciones tipográficas
  • 17. No es fácil combinar fuentes en las presentaciones, pues suele caerse en la tentación de elegir vistosas tipografías que acaban ‘compitiendo’ entre sí por el espacio visual y desviando la atención del mensaje. Aún así, pueden darse recomendaciones basadas en la naturaleza de las fuentes y en la función semántica a la que contribuyen 1. Una presentación debe utilizar el mínimo de tipografías posible. 2. Debe preferirse jugar con los estilos de una única fuente, incluso con el color, antes que utilizar nuevas fuentes. 3. Las tipografías caligráficas y las decorativas deben restringirse, o simplemente descartarse en presentaciones educativas. 4. Si se decide combinar fuentes, una presentación educativa no debería utilizar nunca más de TRES (si DOS, mejor). Ello se basa en la siguiente lógica: una página-tipo de una presentación contendrá en la mayoría de los casos tres elementos: un titular, texto de párrafo y resaltes (entradillas, pies de gráficos, citas, etc.) Combinación de fuentes
  • 18. Guernica. Pablo Picasso. 1937 EL ‘GUERNICA’ DE PICASSO MUCHO MÁS QUE UN CUADRO Ejemplos Guernica. Pablo Picasso. 1937 EL ‘GUERNICA’ DE PICASSO MUCHO MÁS QUE UN CUADRO Guernica, cuadro de Pablo Picasso, pintado entre mayo y junio de 1937, cuyo título alude al bombardeo de Guernica (26 abril 1937) durante la Guerra Civil española. Pintado por encargo del Director General de Bellas Artes, Josep Renau, a petición del Gobierno de la II República, para ser expuesto en el pabellón español durante la Exposición Internacional de 1937 en París. Guernica, cuadro de Pablo Picasso, pintado entre mayo y junio de 1937, cuyo título alude al bombardeo de Guernica (26 abril 1937) durante la Guerra Civil española. Pintado por encargo del Director General de Bellas Artes, Josep Renau, a petición del Gobierno de la II República, para ser expuesto en el pabellón español durante la Exposición Internacional de 1937 en París.
  • 19. Guernica, cuadro de Pablo Picasso, pintado entre mayo y junio de 1937, cuyo título alude al bombardeo de Guernica (26 abril 1937) durante la Guerra Civil española. Pintado por encargo del Director General de Bellas Artes, Josep Renau, a petición del Gobierno de la II República, para ser expuesto en el pabellón español durante la Exposición Internacional de 1937 en París. Guernica. Pablo Picasso. 1937 EL ‘GUERNICA’ DE PICASSO MUCHO MÁS QUE UN CUADRO Ejemplos
  • 21. • CANTIDAD. Minimizar la cantidad de texto de párrafo de las diapositivas te permitirá, además, usar un cuerpo de letra mayor. • DISTRIBUCIÓN. Con frecuencia se indica esta regla, que debe tomarse de modo orientativo: “no más de siete palabras por línea y no más de siete líneas por párrafo”. 1Consejo “Menos es más” En el ámbito de las presentaciones, y en relación con los textos de párrafo, recuerda esta máxima: “Resume el texto todo lo que puedas, y cuando ya no puedas más, elimina lo que sobra”
  • 22. • ALINEACIÓN. En el texto de párrafo evita la alineación a izquierda y derecha (el justificado). Eso es propio del texto escrito. • SEPARACIÓN. Separa los párrafos en un espaciado mayor del que hay entre las líneas de un párrafo. • CUERPO. El texto de párrafo no debe tener un cuerpo inferior a 18 puntos, para su correcta lectura en una proyección en un aula convencional. 2Consejo “Disposición del texto” El texto de párrafo es, en definitiva, el ‘contenido’ de la diapositiva. Es importante respetar ciertos criterios de formato para asegurar su legibilidad
  • 23. • TITULARES. Es una buena idea utilizar formatos grandes que combinen tonalidades para llamar la atención, dándole al texto un carácter ‘gráfico’. • SIMPLIFICA LOS ESTILOS. No apliques estilos diferentes, cursiva, subrayado, negrita, etc., en una misma palabra (y tampoco mezcles demasiados estilos en los párrafos). 3Consejo “Fuentes grandes, estilos simples” Exagerar el tamaño de las fuentes es a veces un buen recurso para llamar la atención
  • 24. • COLORES. Minimiza la cantidad de colores de tus fuentes. Si debes elegir varios colores, escoge un color armónico para cada elemento de texto (titular, párrafo, resaltes) y mantenlo constante durante la presentación. • TONALIDADES. Evita las tonalidades extremas de un color (por ejemplo, evita el negro puro para la fuente, el rojo puro, el verde puro, etc.). El ojo te lo agradecerá. Quédate un par de tonalidades por debajo o por encima del color puro. 4Consejo “El color del texto” Evita las tonalidades extremas (primarias) de un color (por ejemplo, evita el negro puro para la fuente, el rojo puro, el verde puro, etc.). El ojo te lo agradecerá. Quédate un par de tonalidades por debajo o por encima del color puro. Evita las tonalidades extremas (primarias) de un color (por ejemplo, evita el negro puro para la fuente, el rojo puro, el verde puro, etc.). El ojo te lo agradecerá. Quédate un par de tonalidades por debajo o por encima del color puro. Evita las tonalidades extremas (primarias) de un color (por ejemplo, evita el negro puro para la fuente, el rojo puro, el verde puro, etc.). El ojo te lo agradecerá. Quédate un par de tonalidades por debajo o por encima del color puro. Como regla general, no utilices los colores puros para los textos: saturan, vibran con facilidad y no resultan en absoluto profesionales
  • 25. Hay colores que atraen por su gracia y otros que se rechazan con enfado. J. W. Goethe “ COLOR
  • 26. El círculo cromático o ‘rueda del color’ La ‘rueda de color’ es un círculo en el que se distribuyen los colores según se obtienen a partir de la mezcla de los colores primarios. Esta rueda, referente básico de todo trabajo con colores, nos permite entender cómo se forman y su relación, identificando los colores análogos y los complementarios, así como las tonalidades de un mismo color. El color es un elemento fundamental de todo producto gráfico y una presentación lo es. Poseer nociones sobre los colores proporcionará a una presentación un mayor atractivo, equilibrio y coherencia visual
  • 27. Los colores en la informática Todos los colores del círculo cromático se construyen a partir de TRES colores PRIMARIOS, que, en el caso de los colores-luz, son: • Rojo (Red) • Verde (Green) • Azul (Blue) Cada color de la rueda (virtualmente, millones) se obtiene combinando en diferente proporción los tres colores primarios. Los programas de presentaciones permiten tal combinación, y también traen ya prefiguradas paletas de colores para facilitar su aplicación. Una presentación es un producto informático construido en una pantalla que no es sino LUZ, por lo que nos limitaremos a los colores obtenidos sobre este medio
  • 28. El modelo clásico de representación de los colores en informática es el modelo RGB. Existen otros modelos (CYMK, HSL, Hexadecimal, etc.) de los que no nos ocuparemos El modelo RGB En el modelo RGB, cada color individual se formula como una secuencia numérica formada, en este orden, por los valores de Rojo-Verde-Azul (Red-Green-Blue). Dichos valores oscilan entre 0 y 255, donde 0 es la ausencia del color y 255 es el color puro (o de máxima luminosidad). El rojo puro, por ejemplo, se expresaría como: RGB (255,0,0) Es decir: máximo valor (255) para el primer parámetro (que corresponde precisamente a Red), y valor nulo (0) para el segundo parámetro (Green) y el tercero (Blue).
  • 29. Colores primarios y secundarios • Rojo (Red) à RGB (255,0,0) • Verde (Green) à RGB (0,255,0) • Azul (Blue) à RGB (0,0,255) R G B Y CM W • Cian (Cyan) à RGB (0,127,127) • Amarillo (Yellow) à RGB (127,127,0) • Magenta (Magenta) à RGB (127,0,127) COLORES PRIMARIOS COLORES SECUNDARIOS. Se obtienen mezclando los primarios en igual proporción. Por ejemplo, el Cian es una mezcla a partes iguales de Green y Blue (127, la mitad de 255), sin nada (0) de Red. BLANCO Y NEGRO. En RGB, el color blanco (White) resulta de la adición de los tres primarios en su cantidad máxima (255), y el negro (Black) en su cantidad mínima (0). • Blanco (White) à RGB (255,255,255) • Negro (Black) à RGB (0,0,0)
  • 30. Colores terciarios La mezcla de un color primario y un secundario vecinos da lugar, entre ellos, a un color TERCIARIO o intermedio. Por ejemplo, la mezcla de Rojo y Amarillo da lugar al color terciario Naranja. • Naranja à RGB (255,127,0) • Amarillo verdoso à RGB (127,255,0) • Verde primavera à RGB (0,255,127) • Azul mar à RGB (0,127,255) • Violeta à RGB (127,0,127) • Rosado à RGB (255,0,127) COLORES TERCIARIOS Rojo Azul Cian Magenta Rosado Verde primavera Azul mar Violeta Naranja Verde Amarillo Amarillo Verdoso
  • 31. Paletas de colores en el software informático Constructor RGB Paletas predefinidas Selector de color infinito La mayoría de programas de presentaciones, sobre todo los de escritorio, disponen de variadas maneras de formulación y selección de colores (en diversos formatos, no solo en RGB). Asimismo, como se observa en la zona inferior de las imágenes, permiten guardar paletas personalizadas, lo que hace sumamente cómoda la aplicación de colores en una presentación.
  • 32. Diferentes aproximaciones al color Repasada la teoría del color RGB, es interesante ahora conocer los colores tanto por sus características cromáticas, como por los efectos psicológicos sobre el espectador Al observar la rueda cromática, pueden apreciarse varias cosas interesantes: 1. Los colores vecinos forman gradaciones armónicas. Se denominan colores análogos o armónicos. 2. Los colores enfrentados entre sí en la rueda son colores complementarios. 3. Si dividimos la rueda por un eje (línea negra en la imagen) esta queda separada en colores cálidos y fríos. Esta división es psicológica, aunque tiene su fundamento en la naturaleza de la luz.
  • 33. Analogía, complementariedad y valor tonal Los colores análogos producen gamas armónicas y equilibradas. El uso de colores análogos en una presentación favorece su consistencia cromática. Los colores complementarios producen contraste, fundamental, por ejemplo, para la legibilidad de un texto. Pero, ojo, el contraste puede resultar incómodo, al producir efectos de vibración. Si se mira la rueda en dirección centrípeta se observa que un color presenta diferente claridad u oscuridad. Son los valores tonales del color. Utilizar los valores tonales es un estupendo recurso en las presentaciones. COMPLEMENTARIOS ANÁLOGOS TONALIDAD COLORES ANÁLOGOS COLORES COMPLEMENTARIOS TONALIDADES
  • 34. Los valores tonales del color La comprensión de los valores tonales de un color es muy importante. Muchas plantillas de presentaciones constan de paletas cromáticas (o ‘esquemas de color’) construidas a partir de variaciones tonales de un solo color COLORES PUROS SOMBRAS TINTAS TONOS Mezclado con blanco Mezclado con negro Mezclado con gris Producen paletas brillantes y muy contrastadas, no siempre aconsejables. Aclaran el color, producen paletas de tonos ‘pastel’, sugieren armonía, relajación, paz, suavidad. Oscurecen el color. Sugieren profundidad, seriedad, orden, intensidad, seguridad. Apagan el color. Sugieren naturaleza, confianza, elegancia, crecimiento, descanso.
  • 35. Algunas paletas especiales El juego con los valores tonales de los colores da lugar a paletas cromáticas particulares.Algunas de ellas han llegado a constituir por sí mismas estándares de diseño: es el caso de los colores ‘pastel’ o los colores ‘tierra’ RGB(208,193,136) COLORES PUROS COLORES ‘PASTEL’ COLORES ‘TIERRA’ PALETAS MONOCROMÁTICAS Paleta en su máxima luminosidad, sean primarios, secundarios o terciarios. No se recomiendan. No siempre combinan bien entre sí. Resultantes de aclarar los tonos puros (mezcla de blanco). Usados con frecuencia en presentaciones infantiles. Mezclas con negro o gris. Basados en los tonos de la naturaleza: marrones, verdes, violáceos, naranjas, ciertos azules…. Sugieren seriedad y clasicismo. Resultantes de alterar el valor tonar de un solo color. Contra lo que pudiera pensarse, son MUY interesantes para las presentaciones, pues les confieren armonía y modernidad.
  • 36. Psicología del color: colores cálidos y fríos Tienden a ‘salirse’ de la pantalla. Se expanden, buscan al espectador. En conjunto, transmiten energía, fuerza, dinamismo, juventud, actividad. Una aproximación clásica a los colores es la que los clasifica, según su ‘temperatura’, en cálidos, cuya gama va del amarillo verdoso al rojo y fríos, del violeta rojizo al verde (aunque esto no es matemático) COLORES CÁLIDOS COLORES FRÍOS Se retraen, apaciguan. En conjunto sugieren tranquilidad, estatismo, relax, madurez, confianza, respeto, paz. COLORES CÁLIDOS COLORES FRÍOS
  • 37. Efectos psicológicos de los colores Calma,confianza,descanso Frescura, prestigio, tranquilidad, naturaleza Emoción, estimulación, llamar la atención Felicidad, entusiasmo, atracción, éxito Energía, poder, pasión, amor Espiritual,realeza,ceremonial Formal, elegancia,misterio, sexy, profundo Pureza, paz, inocencia, simplicidad, formalismo
  • 38. Marcas comerciales: el color dominante El efecto psicológico de los colores, es aprovechado en el mundo del diseño y la empresa. El diseño de presentaciones se beneficia del conocimiento desarrollado en este campo. Las marcas construyen su ‘identidad’ a partir de un color que ‘evoca’ en el público el efecto psicológico deseado.
  • 39. Marcas comerciales: las paletas cromáticas https://brandcolors.net/ A partir del color dominante, las marcas comerciales eligen estudiadamente las paletas de color para su identidad corporativa y sus productos. En una presentación educativa también es fundamental una buena elección de la paleta de colores, para ayudar a que el mensaje llegue con eficacia a los estudiantes. Esta página contiene un abundante catálogo de paletas de marcas comerciales. Fíjate cuántas de ellas constan solo de uno o dos colores y sus variaciones tonales.
  • 41. Utiliza el mínimo número de colores posible en tu presentación. Una paleta con dos o máximo tres colores está bien. A ella pueden añadirse el blanco y/o el negro, preferiblemente evitando su forma más pura (negro puro o blanco puro). “Minimiza tu paleta” 1Consejo
  • 42. Que dispongas de una gama prácticamente infinita de colores no significa que tengas que utilizarlos todos y en todo momento. Aunque todos los elementos de una diapositivas pueden ser coloreados, no por ello estás obligado a hacerlo. Recuerda que, como en el caso de las tipografías, menos es más. “No ‘colorees’ las diapositivas” 2Consejo
  • 43. A menos que busques específicamente ese efecto, procura no usar los colores en su máxima luminosidad. Muévete un par o tres de tonos a la izquierda o a la derecha de la rueda cromática o modifica el valor tonal del color. Los colores puros recuerdan a las paletas antiguas, cuando los monitores no podían mostrar más de 16 colores; además, vibran con facilidad y agotan la vista del espectador. “Evita los colores puros” 3Consejo
  • 44. Valora la posibilidad de usar paletas monocromáticas, esto es, variaciones tonales de un mismo color. Recuerda cuántas marcas comerciales eligen este tipo de paletas. Con paletas monocromáticas se consiguen presentaciones armónicas, relajantes y modernas. “Paletas monocromáticas” 4Consejo
  • 45. Evitar los colores puros no significa renunciar a la fuerza cromática de tus presentaciones. Al contrario, con colores aumentados de tono se consigue un efecto considerable de dinamismo e impacto visual. “Dinamismo: colores intensos” 5Consejo
  • 46. No es mala práctica tratar de usar colores que ‘casen’ con el contenido y el público de la presentación. Por ejemplo, en presentaciones infantiles pueden preferirse colores suaves. En presentaciones sobre ciencias de la naturaleza quizá busquemos tonalidades azul profundo y tierras. “Adecúa la paleta al contenido” 6Consejo
  • 47. Los colores complementarios y cercanos a ellos contrastan entre sí. El contraste es necesario en el caso de la relación de los textos con su fondo, pero hay que extremar la precaución con las combinaciones de colores que producen vibración y mareo. Tales combinaciones de color deben ser evitadas a toda costa. “Cuidado con el contraste” A A A A A A A A A A A A A A A A 7Consejo
  • 48. La alternativa al buen diseño es el mal diseño. No existe el no-diseño. Adam Judge “ COMPOSICIÓN
  • 49. Qué es la composición La composición comprende el conjunto de reglas de ordenación del espacio visual. Muchos de los conceptos de la composición son psicológicos. La composición incluye técnicas de encuadre, proporciones, escalas y tamaños. La composición es la combinación de los diferentes elementos de que consta una diapositiva en aras de la eficacia comunicativa, estética y emocional La regla principal de una buena composición: ¡Que pase desapercibida para el espectador!
  • 50. El encuadre Aún cuando no hablemos de fotografía sino de presentaciones, el encuadre sigue subyaciendo. Pues, por motivos estéticos o psicológicos, podemos decidir que los elementos de la presentación entren, salgan, se escoren, se corten entre sí, se superpongan, etc. Una buena composición comienza por un encuadre adecuado. El encuadre es el ‘plano’ visual: el espacio, en definitiva, que capta una cámara
  • 51. Límites de seguridad A semejanza de lo que sucede con las páginas de un libro, es importante que las diapositivas dejen en sus bordes un ’espacio de seguridad’. El contenido legible debe situarse dentro de dicho espacio. Ello es aconsejable por razones técnicas, que dependen del proyector y de la pantalla o zona de proyección. Líneas de seguridad Aún cuando no hablemos de fotografía sino de presentaciones, el encuadre sigue subyaciendo. Pues, por motivos estéticos o psicológicos, podemos decidir que los elementos de la presentación entren, salgan, se escoren, se corten, se superpongan, etc. Aún cuando no hablemos de fotografía sino de presentaciones, el encuadre sigue subyaciendo. Pues, por motivos estéticos o psicológicos, podemos decidir que los elementos de la presentación entren, salgan, se escoren, se corten, se superpongan, etc.
  • 52. Los puntos A, B, C y D serían, de acuerdo con la regla de los tercios, aquellos en los que el ojo fija principalmente su atención. Sin embargo, ten en cuenta que hablamos de fenómenos psicológicos, no de verdades matemáticas. Es una de las reglas básicas, si no la más básica, de la composición: si dividimos el encuadre en tres partes iguales, tanto en sentido horizontal como vertical, las intersecciones de las líneas son los puntos de mayor atracción visual A B C D La regla de los tercios
  • 53. Por tanto, antes que puntos, debemos considerar áreas: • Los elementos situados a lo largo de los ejes (cualquiera que sea la orientación) se perciben como más importantes. • Igual sucede con los elementos situados en los rectángulos, sobre todo en los centrales. • Las esquinas y zonas próximas a los bordes ejercen menor atracción. Atención: la regla de los tercios NO ASIGNA por sí misma la importancia a los elementos de la presentación. Solo los ordena y organiza, equilibrándola.Aspectos como el color, la luz, el tamaño, la tipografía, los recursos de énfasis, etc., son en realidad los decisivos La regla de los tercios
  • 54. La regla de los tercios Esta regla ha servido históricamente a los pintores para organizar los elementos principales de sus obras, particularmente en temas figurativos y paisajísticos. En fotografía es muy utilizada.
  • 55. La lectura del espacio en “Z” Por razones culturales, el ojo occidental tiende a leer las imágenes de izquierda a derecha y de arriba abajo, siguiendo aproximadamente la trayectoria de la letra “Z”. Ello puede darnos una orientación compositiva, aunque, de nuevo, se trata de un fenómeno psicológico, no de una verdad matemática.
  • 56. Líneas de tensión • Las líneas verticales expresan fuerza, equilibrio y orden. • Las líneas horizontales calma, tranquilidad, estatismo y descanso. • Las diagonales dan la sensación de dinamismo. • Las líneas sinuosas dan sensación de movimiento y trayectoria. • Las líneas circulares (los círculos) expresan centralidad, acierto, conclusión, centran la atención. Los elementos de una diapositiva pueden disponerse siguiendo variadas trayectorias: vertical, horizontal, diagonal, en sentido curvilíneo… Ello determina la ‘tensión’ psicológica de la diapositiva LÍNEAS RECTAS LÍNEAS CURVAS
  • 57. Tipos de composición • Pueden ser simétricas, desiguales o centradas, de acuerdo con la regla de los tercios. De acuerdo con la orientación (diapositiva anterior) en las composiciones prevalecerá la verticalidad, la horizontalidad, etc.Aunque pueden combinarse composiciones, normalmente habrá una que predomine VERTICALES HORIZONTALES • Pueden ser simétricas, desiguales o centradas, de acuerdo con la regla de los tercios. DIAGONALES • Creando trayectorias visuales rectas o curvas. Simetría Desigualdad Centralidad
  • 58. La composición en la práctica Horizontalidad Verticalidad Inclinación Combinación
  • 60. “Equilibra la composición” 1 Procura que tus elementos respondan a un esquema compositivo claro, alinéalos, iguala distancias entre elementos comunes. No dispongas los elementos sin juicio alguno, dejándote llevar por los ‘huecos’ que queden en la diapositiva. Composición combinada, con texto titular horizontal, columnas verticales equidistantes y elementos de énfasis que tienden a ‘entrar’ y ‘salir’ de la diapositiva Recuerda: ¡Tú controlas el espacio. El espacio no te controla a ti! Consejo
  • 61. “La regla de los tercios” Como hemos visto, la regla de los tercios proporciona una buena base compositiva a la hora de diseñar diapositivas. Experimenta con ella y aplícala en tus presentaciones. ¡Ganarán en armonía! Composición que combina una imagen y una caja de texto utilizando dos de los ejes de la regla de los tercios 2Consejo
  • 62. “Combina composiciones” Nada impide combinar diferentes tipos de composición en una presentación. De hecho, es habitual hacerlo, ya que los contenidos suelen obligarnos a variar el diseño de las diapositivas. A medida que adquieras práctica verás que incluso pueden coexistir composiciones diferentes en armonía en la misma página. Composiciones horizontal y vertical en una misma plantilla de presentación 3Consejo Composiciones horizontal y vertical en una misma plantilla de presentación
  • 63. “Deja respirar“ La legibilidad, la claridad formal y también la elegancia de una presentación dependen en buena medida de que los elementos de una página no sean excesivos en número y ‘respiren’, esto es, que dejen espacios vacíos, entre ellos y con respecto al los bordes de la página. Minimiza el número de elementos por diapositiva y deja espacios vacíos entre ellos 4Consejo
  • 64. “Utiliza resaltes” Cuando desees llamar la atención sobre zonas de la presentación de menor atracción visual (normalmente, los bordes de la diapositiva) puedes utilizar resaltes (cajas de texto, iconos, formas, etc., con colores de contraste). 8 Deben utilizarse recursos de énfasis si se desea llamar la atención sobre zonas de poco atractivo visual 5Consejo
  • 65. “Las imágenes pueden ser elementos compositivos” Al usar imágenes (sobre todo a pantalla completa) como núcleos de una diapositiva, ten en cuenta que estas poseen su propia composición y encuadre. Que los elementos añadidos no ‘desafinen’ con la composición de la imagen. 6Consejo
  • 66. Lo más importante no es la cámara, sino el ojo. Alfred Eisenstaedt “ IMÁGENES Y GRÁFICOS
  • 67. Elementos gráficos en las presentaciones No hay nada más soporífero e insulso que una presentación de texto plano, sin elementos gráficos. Dichos elementos no son mera decoración. Cumplen funciones comunicativas esenciales • Como elementos centrales • Como elementos de énfasis • Como fondos FOTOGRAFÍAS GRÁFICOS • Gráficas de datos • Mapas • Diagramas • Infografías VECTORES • Iconos • Dibujos e Ilustraciones Podemos distinguir varios tipos… Fotografías Gráficas de datos Vectores
  • 68. Uso de fotografías en presentaciones Las fotografías son los elementos gráficos de mayor impacto visual en las presentaciones. Es fundamental escogerlas bien. Para ello, procura respetar los tres criterios siguientes… PERTINENCIA CALIDAD PROPORCIÓN Sé cuidadoso al elegir las imágenes: deben estar relacionadas con el tema de la diapositiva. O deben evocar emocionalmente lo que se está comunicando. Las imágenes deben ser de la mayor calidad posible. Nada de imágenes pixeladas. Existen multitud de bancos de imágenes gratuitas en internet. No estires ni deformes las imágenes. Deben guardar su proporción original, para resultar naturales.
  • 69. Las fotografías como elementos centrales Las fotografías son elementos centrales cuando el tema de la diapositiva recae sobre ellas. Un ejemplo típico es una pintura en una clase de historia del arte o una parte del cuerpo humano en una de anatomía. Es obvio que en este caso la imagen debe ser el núcleo de la diapositiva y respetarse en su forma original.
  • 70. Así pues, deben mantenerse los criterios de pertinencia, calidad y proporción mencionados, así como buscar una composición que equilibre el peso de la imagen con el mensaje transmitido. Aún cuando solo sean elementos accesorios al mensaje principal, las fotografías siguen teniendo gran efecto sobre el impacto final de la diapositiva. Las fotografías como elementos de énfasis
  • 71. Las fotografías como fondo de diapositivas 1 2 3 4 1 2 3 4 Sobre la fotografía original, sin retoque. Sobre la fotografía convertida a monocromática. Sobre la fotografía con transparencia aplicada. Sobre una textura o imagen abstracta. Ideas para usar las fotografías como fondo (a veces será conveniente situar el texto dentro de cajas de color)
  • 72. Más sobre los fondos de una presentación Propios de algunas plantillas predefinidas: cansan y saturan. Además, limitan el espacio disponible para el contenido. Resérvalos para páginas de inicio, fin o cambio de bloque temático. Un error común en el diseño de presentaciones es la elección de fondos ‘decorativos’ para las diapositivas. En particular, los procedentes de plantillas y los degradados Fondos degradadosFondos con elementos repetitivos o decorativos Como regla general, evita usarlos a menos que busques algún efecto particular. Los elementos de la composición pueden no armonizar con los tonos del degradado.
  • 73. Consejos adicionales sobre las fotografías 1. No alteres la forma y proporción de las fotografías. 2. Evita el recuadrado exagerado. 3. No difumines sus bordes. 4. No abuses de los efectos, en particular de reflejos y escorzos. 5. Utiliza sombras suaves para destacarlas. 6. Si usas máscaras, no apliques formas extrañas. Trata de respetar estas reglas en el uso de fotografías
  • 74. Gráficas, mapas y diagramas Una presentación no vive solo de fotografías. Por el contrario, en muchas materias es fundamental mostrar la información en forma de gráficas, mapas, planos o diagramas de todo tipo. En estos casos, la claridad y la nitidez son la clave, pues el mensaje no es la gráfica o el diagrama en sí, por bonitos que sean, sino los datos vehiculados. Idea Concepto Relación Amplitud Expansión MapasGráficas Diagramas
  • 75. Las gráficas y las hojas de cálculo Las gráficas son representaciones visuales de datos, casi siempre numéricos. A veces estos datos proceden de hojas de cálculo. No debemos presentar los datos en el formato de la hoja de cálculo, es decir, en celdas y columnas. Debemos agrupar la información y destacar lo importante. No presentes datos en forma de hoja de cálculo… …incluso si adjuntas el gráfico en la misma hoja
  • 76. La cantidad de diseños de gráficas que permiten los programas de presentaciones es abrumadora. Pero puede resultar contraproducente, pues induce a utilizar vistosos formatos 3D, con leyendas, ejes, fondos, tablas de datos adyacentes, etc., dificultando al final la comprensión de lo realmente importante: los datos presentados. ¿…tiene sentido mostrar estas gráficas en una presentación? Muy vistosas, pero… Las gráficas… mejor cuanto más simples
  • 77. Salvo que se trate de muy pocos conjuntos de datos y nítidamente diferenciados, no utilices las gráficas en 3D, ni muestres junto a ellas la tabla de datos Observa que, aún con pocos conjuntos de datos, la perspectiva oblicua, la tridimensionalidad en las gráficas y en los valores numéricos no juega a favor de la claridad. ¡Las gráficas parecen haber sido elegidas por motivos estéticos antes que comunicativos! Las gráficas… mejor cuanto más simples
  • 78. En la mayoría de los casos, las gráficas bidimensionales son la mejor opción. Además, es aconsejable destacar los datos importantes. Las gráficas… mejor cuanto más simples
  • 79. Las gráficas… mejor cuanto más simples
  • 80. Dada la variedad existente y el hecho de que en muchas materias académicas son un contenido educativo, es difícil establecer un criterio único. La dificultad es mayor porque los mapas suelen presentar mucha información en tamaño muy pequeño. Debe examinarse, pues, con cuidado cada caso particular. Aún así, establezcamos los siguientes consejos… ¿SON NECESARIOS? LIMPIEZA ZOOM Párate a pensar si el mapa es realmente necesario en tu presentación o si te es posible sustituirlo por otro tipo de recurso. Reduce los elementos a mostrar, minimiza las áreas y líneas necesarias para la comprensión del concepto. Incluye leyendas que lo destaquen. Divide el mapa en partes y amplía las zonas sobre las que se necesite atención. Complementa y resalta con títulos y leyendas, si es necesario. Mapas y planos en diapositivas
  • 81. ¿Es una buena idea? Mapas y planos en diapositivas
  • 82. Mapa limpio ¿Algo mejor? Efecto zoom Título Agrícolas Tecnológicas Industriales Leyendas claras
  • 85. ¿Es una buena idea? Planos urbanos
  • 86. Los elementos centrales destacados aparte Mapa con el mínimo número de elementos ¿Mejor?
  • 87. Diagramas, ¿qué son? Los diagramas son formatos gráficos que representan procesos, relaciones, secuencias, ciclos, jerarquías, etc. Algunos programas permiten crear con extrema facilidad diagramas, pues traen formas predefinidas a propósito. Los mapas conceptuales, tan habituales en educación, son ejemplos de diagramas.
  • 88. Diagramas: normas básicas 1. Define bien el conjunto de conceptos relacionados. 2. Identifica el tipo de relación entre ellos: temporal, espacial, jerárquica, etc. 3. Sé concreto: no recargues el diagrama con elementos secundarios. 4. Elige un diseño simple y claro: formas planas, gamas cromáticas para los componentes y contraste para el texto. Para crear diagramas directos e impactantes… Lorem ipsum Lorem ipsumLorem ipsum Lorem ipsum dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit
  • 89. Algunos ejemplos de diagramas Radial Ciclo Jerarquía horizontal Proceso continuo Proceso direccional Relación
  • 90. Una infografía es un tipo especial de diagrama que combina imágenes digitales y textos de ciertas características: • Las imágenes infográficas son síntesis informativas. • Los textos solo resaltan y/o amplían con brevedad lo esencial. Aunque costosas de preparar, el uso de infografías puede enriquecer mucho el contenido de tus presentaciones Infografías
  • 91. También presentaciones completas En los últimos años se ha extendido el término ‘infografía’ a un formato gráfico sintético, que expone la información de manera secuencial y casi siempre vertical. Puede considerarse el uso de este tipo de formato para exponer o entregar temáticas puntuales no excesivamente largas.
  • 92. Vectores: iconos, dibujos, ilustraciones Los vectores, o ‘imágenes vectoriales’, son imágenes escalables, es decir, que (por la manera en que han sido creadas) pueden ampliarse o reducirse sin perder resolución. Muchos iconos, así como dibujos e ilustraciones, han sido diseñados en formato vectorial. Los vectores suelen poseer fondos transparentes, lo que los integra perfectamente en las diapositivas, sea cual sea el color o textura del fondo de estas
  • 93. Iconos Tendemos a asociarlos a imágenes planas, pero hay también estupendos iconos en 3D. ¡Y escalables! Los iconos son símbolos gráficos que representan multitud de contextos: secciones, temáticas, redes sociales, acciones de los usuarios, etc.
  • 94. Iconos El uso moderado de iconos es aconsejable, pues: • Prestan dinamismo a la presentación. • Ordenan sus secciones. • Dirigen visualmente la atención. Su uso abusivo, sin embargo, contrarrestará rápidamente sus efectos. Los iconos nos resultan tan naturales que pasan desapercibidos. Sin embargo, cuando están ausentes las presentaciones parecen ‘frías’
  • 95. Dibujos e ilustraciones Los vectores poseen un valor didáctico incalculable para las presentaciones, superior en ocasiones a las fotografías El formato vectorial es idóneo para la creación de ilustraciones y dibujos cuyo realismo los hace muy adecuados para las presentaciones educativas. Podemos encontrar dibujos vectoriales de casi cualquier tema y con un admirable nivel de precisión.
  • 96. Como idea, puedes utilizar dibujos vectoriales para crear tus propias infografías Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit dolor sit amet consectetur adipiscing elit Lorem ipsum Lorem ipsum Lorem ipsum Los dibujos e ilustraciones, si son buenos, poseen una claridad formal que no siempre obtendremos con las fotografías. Dibujos e ilustraciones
  • 97. A partir de imágenes podemos crear diagramas e infografías, combinándolas con elementos que indiquen relación, jerarquía, proceso, ciclo, etc… Dibujos e ilustraciones
  • 99. “Elige muy bien cada imagen” Consejo 1 Vale la pena invertir tiempo buscando la imagen adecuada, por su significado o por su valor evocativo. No te conformes con imágenes cuya relación con el contenido sea vaga, o con fotografías meramente decorativas. Adecuación temática, metáfora clara o evocación emocional son los criterios para elegir buenas imágenes en tus presentaciones
  • 100. “No ‘dejes caer’ las imágenes” Colocar las imágenes porque sí, en cualquier lugar de la página, en los huecos que deja el texto, etc., no es una buena idea. Piensa en términos de composición, énfasis e impacto. Usa sombras suaves, máscaras u otros recursos para un mayor efecto de tus fotografías. Las imágenes se han dispuesto de forma irregular, sí, pero manteniendo una composición armónica. Se ha usado una máscara circular Consejo 2
  • 101. “Destaca un solo elemento” No hay razón para no combinar en una diapositiva imágenes, iconos, ilustraciones, formas decorativas, etc. Sin embargo, recuerda que, por el bien de la claridad, un elemento gráfico ha de ser el predominante. Procura que tus diapositivas se centren en un único concepto. Si este ha de expresarse a través de una imagen o gráfico, haz que este predomine sobre todo lo demás Consejo 3
  • 102. “Datos, mejor solos que mal acompañados” No olvides que el objetivo de las gráficas son los datos que presentan. No es buena idea poner en la diapositiva elementos que ‘compitan’ visualmente con ellas. Si las combinas con fotografías, que estas guarden discreción. Elige gráficas planas y muestra solo la información esencial. Cuando se usan gráficos es porque se quiere mostrar información. Lo importante, pues, es que la atención se centre en ella Consejo 4
  • 103. “Infografías y diagramas: ¡sí!” Las infografías, como hemos visto, son recursos visuales potentísimos y combinan información gráfica y textual de manera efectiva. Incluye, si la materia lo permite, una o varias infografías y/o diagramas en tu presentación, siempre a partir de vectores de calidad. Se trata de recursos gráficos muy expresivos, que confieren a las presentaciones un plus de calidad y modernidad Consejo 5
  • 104. “¿Presentaciones sin fotografías?” Dada la calidad de los vectores y los bancos de datos gratuitos que existen, no debes descartar crear presentaciones solo con gráficos vectoriales. Bien elegidos y combinados con formas y esquemas de color adecuados, no tienen por qué desmerecer a las fotografías. Presentaciones con dibujos vectoriales y colores vivos son muy atractivas y sugieren juventud y fuerza. Consejo 6
  • 105. El estilo es un modo de decir quién eres sin la necesidad de hablar. Rachel Zoe “ MISCELÁNEA
  • 106. Vídeo en presentaciones La inserción de vídeos en presentaciones puede acarrear problemas en la práctica por razones de formato o de códecs El vídeo es un recurso didáctico muy importante. Tanto que tiene entidad propia y hay que preguntarse, como en el caso de los mapas, si realmente es necesario reproducirlo desde dentro de una presentación.
  • 107. Vídeo en presentaciones Si en medio de una presentación deseas ejecutar un vídeo, tal vez lo mejor sea crear un enlace al vídeo almacenado en la red y/o un botón No hay nada más frustrante que ese momento en que, al tratar de reproducir ante la audiencia el vídeo que en tu ordenador se ejecutaba perfectamente, se produce un error fatal que imposibilita la visualización y rompe la dinámica de la presentación. En todo caso, si insistes en la ejecución de vídeo en presentaciones, asegúrate de que el vídeo (¡y el audio!) se reproduce en el ordenador que ejecuta la presentación. Créalo o conviértelo a un formato compatible (mp4, por ejemplo) y haz pruebas primero.
  • 108. Elementos de énfasis: formas, bullets,… Se distinguen de los iconos en que estos elementos no tienen significado denotativo propio, sino por el contenido del que son portadores o al que señalan. La moderación en su uso es, también aquí, la mejor recomendación. Estos elementos gráficos son muy útiles a la hora de destacar ideas, conclusiones, crear listas, etc.
  • 109. Efectos de énfasis: animaciones Las animaciones constituyen valiosos recursos si se diseñan cuidadosamente y las utilizas de forma moderada Algunos programas de presentaciones permiten animar los objetos de la pantalla: imágenes, textos, gráficas, creando efectos, cambiando su color, haciéndolos crecer o menguar, aparecer o desaparecer... Pero crear animaciones eficaces y, sobre todo, oportunas, no es fácil. En este caso, el conocimiento y la comprensión de la herramienta son fundamentales para obtener un resultado satisfactorio. Este vídeo muestra una animación infográfica
  • 110. Efectos de énfasis: transiciones En el mundo de las presentaciones se llama transiciones, o cortinillas, a los efectos digitales que se producen al pasar de una diapositiva a otra. Por defecto, los programas no crean transiciones entre las diapositivas. El diseñador debe decidir si quiere usarlas, cuándo hacerlo y qué transiciones elegir.
  • 111. Efectos de énfasis: transiciones Pero ¡atención! Precisamente por su facilidad de uso y su vistosidad es muy fácil dejarse llevar por el efectismo, creyendo que la presentación será más profesional si usa más transiciones. ¡Esto es un error! Solo se han de utilizar transiciones cuando esté justificado (inicio, final, cambio de bloque temático…) Si introduces muchas y sofisticadas transiciones, el público tenderá a ‘esperar’ continuamente nuevos efectos ante el cambio de diapositiva, perdiendo entonces el contenido su foco. Se recomienda usar transiciones discretas y lo más neutras posible: el efecto de disolución es el más adecuado
  • 112. Desplazarte por la presentación Normalmente, las presentaciones se ejecutan de manera lineal, de principio a fin, con el teclado o un mando a distancia. Pero algunos programas, no todos, permiten crear botones (o usar iconos) para desplazarse por la presentación de manera no lineal. En algunos casos está función puede resultar de gran ayuda. Los botones (en las aplicaciones que los soportan) permiten también ejecutar comandos, abrir otras presentaciones, hipervínculos, etc. A la nº 3 A la primera diapositiva A la última diapositiva A la diapositiva nº 3
  • 113. La pregunta del millón SíyNo Si has llegado hasta aquí con vida posiblemente te carcoma una pregunta: quizá necesite todo lo explicado, pero… ? ¿..seguro que no existe alguna manera de crear presentaciones que gestione automáticamente las tipografías, paletas de colores, fondos, iconos etc.? Pues…
  • 114. ¡Cómo? Sí…existen, se llaman, plantillas (o temas) y las usa todo el mundo. Y ese es, precisamente, el problema (uno de ellos), que las usa todo el mundo, por lo que… Pues que… No…te las aconsejo (si de verdad quieres aprender) !
  • 115. Plantillas de presentaciones Las plantillas (o temas) son modelos prefabricados de diapositivas, con composiciones y elementos varios, que comparten entre sí características de diseño: tipografía, paleta de colores, fondos, a veces formas editables, iconos, etc. No puede negarse la versatilidad de las plantillas. Se aplican con un solo clic y el aspecto de todas la diapositivas cambia, adaptándose a la nueva plantilla. Además, las plantillas permiten editar sus componentes en la llamada diapositiva maestra.
  • 116. Plantillas temáticas Además, algunas aplicaciones traen plantillas temáticas, esto es, adaptadas a diferentes contextos expositivos, también educativos: trabajos, reseñas, comentarios, proyectos, etc.
  • 117. Plantillas infográficas Particularmente interesantes son las plantillas infográficas (normalmente formas editables, es decir, similares a diagramas) pues facilitan la creación de infografías atractivas, perfectas para presentar resúmenes informativos.
  • 118. Entonces, ¿cuál es el problema? En realidad, son más de uno: 1. Si comienzas tu aprendizaje con plantillas desconocerás los fundamentos de lo que estás haciendo. 2. Las plantillas pueden acabar decidiendo por ti (‘imponiéndote’) la manera de presentar la información. 3. Si usas las plantillas habituales de los programas más conocidos, tu presentación pronto será una más de las miles que circulan por la red con esa misma plantilla. Triste. Pero también hay argumentos favorables si las usas cuando hayas aprendido: 1. Si buscas plantillas avanzadas y originales, ganarás rapidez en el diseño y ahorrarás tiempo. 2. Las plantillas más actuales traen formas e iconos a juego con lo que dispondrás de elementos de énfasis con facilidad. 3. Podrás adaptarlas a tus necesidades sin miedo a romper el equilibrio compositivo.
  • 119. Verbalizar el diseño es otro acto de diseño. Kenia Hara “ CONSEJOS FINALES
  • 120. Antes de comenzar, hazte, al menos, estas preguntas: • qué quiero conseguir • qué tengo • qué necesito • de cuánto tiempo dispongo Planea bien la presentación 1
  • 121. ¿Cómo quieres que “suene” tu presentación, académica, formal, coloquial, divertida…? Piensa bien en el público al que va dirigida: • Niños? • Adolescentes? • Universitarios? • Estudiantes técnicos? • Personas adultas? • Etc… Elige el ‘tono’ de la presentación 2
  • 122. Crea el contenido primero, o al menos tenlo esbozado en fase avanzada. En ciertas circunstancias es bueno imaginar que “cuentas” una historia, como por ejemplo en presentaciones infantiles. Trata de que cada diapositiva derive de la anterior y “llame” a la siguiente. Ello contribuirá a mantener la atención y el interés. Escribe el contenido: cuenta una historia 3
  • 123. No solo debes anticipar el contenido. Es preciso que pienses en las cuestiones de diseño, dado que una presentación es un producto gráfico. Toma decisiones sobre las tipografías, la paleta de colores, el uso de fotografías y/o vectores, gráficas, infografías, etc. Es buena idea crear un prototipo rápido de la presentación: secciones, elementos comunes a las diapositivas, etc. Trata de definir bien estos aspectos y mantente fiel a ellos: te ahorrarás muchas horas de retoques. Toma las decisiones sobre el diseño 4
  • 124. Dado que una exposición apoyada en presentaciones requiere un ritmo particular, no estará de más que practiques oralmente tu presentación. Así podrás hacerte una idea de los tiempos destinados a cada diapositiva. Algunos programas permiten asignar tiempos a las mismas e implementan una vista del orador que te indica la diapositiva en la que estás, la siguiente, el tiempo restante, etc. Explora y explota esas posibilidades. Practica la presentación5
  • 125. Un aspecto que se olvida con frecuencia es la luminosidad del entorno en el que se proyectarán las diapositivas. De día, en un aula con suficiente luz natural, los fondos oscuros tenderán a perder contraste, de manera que una vistosa diapositiva en el ordenador quedará desangelada en la pantalla de proyección. Si tu aula es tu lugar habitual de proyección, conócela bien, haz pruebas y experimenta con los tonos más legibles. Ten en cuenta la luz6
  • 126. No es mala idea utilizar una checklist si vas a realizar una presentación educativa en algún evento distinto del aula, quizás en un congreso, en otra ciudad, sala, recinto, etc… Construye tu propia checklist o básate en alguna existente. Por ejemplo, esta checklist es muy detallada. ¡Que no se te olvide nada! 7
  • 128. Aplicaciones para crear presentaciones Además de las las archiconocidas PowerPoint, de Microsoft, Keynote de Appe o Impress de LibreOffice… https://www.canva.com/ https://www.genial.ly/es https://www.google.es/intl/es/slides/about/ https://www.emaze.com/es/ Aplicación para crear presentaciones online. Con decenas de plantillas gratuitas, fondos, iconos, formas, etc. CANVA GENIAL.LY GOOGLE SLIDES EMAZE Similar a Canva.Añade interactividad a las presentaciones, lo que la hace idónea para crear actividades. La alternativa gratuita de Google a los paquetes de presentaciones convencionales. Compatible entre dispositivos y plataformas. Muy interesante aplicación en línea. Similar a Canva y Genial.ly. Permite el trabajo colaborativo.
  • 129. Plantillas (o temas) de diapositivas SLIDES CARNIVAL https://www.slidescarnival.com/es Plantillas de PowerPoint y temas de Google Slides gratis para tus presentaciones. https://www.presentationmagazine.com/ PRESENTATION MAGAZINE Más de 60000 plantillas de PowerPoint, fondos, artículos, etc., para mejorar tus presentaciones y la exposición de las mismas. https://itunes.apple.com/es/app/themes -for-keynote-free/id555935825?mt=12 TEMAS PARA MAC Diseños de alta calidad para Keynote (Mac OS X). https://freegoogleslidestemplates.com/ PLANTILLAS PARA GOOGLE SLIDES Repositorio de plantillas para Google Slides, clasificadas por temática (formales, simples, creativas).
  • 130. Paletas de colores COOLORS https://coolors.co/ Generador de esquemas de color. Esta aplicación te permite fijar un color -o más de uno- y, solo pulsando la barra espaciadora, obtener paletas que armonizan con él. https://www.materialpalette.com/ Elige dos colores puros y observa cómo el sistema construye la paleta y muestra su efecto simulando una página de una presentación. MATERIAL PALETTE http://colrd.com/ Esta aplicación te permite obtener y descargar la paleta de colores de una imagen dada. Puedes subir la imagen desde tu ordenador. COLRD http://paletton.com PALETTON Lo interesante de este sitio es que permite crear paletas para usuarios daltónicos.
  • 131. Fotografías y vectores PIXABAY https://pixabay.com/es/ Excelente banco de imágenes gratuitas y en español. Puedes descargar imágenes en diferentes resoluciones con apenas un clic. EVERYSTOCKPHOTO http://www.everystockphoto.com/ Quizá el banco de fotografías más extenso y conocido (más de 29.000.000 imágenes). Pues en realidad se trata de un metabuscador que filtra imágenes gratuitas de diversas plataformas, entre ellas Flickr. KISSPNG https://es.kisspng.com/ Los archivos *.png son estupendos para diseño, pues poseen el fondo transparente. Muchos iconos y vectores son convertidos a este formato. ICON-ICONS https://icon-icons.com/es/ Buscador de iconos. Para que nunca falten en tus presentaciones. Auténticos packs descargables: planos, tridimensionales, realistas, en blanco y negro, etc., y con calidades asombrosas.
  • 132. Infografías, gráficos y mapas http://vizualize.me/ VIZUALIZE.ME Se jacta de que has sido creadas con esta aplicación en línea más de 1.000.000 de infografías. Requiere registro (gratuito). https://www.easel.ly/ EASEL.LY Permite crear resúmenes informativos y vistosas infografías a partir de cero o personalizando plantillas existentes. https://infogram.com/es https://www.visme.co/ INFOGRAM VISME Interesante aplicación para la representación efectiva de datos. Cuenta con planes gratuitos. Infografías, diagramas, gráficos de muchos estilos.También cuenta con planes gratuitos. https://developers.google.com/chart/ GOOGLE CHARTS El completo y de fácil uso gestor de gráficas de datos de Google. Datos en tiempo real en tus aplicaciones.
  • 133. Tipografías DAFONT Fuentes de todos los estilos para Windows y Mac OS X. https://www.dafont.com/es/ https://fonts.google.com/ GOOGLE FONTS Las famosas fuentes de Google. Sobre todo lineales y clásicas.Altamente legibles. https://www.freepremiumfonts.com/ FREE PREMIUM FONTS Fuentes de buena calidad. Incluye las fuentes más valoradas por los usuarios. https://www.fontspace.com/ FONT SPACE Posiblemente la plataforma más amplia de fuentes tipográficas (37.000). Permite, además, cambiar su color para ver el efecto sobre una página.
  • 134. Gracias y… Francesc Llorens. 2018 Suerte! @FrancescLlorens francescllorens62@gmail.com Filósofo y profesor de Filosofía. Doctor en Educación y Tecnologías de la Información. Máster en eLearning.