web TV: diseño marca producción multimedia

826 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
826
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

web TV: diseño marca producción multimedia

  1. 1. Conceptos de diseño de producción multimedia Tratamiento de marca en video online Javier lasa Director adjunto desarrollo de producto [email_address]
  2. 2. <ul><li>Este documento pretende establecer y definir las pautas de presencia gráfica de producción de producción multimedia en Internet. </li></ul><ul><li>Además de la creación de un espacio Web se establece el requisito de elaborar unas normas de carácter formal y técnico que establezcan el marco posterior de operación y funcionamiento, al mismo tiempo que preserven la necesaria identidad corporativa de producción multimedia y la homogeneidad de criterios. </li></ul><ul><li>Aquellos elementos se tratan de manera suficientemente abierta como para poder resolver cualquier necesidad o eventualidad que no esté contemplado en este documento. </li></ul><ul><li>La propuesta gráfica se ha pensado para potenciar la claridad, la accesibilidad y la funcionalidad de sus contenidos. </li></ul><ul><li>Claridad para mostrar todos sus contenidos de forma intuitiva. </li></ul><ul><li>Accesibilidad y compatibilidad para facilitar el acceso a los contenidos en soportes PC movilidad y TV. </li></ul>Introducción
  3. 3. <ul><li>Plantilla retícula/ posición de elementos áreas de seguridad </li></ul><ul><li>Logotipo/mosca </li></ul><ul><li>Pantalla espera conexión </li></ul><ul><li>Careta entrada (informativo-entretenimiento) </li></ul><ul><li>Careta salida (identificación url de más programas) </li></ul><ul><li>Rotulación: tipografía, elementos: nombre cargo , fecha, localización </li></ul><ul><li>Identificación directo </li></ul><ul><li>Noticia última hora (breaking news) </li></ul><ul><li>Pantalla de fondo para gráficos </li></ul><ul><li>Tratamiento créditos </li></ul><ul><li>Cortinillas transición </li></ul><ul><li>Pantalla de cierre programa estática </li></ul><ul><li>Ticker más noticias; cotizaciones? </li></ul><ul><li>Información asociada (este programa en facebook) </li></ul><ul><li>Integración avatares y textos twitter </li></ul><ul><li>Convivencia de Nombre de programa + logotipo </li></ul><ul><li>Videochat </li></ul><ul><li>Video movilidad </li></ul><ul><li>Videos youtube-itunes </li></ul><ul><li>Video salida TV </li></ul>Elementos branding en video online
  4. 4. <ul><li>Bajo estas líneas se presentan las medidas de la plantilla para el Layout de la propuesta de CNN Todas las medidas quedan reflejadas en píxeles. </li></ul><ul><li>  </li></ul><ul><li>El layout propuesto presenta dos zonas bien diferenciadas más el pie: </li></ul><ul><li>1 La Cabecera: 993 x 226 </li></ul><ul><li>Márgenes: 0 superior, 0 derecha 0 izquierda 0 derecha </li></ul><ul><li>2 Cuerpo de página 993 x 1086 </li></ul><ul><li>Márgenes: 0 sup. 7 dcha 0 inf. 0 izda. </li></ul><ul><li>3 El Pie de página 993 x 276 </li></ul><ul><li>Márgenes: 0 </li></ul>Elementos de pantalla: rejilla 1 3 2
  5. 5. Ejemplos: titulación y cierre
  6. 6. Ejemplos: titulación en player live TV
  7. 7. Ejemplos: tratamiento mosca Off/online
  8. 8. Ejemplos: splash screen

×