2. Fotografía de un libro de ciencias naturales Los libros y revistas requieren de un formato diferente con relación a las plantillas de internet. Son más sobrias, dispuestas para la lectura lineal, en amplios párrafos, se percibe el principio y el final, tiene paginación, hay una clara longitud entre sus columnas, mayor fijación de la anchura, con formato vertical o retrato. Características
3. Características Por el contrario, las plantillas para Internet son más innovadoras y priman los aspectos de animación. a diferencia del impreso, existe mayor dificultad en reconocer dónde se está por el hecho de que no hay paginación y existen infinitas formas para su navegación a través de códigos HTML. No hay exactitud en los colores, sus columnas son más estrechas para mejor lectura y nos conduce a la hipertextualidad. Plantilla de internet sin vínculos de navegación.
4. Existe mayor animación, interacción con el observador, flexibilidad de las presentaciones (a diferencia de la permanencia de los medios impresos), segmentación en varias columnas e incluye herramientas para su navegación.
5. eb. Dan la sensación de continuidad, una mayor asimilación y es inamovible del sitio web. Por ejemplo, gmail presenta una plantilla específica para la recepción, envío y almacenamiento de correos, que a la vez puede ser modificada visualmente por el usuario, sin que deje de ser lo que es.
6. No está definida con precisión. Por ejemplo, esta retícula permite movilidad a lo largo de la pantalla pero no nos ubica en un solo lugar. Arriba: http://www.jonathanyuen.com/main.html También llamada “jerárquica”. Se caracteriza por disponer de barras de navegación, mediante las cuales el usuario puede dirigirse hacia los distintos temas.
7. Genera una respuesta sonora a las interacciones. De esta forma, se anima la permanencia en el sitio web. El ejemplo de al lado, aparte de ser cromático, emite sonidos de acuerdo a las selecciones que el usuario realiza. En la cromática, la codificación de las funciones y zonas está determinada por colores. En nuestro ejemplo se ve cómo al seleccionar un tema de interés el color cambia. Incluso, si la persona lo desea, el sonido se puede omitir.
8. Contiene figuras que atraen la atención con su movimiento y cambios a través del tiempo http://www.jonathanyuen.com/main.html
11. Para la animación en las retículas, es necesario especificar una serie de códigos con ciertas órdenes que se evidencian con la navegación en la web. Para esto, existen tres lenguajes claves. Lenguaje de marcación del hipertexto. Permite mayor animación pero presenta más demora en la pantalla. La descarga es la prima sobre el valor visual. Carece de elementos móviles y permite el avance de página a página. Es más dinámico y permite la combinación de códigos como CSS, HTML y Javascript. Los datos se construyen sin que sean percibidos. Incluye ventanas desplegables, desvanecimiento y superposición de páginas. Generan animaciones donde priman el movimiento y el sonido. A la vez, adopta películas propias del programa.
13. Flechas direccionales. Hay tres formas Se construye peldaño a peldaño, es decir, conlleva una ruta predefinida sin elección. Son las indicadas para llenar formularios, datos personales o para servicios educativos.
14. La información está organizada jerárquicamente. Suele tener ramas principales y otras secundarias, en lo que denominamos menús. En esta opción se puede avanzar o retroceder. http://www.eltiempo.com/
15. Ofrece mayor movilidad en diferentes páginas y mayor navegación. Por ejemplo, http://issuu.com/publications Te permite navegar por las revistas de predilección, verlas en tamaño amplio, avanzar o retroceder y dentro del mismo navegador acceder a otras publicaciones.
16. Campo te texto Campo de imágenes Campo de navegación Campo de películas
17. Sin embargo, no es recomendable Tener dos barras de navegación Como los ejemplos de al lado.