Conceptos de diseño de producción multimedia Tratamiento de marca en video online Javier lasa Director adjunto desarrollo de producto [email_address]

Este documento pretende establecer y definir las pautas de presencia gráfica de producción de producción multimedia en Internet. 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. Aquellos elementos se tratan de manera suficientemente abierta como para poder resolver cualquier necesidad o eventualidad que no esté contemplado en este documento. La propuesta gráfica se ha pensado para potenciar la claridad, la accesibilidad y la funcionalidad de sus contenidos. Claridad para mostrar todos sus contenidos de forma intuitiva. Accesibilidad y compatibilidad para facilitar el acceso a los contenidos en soportes PC movilidad y TV. Introducción

Este documento pretende establecer y definir las pautas de presencia gráfica de producción de producción multimedia en Internet.

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.

Aquellos elementos se tratan de manera suficientemente abierta como para poder resolver cualquier necesidad o eventualidad que no esté contemplado en este documento.

La propuesta gráfica se ha pensado para potenciar la claridad, la accesibilidad y la funcionalidad de sus contenidos.

Claridad para mostrar todos sus contenidos de forma intuitiva.

Accesibilidad y compatibilidad para facilitar el acceso a los contenidos en soportes PC movilidad y TV.

Plantilla retícula/ posición de elementos áreas de seguridad Logotipo/mosca Pantalla espera conexión Careta entrada (informativo-entretenimiento) Careta salida (identificación url de más programas) Rotulación: tipografía, elementos: nombre cargo , fecha, localización Identificación directo Noticia última hora (breaking news) Pantalla de fondo para gráficos Tratamiento créditos Cortinillas transición Pantalla de cierre programa estática Ticker más noticias; cotizaciones? Información asociada (este programa en facebook) Integración avatares y textos twitter Convivencia de Nombre de programa + logotipo Videochat Video movilidad Videos youtube-itunes Video salida TV Elementos branding en video online

Plantilla retícula/ posición de elementos áreas de seguridad

Logotipo/mosca

Pantalla espera conexión

Careta entrada (informativo-entretenimiento)

Careta salida (identificación url de más programas)

Rotulación: tipografía, elementos: nombre cargo , fecha, localización

Identificación directo

Noticia última hora (breaking news)

Pantalla de fondo para gráficos

Tratamiento créditos

Cortinillas transición

Pantalla de cierre programa estática

Ticker más noticias; cotizaciones?

Información asociada (este programa en facebook)

Integración avatares y textos twitter

Convivencia de Nombre de programa + logotipo

Videochat

Video movilidad

Videos youtube-itunes

Video salida TV

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. El layout propuesto presenta dos zonas bien diferenciadas más el pie: 1 La Cabecera: 993 x 226 Márgenes: 0 superior, 0 derecha 0 izquierda 0 derecha 2 Cuerpo de página 993 x 1086 Márgenes: 0 sup. 7 dcha 0 inf. 0 izda. 3 El Pie de página 993 x 276 Márgenes: 0 Elementos de pantalla: rejilla 1 3 2

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.

El layout propuesto presenta dos zonas bien diferenciadas más el pie:

1 La Cabecera: 993 x 226

Márgenes: 0 superior, 0 derecha 0 izquierda 0 derecha

2 Cuerpo de página 993 x 1086

Márgenes: 0 sup. 7 dcha 0 inf. 0 izda.

3 El Pie de página 993 x 276

Márgenes: 0

Ejemplos: titulación y cierre

Ejemplos: titulación en player live TV

Ejemplos: tratamiento mosca Off/online

Ejemplos: splash screen