El Guión en el proceso de elaboración de un producto multimedia..

Diseño Publicitario Multimedia

El Guión en el proceso de elaboración de un

producto multimedia.

Decisiones de diseño:

1. Fondo verde manzana para pagina de bienvenida.
2. Logo dento de la barra de navegación.
3. Al darle clic al logo iran a la pagina de inicio.
4. Predominio de la tipografía myriad pro condensed Bold para los títulos y contenido.
5. Predominio del color verde manzana en algunos fondos.
6. Predominio del color blanco en algunos fondos.
7. Titulos de color negro.
8. Tipografía color negro en fondos verdes manzana y blanco.
9. Tamaño de la tipografía para los contenidos #10.
10. Tamaño de la tipografía para los títulos #30.
11. Botones interactivos.
12. Botones verdes, y al mouse pasarle por encima serán amarillo limón.
13. Color de barra de navegación dependiendo del color del fondo.
14. Barra de navegación verde manzana en fondo blanco.
15. Barra de navegación blanca en fondo verde manzana.
16. Botones sencillos en la barra de navegación
17. Tipografía de los botones de barra de navegación myriad pro condensed.
18. Los botones de la barra de navegación seran tipográficos.
19. Botones verde manzana en barra de navegación blanca cuando hagan clic en ellos se volverán un verde más oscuro.
20. Botones blancos de barra de navegación verde manzana cuando hagan clic en ellos se volverán un verde más oscuro.
21. La pagina de contacto y la de biografia contara con una foto de la dueña.

Flujograma

[pic 1]

[pic 2]

• Página de bienvenida.
• El botón blanco con las palabras  “BIENVENIDO” cambiara a un verde mas claro cuando sea seleccionado y las letras negras se volverán blancas.

[pic 3]

[pic 4]

• Página de inicio.
• El cuadro blanco cambiar dependiendo de donde se encuentra el cursor. Si esta sobre “QUIEN SOY” que se encuentra en la parte inferior de la pantalla se vera un pequeño look de lo que contiene en el recuadro grande de arriba.
• Los botones blancos de la barra de navegación cambiaran a un verde más oscuro, con letras negras cuando el usuario le de clic sobre alguna opción.

[pic 5]

• Página “Quien soy”. Aquí se encuentra una pequeña biografía del cliente.
• La barra de navegación cambia aquí a un verde manzana con las letras en negro.
• Cuando una opción sea elegida esta cambiara de color en la barra de navegación por un verde más oscuro con letras blancas. Es importante resaltar que siempre será la misma tipografía.

[pic 6]

• Página “TRABAJOS”.
• Aquí se encuentra un breve vistazo a lo que son los trabajos del clientes.
• Cuando le den clic a alguno de las opciones (artes, animaciones, fotos) la imagen se vera más opaca antes de cargar la nueva sección.

• Nuevamente, cuando una opción sea elegida esta cambiara de color en la barra de navegación por un verde más oscuro con letras blancas. Es importante resaltar que siempre será la misma tipografía.

[pic 7]

• Sub- Página “Artes”
• Aquí con un clic sobre la imagen hace que se cambien las imágenes sin tener que estar pendientes de flechas ni slideshows.

[pic 8]

• Sub- Página “Animaciones”
• Aquí con un clic sobre el video hace que empiece y al finalizar se cambia de video con un doble clic.

[pic 9]

• Sub- Página “FOTOS”
• Aquí con un clic sobre la imagen hace que se cambien las imágenes sin tener que estar pendientes de flechas ni slideshows.

[pic 10]

• Página “Contactos”
• Aquí los posibles clientes son invitados a dejar algún comentario o sugerencia sobre los trabajos, páginas o cualquier duda que tengan sobre el cliente.
• Al lado se encuentran los links al instagram del cliente para que vean al cliente de una manera más personal y humana en sus redes sociales.
• Con el email también tienen la ventaja de contactarse con el directamente.

...