Download - Sugerencias creacion de_presentaciones
![Page 1: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/1.jpg)
Diseño y producción de presentaciones
multimediales
RaymondRaymond J. Marquina A.J. Marquina A.
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 2: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/2.jpg)
•• Identificar los conceptos mas importantes Identificar los conceptos mas importantes para el desarrollo de presentaciones para el desarrollo de presentaciones multimedialesmultimediales
•• Reconocer los formatos de mayor uso en Reconocer los formatos de mayor uso en la produccila produccióón de presentaciones n de presentaciones audiovisuales.audiovisuales.
Objetivos especObjetivos especííficosficos
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 3: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/3.jpg)
Vivimos rodeados de imVivimos rodeados de imáágenes, sonidos y genes, sonidos y palabras. Nuestra sociedad es una palabras. Nuestra sociedad es una sociedad multimedia donde las personas sociedad multimedia donde las personas estamos rodeadas de mestamos rodeadas de múúltiples medios y ltiples medios y lenguajes.lenguajes.En la actualidad, las as TecnologTecnologíías de la as de la InformaciInformacióón y la Comunicacin y la Comunicacióónn estestáán n presentes en todas las presentes en todas las ááreas del quehacer reas del quehacer diario.diario.
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 4: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/4.jpg)
MultimediaMultimediaArchivosArchivos
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 5: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/5.jpg)
Conceptos BConceptos Báásicossicos
¿¿QuQuéé es Multimedia?es Multimedia?• El término multimedia aparece en la década
de los 50, cuando se usaban distintos medios en soportes múltiples.
• Por ejemplo, podemos utilizar el audio con el cassette, la imagen en movimiento con la videocámara, la imagen fija con la fotografía o la diapositiva, el texto con la transparencia, etc. Todo ello conjugado formará un todo o unidad, que no es la suma de cada parte por separado.
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 6: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/6.jpg)
Conceptos BConceptos Báásicossicos
¿¿QuQuéé es Multimedia?es Multimedia?• En el caso de elegir como medio de trabajo el
PC, no sería necesario conjugarlo con otros medios distintos, ya que él solo cumple los requisitos para ser multimedia al integrar imagen fija o en movimiento, sonido, texto, animaciones, gráficos,....
• Gracias al hardware y al software informático que existe en el mercado podemos elaborar nuestra propia información
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 7: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/7.jpg)
Conceptos BConceptos Báásicossicos
PresentaciPresentacióón n MultimedialMultimedialUna presentación multimedial diseñada en PC, esta integrada comúnmente por:
– Textos– Imágenes – Fotografías – Video– Animaciones– Sonidos
Formato Digital
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 8: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/8.jpg)
Conceptos BConceptos Báásicossicos
Formatos de Archivos SoportadosFormatos de Archivos Soportados
Es muy importante reconocer los tipos de archivos soportados por las herramientas de diseño y producción de presentaciones, esto nos permitirá procesar y codificar adecuadamente la información que requerimos usar
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 9: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/9.jpg)
ImImáágenes estgenes estááticasticas
Formatos de Archivos soportadosFormatos de Archivos soportados– GIF Imágenes con poco colores, Botones y barras
(estándar Web, 256 colores Max.)– PNG: Formato similar al JPEG y superior al GIF
(16 mill colores)– BMP Archivos de gran tamaño en disco, no son
recomendables (Paint de Windows)– WMF, EMF Archivos compactos, se usan para
representar ilustraciones, no sirven para mostrar fotografías (Vectoriales)
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 10: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/10.jpg)
FotografFotografííasas
Formato de Archivos soportadosFormato de Archivos soportados• Existen dos formatos de archivos de amplio
uso en la representación de fotografías: – JPEG (estándar de las Cámaras
fotográficas digitales), poco espacio en disco según la resolución que se fije
– TIF (usado comúnmente en el escaneo): Archivos de alta resolución, ocupan mucho espacio en disco
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 11: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/11.jpg)
Uso de fotografUso de fotografííasas
• Las fotografías añaden cierta sensación de realismo
• Constituyen una representación mas precisa de su mensaje o significado
• Es recomendable su uso para grupos de niveles superiores
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 12: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/12.jpg)
Uso de imUso de imáágenesgenes
Sugerencias para el diseSugerencias para el diseñño o • En el caso de utilizar JPEG, se debe tener cuidado
con el tamaño final del archivo y su calidad• Es recomendable que el aumento de la imagen sea
ocho veces mayor que la vista en pantalla• El formato GIF se usa para representar botones y
barras de navegación, no sirve para fotografías.• Los gráficos vectoriales solo sirven para representar
ilustraciones de pocos colores.• Siempre se debe buscar la optimización de los
contenidos usados en el diseño.
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 13: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/13.jpg)
Imagen en movimientoImagen en movimiento
• Video Digital: Debe ser sucinto e ir directo al grano. La calidad y tamaño final que ocupa en disco, debe manejarse con sumo cuidado.
• Películas interactivas: Son segmentos de imagen en movimiento donde el usuario puede manipularlas según su interés
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 14: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/14.jpg)
Uso de VideosUso de Videos
• Es la representación mas precisa de un mensaje• Se puede utilizar para mostrar procesos,
presentar testimonios, etc….• Es recomendable limitarlos a un máximo de dos
minutos, debido al gran tamaño que pueden llegar a ocupar
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 15: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/15.jpg)
Video DigitalVideo Digital
Formato de Archivos soportadosFormato de Archivos soportados• En cuanto al video, los formatos soportados
comúnmente son los siguientes:– AVI (compatible con todos los players)– WMV (estándar del Windows Media Player)– MOV ( solo reproductor Quicktime)– MPEG (estándar de video ISO)
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 16: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/16.jpg)
AnimacionesAnimaciones
• Pueden ser utilizadas para representar procesos, diagramas de flujos
• Pueden ser interactivas, guiando al usuario en la presentación de conceptos
• De acuerdo al formato, pueden aceptar sonido
• Debe evitarse el abuso en el uso de este recurso, especialmente como ornamento que puede generar distracción al usuario
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 17: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/17.jpg)
AnimacionesAnimaciones
Formato de Archivos soportadosFormato de Archivos soportados• Los formatos de mayor uso en la actualidad para el
diseño de presentaciones, son los mismos que se utilizan para la Web:– SWF (Películas Flash): Es un formato vectorial,
compacto que se usa ampliamente en la web. Soporta sonido e interacción
– AniGIF (Gif Animado): es una variante del GIF estático, solo sirve para mostrar animaciones de pocos cuadros
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 18: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/18.jpg)
Uso de SonidosUso de Sonidos
• Puede ser una herramienta eficaz si se utiliza adecuadamente
• Debería usarse solamente para llamar la atención sobre una palabra, frase, imagen o grafico
• Puede convertirse en un elemento perturbador si se abusa de su uso
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 19: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/19.jpg)
Uso de SonidosUso de Sonidos
• Si se utiliza sonido en el multimedia, es importante ofrecer la posibilidad de controlar el volumen y la reproducción
• Por lo general el sonido debe ser usado en conjunto con otro medio, pero no debe haber redundancia ni obligar al usuario a escuchar todo.
• La calidad del sonido debe adecuarse al fin para el cual se utilizara, evitando en lo posible archivos de gran tamaño. Se sugiere el uso de formatos comprimidos
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 20: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/20.jpg)
SonidosSonidos
Formato de Archivos soportadosFormato de Archivos soportados• WAV: Son archivos de audio con baja compresión,
ocupan grandes espacios en disco, se utilizan comunmente para sonidos de corta duración
• Mp3: es el formato de audio comprimido mas popular. Se utiliza comúnmente para añadir música de fondo
• Midi: son archivos de muy pequeño tamaño. Reproducen solamente instrumentos musicales
• WMA: Es el estándar de Windows Media Player. Son archivos compactos de calidad similar a los Mp3s
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 21: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/21.jpg)
Conceptos BConceptos Báásicos sicos
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 22: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/22.jpg)
Uso del ColorUso del Color
• En la sociedad de la información, los colores pueden ser estudiados como códigos que poseen información, sensaciones y significados.
• El color es un elemento importante para una presentación, estos determinan el animo, el tono, las reacciones y las expectativas del publico.
• Los colores tienen mensajes subliminales, es importante saber como y cuando aplicarlos.
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 23: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/23.jpg)
Uso del ColorUso del Color
Colores FrColores Frííosos• Azul: es el fondo mas habitual ya que
transmite paz y tranquilidad• Verde: es excelente para presentaciones que
exigen interacción con la audiencia y/o información mutua.
• Morado: es un color esencialmente espiritual, vital, animoso.
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 24: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/24.jpg)
Uso del ColorUso del Color
Colores Calidos Colores Calidos • Rojo: es un color dominante, atrae la
atención, estimula a emprender una acción, transmite motivación. Capta y retiene la atención
• Naranja: transmite poder, alegría, estimula la comunicación y la concentración
• Amarillo: estimula la mente y promueve la capacidad de decisión.
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 25: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/25.jpg)
Uso del ColorUso del Color
Colores NeutrosColores Neutros• Blanco: suele utilizarse como color de textos
en fondos oscuros. Representa frescura, novedad, inocencia y pureza
• Negro: se usa para dar énfasis y se asocia con lo definitivo. El negro es sofisticado, independiente, enfático y final.
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 26: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/26.jpg)
Uso del ColorUso del Color
Numero de coloresNumero de colores• No se debería utilizar mas de 6 colores: tres
principales y tres para acentuar.• Los tres principales para el fondo, titulos y
textos.• Los otros tres, deberían usarse en gráficos,
tablas y cualquier otro elemento visual.• Es recomendable guiarse por la rueda de
colores.
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 27: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/27.jpg)
Circulo cromCirculo cromááticotico
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 28: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/28.jpg)
FundamentosFundamentos
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 29: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/29.jpg)
Criterios estCriterios estééticosticos
•• El balance:El balance: estabilidad•• La simetrLa simetríía:a: entre los objetos de la pantalla•• El equilibrio:El equilibrio: entre el tamaño de fuentes,
ubicación de objetos y el resaltado de palabras•• El ritmo:El ritmo: orden en los espacios, las líneas, los
colores y las formas•• Los espacios en blanco:Los espacios en blanco: espacios vacíos que
se dejan en pantalla: unir o separar ideas, evitar recargo de pantalla, agrupar pequeñas porciones de información
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 30: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/30.jpg)
Fondos Fondos DiagramaciDiagramacióónn
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 31: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/31.jpg)
DiseDiseñño grafico o grafico
• Describe la planeación y el proceso de pensamiento necesario para crear una comunicación visual efectiva
• Muchos de los aspectos del diseño de pantallas es más efectivos con papel y tijeras
• Sólo se pueden dar lineamientos para asistir al diseñador pues depende mucho de las habilidades de éste
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 32: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/32.jpg)
Resumen del diseResumen del diseññoo
• Necesita una planeación cuidadosa • Cada imagen debe tener un significado, como
también el uso de cada color, línea, espacio, plano, formas, escala, balance y textura.
• Todas estas combinadas crean un lenguaje visual que comunica el concepto al observador
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 33: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/33.jpg)
EsquemasEsquemas
• Una vez decidido el concepto se determina el esquema que comunique la intención de cada pantalla
• Estamos culturalmente condicionados a leer una página desde la esquina superior izquierda a la inferior derecha
• El ojo se enfoca primero en el objeto más grande de la pantalla al más pequeño
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 34: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/34.jpg)
EsquemasEsquemas
• El ojo es guiado al color más fuerte u oscuro primero
• Es mejor trabajar esquemas del tamaño de la pantalla definitiva en el computador
• Se pueden usar recortes de revistas para representar los textos y gráficas o las siluetas y tamaños se pueden dibujar aproximadamente
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 35: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/35.jpg)
Ejemplos de patrones de pantallaEjemplos de patrones de pantalla
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 36: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/36.jpg)
Ejemplos de patrones de pantallaEjemplos de patrones de pantalla
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 37: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/37.jpg)
Ejemplos de patrones de pantallaEjemplos de patrones de pantalla
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 38: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/38.jpg)
Ejemplos de patrones de pantallaEjemplos de patrones de pantalla
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 39: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/39.jpg)
DirecciDireccióónn
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 40: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/40.jpg)
DirecciDireccióónn
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 41: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/41.jpg)
Uso de TextosUso de Textos
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 42: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/42.jpg)
InserciInsercióón de textos n de textos
• Sintetizar las ideas usando palabras claves• Uso de la regla 6x6: no mas seis líneas de
párrafo, no mas de seis frases con viñetas y ninguna frase debe contener mas de seis palabras
• Otros autores recomiendan la regla 8x8
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 43: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/43.jpg)
Fuentes Fuentes
• El tamaño no debería ser menor de 24 ptos. Para los párrafos
• Un tamaño mayor a 24 para los títulos• Los tipos de fuentes con trazos iguales y sin
remates son los mejores, ya que facilitan la lectura
• Los estilos negrita, cursiva y subrayado son propicios para resaltar títulos, palabras claves e información relevante.
• No es recomendable usar mas de 2 tipos de fuentes en un mismo material
PDF created with pdfFactory Pro trial version www.pdffactory.com
![Page 44: Sugerencias creacion de_presentaciones](https://reader033.vdocuments.net/reader033/viewer/2022061618/556ce805d8b42ac3528b4dbf/html5/thumbnails/44.jpg)
Aprender es remar contra la corriente: si no avanzamos,
se retrocede.
Proverbio chino
PDF created with pdfFactory Pro trial version www.pdffactory.com