Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Identificar los elementos de diseño multimedia Unidad 2
2.1 Mejores prácticas para el diseño de contenido multimedia   Unidad 2
Mejores prácticas <ul><li>Existen diferentes métodos para crear el  diseño de contenido , estos varían según la forma de t...
Mejores prácticas <ul><li>1. Después de realizar la entrevista, desarrolla un  boceto  en papel que refleje objetivo, audi...
Mejores prácticas <ul><li>3. Una vez que sean aprobados el boceto y la estructura estará listo para realizar: </li></ul><u...
Mejores prácticas <ul><li>4. Optimización de recursos: Prepare sus composiciones e imágenes así como el sonido y video par...
Mejores prácticas <ul><li>5. Crear el diseño estático con todos los elementos que va a requerir en la elaboración de su pr...
Mejores prácticas <ul><li>6. Prepare sus textos en editores de texto y sus fuentes que utilizará.  </li></ul><ul><li>Nota:...
Mejores prácticas <ul><li>7. Genere templates para las páginas interiores y para la principal con los espacios necesarios ...
Mejores prácticas <ul><li>9. Organice todos los elementos para que tengan la sincronía adecuada. Prueba y error es la mejo...
Principios de diseño Unidad 2
Fundamentos de diseño <ul><li>Según el autor  Wucius Wong. (1992)  en su obra  Fundamentos del Diseño , “un buen diseño es...
Fundamentos de diseño <ul><li>La base de un buen diseño de página es usar los elementos del diseño y su aplicación razonad...
Balance o equilibrio <ul><li>El equilibrio debe existir entre los diferentes elementos que componen la página. Imágenes y ...
Balance o equilibrio <ul><li>Existen tres tipos de balance para diseñar páginas: </li></ul><ul><ul><li>1. Balance simétric...
Balance o equilibrio <ul><li>“ La  simetría  es la exacta correspondencia de todas las partes de una figura respecto de un...
Balance o equilibrio <ul><li>Simetría horizontal  Simetría vertical  Simetría radial </li></ul>
Asimetría <ul><li>“ La  asimetría  se refiere a la no simetría, es decir, a la propiedad de determinados cuerpos, funcione...
Asimetría <ul><li>Asimetría horizontal  Asimetría vertical  Asimetría radial </li></ul>
Énfasis <ul><li>El énfasis es una forma de distinguir algo dentro de un elemento. Un ejemplo de esto es lo que sucede con ...
Color <ul><li>Los colores obtenidos naturalmente por descomposición de la luz solar o artificialmente mediante focos emiso...
Colores aditivos o de luz
Color <ul><li>La intensidad de cada uno de los componentes se mide también en una escala que va del 0 al 255. Sin embargo ...
Color
Color <ul><li>Si el cliente no cuenta con una paleta de colores, establezca una, de preferencia de colores armonizados. </...
Color
 
Upcoming SlideShare
Loading in …5
×

Identificar los elementos de diseño multimedia

3,417 views

Published on

Identificar los elementos de diseño multimedia

  • Be the first to comment

  • Be the first to like this

