SlideShare una empresa de Scribd logo
1 de 21
POR: Carolina Chinome Alvarado Comunicación Social-Periodismo
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
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.
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 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.
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.
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ó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.
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/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.
Campo te texto Campo de imágenes Campo de navegación  Campo de películas
Sin embargo, no es recomendable  Tener dos barras de navegación Como los ejemplos de al lado.
 
http://vermeersch.ca/
 
 

Más contenido relacionado

Destacado (20)

Metodologia educación a distancia
Metodologia educación a distanciaMetodologia educación a distancia
Metodologia educación a distancia
 
Anticoagulation. trials vs real world
Anticoagulation. trials vs real worldAnticoagulation. trials vs real world
Anticoagulation. trials vs real world
 
Tutores virtuales en formación
Tutores virtuales en formaciónTutores virtuales en formación
Tutores virtuales en formación
 
Ensayo Banco Sudamericano
Ensayo Banco SudamericanoEnsayo Banco Sudamericano
Ensayo Banco Sudamericano
 
tributo a Nickelback
tributo a Nickelbacktributo a Nickelback
tributo a Nickelback
 
Confia En Mi
Confia En MiConfia En Mi
Confia En Mi
 
Que edad tienes_abuela-12686
Que edad tienes_abuela-12686Que edad tienes_abuela-12686
Que edad tienes_abuela-12686
 
Accidente Fatal Ruta A-16
Accidente Fatal Ruta A-16Accidente Fatal Ruta A-16
Accidente Fatal Ruta A-16
 
Educacion A Distancia
Educacion A DistanciaEducacion A Distancia
Educacion A Distancia
 
Virus informatico
Virus informaticoVirus informatico
Virus informatico
 
CÓMPUTO EDUCATIVO
CÓMPUTO EDUCATIVOCÓMPUTO EDUCATIVO
CÓMPUTO EDUCATIVO
 
Virus y antivirus informaticos
Virus y antivirus informaticosVirus y antivirus informaticos
Virus y antivirus informaticos
 
Entrevista investigacion de_mercado
Entrevista investigacion de_mercadoEntrevista investigacion de_mercado
Entrevista investigacion de_mercado
 
Cambiemosa Ecuador
Cambiemosa EcuadorCambiemosa Ecuador
Cambiemosa Ecuador
 
Terapia do elogio
Terapia do elogioTerapia do elogio
Terapia do elogio
 
Sistema respiratorio
Sistema respiratorioSistema respiratorio
Sistema respiratorio
 
La ciencia
La cienciaLa ciencia
La ciencia
 
Feliz dia del maestro
Feliz dia del maestroFeliz dia del maestro
Feliz dia del maestro
 
DISPOSITIVOS DE PROCESO DE CONFIGURACIÓN
DISPOSITIVOS DE PROCESO DE CONFIGURACIÓN DISPOSITIVOS DE PROCESO DE CONFIGURACIÓN
DISPOSITIVOS DE PROCESO DE CONFIGURACIÓN
 
1. El poder inverso del elogio
1. El poder inverso del elogio 1. El poder inverso del elogio
1. El poder inverso del elogio
 

Similar a Reticulas para pantallas

Cómo escribir para la web (Según Guillermo Franco)
Cómo escribir para la web (Según Guillermo Franco)Cómo escribir para la web (Según Guillermo Franco)
Cómo escribir para la web (Según Guillermo Franco)Acu Li
 
Usabilidad del sitio web
Usabilidad del sitio webUsabilidad del sitio web
Usabilidad del sitio webGabriela Garcia
 
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"NataliaLeyvaC
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactivayeli78saer
 
FORMATOS
FORMATOSFORMATOS
FORMATOSTiaKaka
 
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"NataliaLeyvaC
 
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"NataliaLeyvaC
 
DiseñO GráFico
DiseñO GráFicoDiseñO GráFico
DiseñO GráFicocecimat
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla DianeLadino
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla DianeLadino
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantallaYudyliher
 
Principios
PrincipiosPrincipios
Principiosniko a
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2Mena75
 

Similar a Reticulas para pantallas (20)

Usabilidad
UsabilidadUsabilidad
Usabilidad
 
COMUNICACIÓN INTERACTIVA
COMUNICACIÓN INTERACTIVACOMUNICACIÓN INTERACTIVA
COMUNICACIÓN INTERACTIVA
 
Informatica
InformaticaInformatica
Informatica
 
Cómo escribir para la web (Según Guillermo Franco)
Cómo escribir para la web (Según Guillermo Franco)Cómo escribir para la web (Según Guillermo Franco)
Cómo escribir para la web (Según Guillermo Franco)
 
Usabilidad del sitio web
Usabilidad del sitio webUsabilidad del sitio web
Usabilidad del sitio web
 
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
 
FORMATOS
FORMATOSFORMATOS
FORMATOS
 
Accesibilidad
Accesibilidad Accesibilidad
Accesibilidad
 
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
 
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
 
DiseñO GráFico
DiseñO GráFicoDiseñO GráFico
DiseñO GráFico
 
Citilab 20090617 Congosto
Citilab 20090617 CongostoCitilab 20090617 Congosto
Citilab 20090617 Congosto
 
Guion didactico
Guion didacticoGuion didactico
Guion didactico
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantalla
 
Principios
PrincipiosPrincipios
Principios
 
Moretti
MorettiMoretti
Moretti
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
 

Último

ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxnandoapperscabanilla
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVGiustinoAdesso1
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIIsauraImbrondone
 

Último (20)

ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 

Reticulas para pantallas

  • 1. POR: Carolina Chinome Alvarado Comunicación Social-Periodismo
  • 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
  • 10. Presenta imágenes fijas más texto. No es modificable y sólo se presta para su lectura.
  • 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.
  • 12. http://www.strongbowgold.com/default.html http://magicsocket.com/ http://www.galgadot.com/
  • 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.
  • 18.  
  • 20.  
  • 21.