Sugerencias creacion de_presentaciones

44
Diseño y producción de presentaciones multimediales Raymond Raymond J. Marquina A. J. Marquina A. PDF created with pdfFactory Pro trial version www.pdffactory.com

Transcript of Sugerencias creacion de_presentaciones

Page 1: Sugerencias creacion de_presentaciones

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

•• 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

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

MultimediaMultimediaArchivosArchivos

PDF created with pdfFactory Pro trial version www.pdffactory.com

Page 5: Sugerencias creacion de_presentaciones

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Conceptos BConceptos Báásicos sicos

PDF created with pdfFactory Pro trial version www.pdffactory.com

Page 22: Sugerencias creacion de_presentaciones

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

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

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

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

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

Circulo cromCirculo cromááticotico

PDF created with pdfFactory Pro trial version www.pdffactory.com

Page 28: Sugerencias creacion de_presentaciones

FundamentosFundamentos

PDF created with pdfFactory Pro trial version www.pdffactory.com

Page 29: Sugerencias creacion de_presentaciones

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

Fondos Fondos DiagramaciDiagramacióónn

PDF created with pdfFactory Pro trial version www.pdffactory.com

Page 31: Sugerencias creacion de_presentaciones

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

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

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

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

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

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

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

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

DirecciDireccióónn

PDF created with pdfFactory Pro trial version www.pdffactory.com

Page 40: Sugerencias creacion de_presentaciones

DirecciDireccióónn

PDF created with pdfFactory Pro trial version www.pdffactory.com

Page 41: Sugerencias creacion de_presentaciones

Uso de TextosUso de Textos

PDF created with pdfFactory Pro trial version www.pdffactory.com

Page 42: Sugerencias creacion de_presentaciones

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

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

Aprender es remar contra la corriente: si no avanzamos,

se retrocede.

Proverbio chino

PDF created with pdfFactory Pro trial version www.pdffactory.com