POR: Carolina Chinome Alvarado Comunicación Social-Periodismo

Fotografía de un libro de ciencias naturales

Los libros y revistas requierende 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 claralongitud entre sus columnas,mayor fijación de la anchura,con formato vertical o retrato.

Características

CaracterísticasPor el contrario, las plantillas paraInternet 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 conducea la hipertextualidad.

Plantilla de internet sin vínculos de navegación.

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.

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.

No está definida con precisión.Por ejemplo, esta retícula permite movilidad a lo largo de la pantallapero no nos ubica en un solo lugar.

Arriba: http://www.jonathanyuen.com/main.html

También llamada “jerárquica”. Se caracteriza por disponer de barrasde navegación, mediante las cuales el usuario puede dirigirse hacia los distintos temas.

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 acuerdoa 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.

Contiene figuras que atraen la atención con su movimiento y cambios a través del tiempo

http://www.jonathanyuen.com/main.html

http://www.jonathanyuen.com/main.html

Presenta imágenes fijas más texto.No es modificable y sólo se presta para su lectura.

Para la animación en las retículas, es necesario especificar una serie de códigoscon 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.

http://www.strongbowgold.com/default.html

http://magicsocket.com/ http://www.galgadot.com/

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.

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/

Ofrece mayor movilidad en diferentes páginas y mayor navegación.

Por ejemplo, http://issuu.com/publicationsTe 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.

Campo te textoCampo de imágenesCampo de navegación Campo de películas

Sin embargo, no es recomendable Tener dos barras de navegaciónComo los ejemplos de al lado.

http://vermeersch.ca/