Identificar los elementos de diseño multimedia

  1. 1. Identificar los elementos de diseño multimedia Unidad 2
  2. 2. 2.1 Mejores prácticas para el diseño de contenido multimedia Unidad 2
  3. 3. Mejores prácticas <ul><li>Existen diferentes métodos para crear el diseño de contenido , estos varían según la forma de trabajo del autor. </li></ul><ul><li>Según nuestra experiencia le recomendamos llevar a cabo estas prácticas para el diseño de contenido multimedia: </li></ul>
  4. 4. Mejores prácticas <ul><li>1. Después de realizar la entrevista, desarrolla un boceto en papel que refleje objetivo, audiencia y propósito. </li></ul><ul><li>2. Realiza un diagrama que refleje la estructura del sitio. Te permitirá ver las dimensiones del sitio y su “navegabilidad” </li></ul>
  5. 5. Mejores prácticas <ul><li>3. Una vez que sean aprobados el boceto y la estructura estará listo para realizar: </li></ul><ul><ul><li>Plan de trabajo </li></ul></ul><ul><ul><li>Cotización </li></ul></ul><ul><ul><li>Guía de diseño </li></ul></ul>
  6. 6. Mejores prácticas <ul><li>4. Optimización de recursos: Prepare sus composiciones e imágenes así como el sonido y video para la presentación. Considerando los formatos, tamaños de imágenes, colores, etc. </li></ul><ul><li>Optimice todas las fotografías, sonidos y videos antes de iniciar el armado. </li></ul>
  7. 7. Mejores prácticas <ul><li>5. Crear el diseño estático con todos los elementos que va a requerir en la elaboración de su proyecto. Crear plantillas y estilos (css), paleta de colores, etc. </li></ul><ul><li>Las imágenes deben ser optimizadas para ocupar exáctamente el tamaño requerido. No hay que agrandarlas ni reducirlas. </li></ul>
  8. 8. Mejores prácticas <ul><li>6. Prepare sus textos en editores de texto y sus fuentes que utilizará. </li></ul><ul><li>Nota: Establecer con el cliente si sus textos necesitan corrector de estilo o de ortografía. Muchas veces piensan que es nuestra “responsabilidad” hacerlo. </li></ul><ul><li>También establecer el número de cambios a los textos. </li></ul>
  9. 9. Mejores prácticas <ul><li>7. Genere templates para las páginas interiores y para la principal con los espacios necesarios para imágenes, texto y videos. </li></ul><ul><li>8. Cree todos los elementos interactivos que planeo desde el principio, aunque en este punto seguramente le surgirán ideas para enriquecer el diseño con la aplicación de Flash. </li></ul>
  10. 10. Mejores prácticas <ul><li>9. Organice todos los elementos para que tengan la sincronía adecuada. Prueba y error es la mejor práctica. </li></ul><ul><li>10. Añada el sonido y video en los espacios pensados para estos elementos. </li></ul><ul><li>11. Prepare el archivo para la publicación en los diferentes formatos requeridos. </li></ul><ul><li>12. Publique su archivo y pruébelo. </li></ul>
  11. 11. Principios de diseño Unidad 2
  12. 12. Fundamentos de diseño <ul><li>Según el autor Wucius Wong. (1992) en su obra Fundamentos del Diseño , “un buen diseño es la mejor expresión visual de la esencia de «algo», ya sea esto un mensaje o un producto. Para hacerlo fiel y eficazmente, el diseñador debe buscar la mejor forma posible para que ese «algo» sea conformado, fabricado, distribuido, usado y relacionado con su ambiente. Su creación no debe ser sólo estética sino también funcional, mientras refleja o guía el gusto de su época.” </li></ul>
  13. 13. Fundamentos de diseño <ul><li>La base de un buen diseño de página es usar los elementos del diseño y su aplicación razonada en la forma de los principios del diseño. </li></ul><ul><li>Estos principios de diseño son: Balance o equilibrio, unidad, énfasis y color. </li></ul>
  14. 14. Balance o equilibrio <ul><li>El equilibrio debe existir entre los diferentes elementos que componen la página. Imágenes y texto, elementos grandes y pequeños, zonas oscuras y claras, etc., deben estar balanceadas de forma que resulte atractiva, logrando enfocar la atención del usuario sobre aquellos elementos de mayor interés. </li></ul>
  15. 15. Balance o equilibrio <ul><li>Existen tres tipos de balance para diseñar páginas: </li></ul><ul><ul><li>1. Balance simétrico </li></ul></ul><ul><ul><li>2. Balance asimétrico </li></ul></ul><ul><ul><li>3. Balance de simetría radial </li></ul></ul>
  16. 16. Balance o equilibrio <ul><li>“ La simetría es la exacta correspondencia de todas las partes de una figura respecto de un centro, un eje o un plano. Se puede representar en tres formas horizontal, vertical y radial”. Wikipedia. Simetría. [En línea] http://es.wikipedia.org/wiki/Simetr%C3%ADa, 20 de Marzo 2010. </li></ul>
  17. 17. Balance o equilibrio <ul><li>Simetría horizontal Simetría vertical Simetría radial </li></ul>
  18. 18. Asimetría <ul><li>“ La asimetría se refiere a la no simetría, es decir, a la propiedad de determinados cuerpos, funciones matemáticas y otros tipos de elementos en los que, al aplicarles una regla de transformación efectiva, se observan cambios respecto al elemento original”. Wikipedia. Asimetría. [En línea] http://es.wikipedia.org/wiki/Asimetr%C3%ADa, 20 de Marzo 2010. </li></ul>
  19. 19. Asimetría <ul><li>Asimetría horizontal Asimetría vertical Asimetría radial </li></ul>
  20. 20. Énfasis <ul><li>El énfasis es una forma de distinguir algo dentro de un elemento. Un ejemplo de esto es lo que sucede con este texto, donde los títulos se encuentran resaltados así como algunas palabras o frases. </li></ul>
  21. 21. Color <ul><li>Los colores obtenidos naturalmente por descomposición de la luz solar o artificialmente mediante focos emisores de luz de una longitud de onda determinada se denominan colores aditivos. </li></ul><ul><li>Los colores aditivos son los usados en trabajo gráfico con monitores, ya que, el monitor produce los puntos de luz partiendo de tres canales, rojo, verde y azul. Por este motivo, el modelo de definición de colores usado en trabajos digitales es el modelo RGB (Red, Green, Blue). </li></ul>
  22. 22. Colores aditivos o de luz
  23. 23. Color <ul><li>La intensidad de cada uno de los componentes se mide también en una escala que va del 0 al 255. Sin embargo utiliza una codificación hexadecimal (16 digítos), lo que le permite representar el número 255 en base decimal con solo dos dígitos en base hexadecimal. En el sistema de numeración hexadecimal, además de los números del 0 al 9 se utilizan seis letras con un valor numérico equivalente; a=10, b=11, c=12, d=13, e=14 y f=15. </li></ul>
  24. 24. Color
  25. 25. Color <ul><li>Si el cliente no cuenta con una paleta de colores, establezca una, de preferencia de colores armonizados. </li></ul><ul><li>Prepare su muestrario de colores con ellos. Genere un archivo y una página muestra, por ejemplo: </li></ul>
  26. 26. Color

×