Download - Retícula para pantalla

Transcript
Page 1: Retícula para pantalla

Retículas para pantalla

Page 2: Retícula para pantalla

Diferencia entre el Papel y la Pantalla

Formato retrato o vertical Formato Apaisado

EXACTITUD

Page 3: Retícula para pantalla

Retícula Visual

Transmite la sensación de continuas y permite asimilar rápidamente el contenido y distribución

Page 4: Retícula para pantalla

Retícula Movimiento

Los movimientos en pequeñas personas llaman la atención sobre zonas interactivas

Page 5: Retícula para pantalla

Retícula Jerárquica

Codifica elementos funcionales , como son las barras de navegación

Page 6: Retícula para pantalla

Retícula Cromática

Codificación de las funciones y zonas de colores

Page 7: Retícula para pantalla

Retícula de Sonido

Definición de la respuesta sonora a las distintas interacciones del usuario

Page 8: Retícula para pantalla

Retícula de Referencia

Imágenes fijas con texto e ilustración cuyos ajustes no pueden ser modificados por el usuario

Page 9: Retícula para pantalla

Lenguajes de Programación

HTML: (Lenguaje de marcación de hipertexto) es un lenguaje de marcación para la edición de sitios web, definiendo la presentación del texto, los elementos gráficos y las imágenes

D-HTML: Es la combinación del lenguaje como el CSS , HTMAL y Javascript, permite efectuar cambios en la presentación modificando la configuración del navegador

FLASH: Un programa para generar animaciones, movimiento, integración de sonidos y adaptación de películas

Page 10: Retícula para pantalla

Estructura de la PantallaLa estabilidad funcional, el ritmo y la uniformidad son

aspectos esenciales que contribuyen a asegurar la comprensión de una página web.La funcionalidad y la facilidad de navegación pueden mejorarse aplicando el mismo de retícula a todo el mismo sitio web.Es importante definir a que grupo de personas irá destinada la información

Page 11: Retícula para pantalla

Aciertos y desaciertos

Dramaturgia: Un sitio bien concebido funciona como una obra, una cadena de acontecimientos para tener vivo el interés de los usuarios

Storyboard: Diseño y elaboración de diagrama de flujo para visualizar las diferentes secuencia de imágenes

Equilibrio Interior: La información y los efectos visuales que ofrece un sitio web deben estar bien equilibrados , ni debe estar sobrecargado ni simple.

Page 12: Retícula para pantalla

El UsuarioFuturos Usuarios: Quién es Quién? Los usuarios que buscan entretenimiento reaccionan de manera positiva a un sitio web.

El Internauta: Busca sitios sorprendentes, con animaciones y color, concibe la navegación por internet como una forma de creatividad.

El Usuario Ocasional: Para quienes los medios digitales son una fuente de información , prefieren las estructuras clásicas y fáciles de manejar.

Visitantes Ocupados: Aprecian las páginas HTML bien diseñadas son ideales para satisfacer las necesidades

Expertos: El sitio web es su fuente de información, no les interesa entretenerse, sino encontrar lo que buscan en menor tiempo.

Publico Internacional: Los términos deben ser fáciles de entender , mucha atención con los colores ya que pueden tener connotaciones culturales distintos

Page 13: Retícula para pantalla

Banner

Son zonas habitualmente rectangulares, de las páginas web que contienen información estática o animada o publicidad. Entre más limpio y sobrio llamará la atención, no es recomendable llenarlo de tantas imágenes que saturen al usuario.