sugerencias creacion de_presentaciones
Post on 02-Jun-2015
387 Views
Preview:
TRANSCRIPT
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
•• 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
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
MultimediaMultimediaArchivosArchivos
PDF created with pdfFactory Pro trial version www.pdffactory.com
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Conceptos BConceptos Báásicos sicos
PDF created with pdfFactory Pro trial version www.pdffactory.com
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
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
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
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
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
Circulo cromCirculo cromááticotico
PDF created with pdfFactory Pro trial version www.pdffactory.com
FundamentosFundamentos
PDF created with pdfFactory Pro trial version www.pdffactory.com
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
Fondos Fondos DiagramaciDiagramacióónn
PDF created with pdfFactory Pro trial version www.pdffactory.com
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
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
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
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
Ejemplos de patrones de pantallaEjemplos de patrones de pantalla
PDF created with pdfFactory Pro trial version www.pdffactory.com
Ejemplos de patrones de pantallaEjemplos de patrones de pantalla
PDF created with pdfFactory Pro trial version www.pdffactory.com
Ejemplos de patrones de pantallaEjemplos de patrones de pantalla
PDF created with pdfFactory Pro trial version www.pdffactory.com
Ejemplos de patrones de pantallaEjemplos de patrones de pantalla
PDF created with pdfFactory Pro trial version www.pdffactory.com
DirecciDireccióónn
PDF created with pdfFactory Pro trial version www.pdffactory.com
DirecciDireccióónn
PDF created with pdfFactory Pro trial version www.pdffactory.com
Uso de TextosUso de Textos
PDF created with pdfFactory Pro trial version www.pdffactory.com
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
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
Aprender es remar contra la corriente: si no avanzamos,
se retrocede.
Proverbio chino
PDF created with pdfFactory Pro trial version www.pdffactory.com
top related