SlideShare una empresa de Scribd logo
1 de 10
COMPOSICIÓN DE LA RETÍCULA En el diseño para pantallas digitales hay que adaptar los elementos empleados en impresión para uso en pantalla. Un sistema reticular bien estructurado puede contribuir a identificar los elementos y  funciones de un sitio web con mayor facilidad. RETÍCULAS PARA PANTALLA
RETÍCULA VISUAL Transmite sensación de continuidad, permite asimilar rápidamente el contenido y su distribución.
RETÍCULA VISUAL En este ejemplo vemos como pantallazo tras pantallazo a medida que se navega por la página…
RETÍCULA VISUAL Esta, guarda el mismo formato cumpliendo con el objetivo de la retícula visual.
Tiempo y Movimiento Los movimientos de péquelas figuras atraen sobre zonas interactivas e informativas.
Tiempo y Movimiento En este ejemplo, la página cambia de imágenes y tiene un movimiento constante llamando la atención del visitante.
Tiempo y movimiento Además al desplazar el cursor por cualquiera de las pestañas, la barra cambia de color.
Jerárquica.  La barra de navegación del Cd Room siempre se muestra a la izquierda, la atención del internauta se atrae mediante los códigos de color superpuestos en las zonas negras, blancas y grises.
Jerárquica. En el ejemplo el menú esta puesto en la parte izquierda de la pantalla…
Jerárquica. Y al desplazar el cursor por el menú, este se despliega inmediatamente.

Más contenido relacionado

La actualidad más candente

Imágenes vectoriales y mapas de bits
Imágenes vectoriales y mapas de bitsImágenes vectoriales y mapas de bits
Imágenes vectoriales y mapas de bitsRodrigo Gomez
 
Imagenes vectoriales y bitmap
Imagenes vectoriales y bitmapImagenes vectoriales y bitmap
Imagenes vectoriales y bitmapraisilva
 
Actividad daniela y michelle 1ro c
Actividad daniela y michelle 1ro cActividad daniela y michelle 1ro c
Actividad daniela y michelle 1ro cDaniela Sanchez
 
Imagen vectorial y mapa de bits
Imagen vectorial y mapa de bitsImagen vectorial y mapa de bits
Imagen vectorial y mapa de bitsAriadnaD1sena
 

La actualidad más candente (8)

Imágenes vectoriales y mapas de bits
Imágenes vectoriales y mapas de bitsImágenes vectoriales y mapas de bits
Imágenes vectoriales y mapas de bits
 
Diferencias entre vectores y mapa de bits
Diferencias entre vectores y mapa de bitsDiferencias entre vectores y mapa de bits
Diferencias entre vectores y mapa de bits
 
Imagenes vectoriales y bitmap
Imagenes vectoriales y bitmapImagenes vectoriales y bitmap
Imagenes vectoriales y bitmap
 
Actividad daniela y michelle 1ro c
Actividad daniela y michelle 1ro cActividad daniela y michelle 1ro c
Actividad daniela y michelle 1ro c
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Imagen vectorial y mapa de bits
Imagen vectorial y mapa de bitsImagen vectorial y mapa de bits
Imagen vectorial y mapa de bits
 
Taller Blender
Taller BlenderTaller Blender
Taller Blender
 
Cap 5
Cap 5Cap 5
Cap 5
 

Destacado

Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallasadrianamontano2
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantallanatuchotica
 
Elementos que componen la página viii
Elementos que componen la página viiiElementos que componen la página viii
Elementos que componen la página viiicliovirtual
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorialmalejabu
 
InDesign y el diseño de retículas
InDesign y el diseño de retículasInDesign y el diseño de retículas
InDesign y el diseño de retículasAlberto Albarrán
 
Elementos en el Mensaje Publicitario
Elementos en el Mensaje PublicitarioElementos en el Mensaje Publicitario
Elementos en el Mensaje PublicitarioDianeLadino
 

Destacado (7)

Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallas
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
 
Elementos que componen la página viii
Elementos que componen la página viiiElementos que componen la página viii
Elementos que componen la página viii
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
InDesign y el diseño de retículas
InDesign y el diseño de retículasInDesign y el diseño de retículas
InDesign y el diseño de retículas
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Elementos en el Mensaje Publicitario
Elementos en el Mensaje PublicitarioElementos en el Mensaje Publicitario
Elementos en el Mensaje Publicitario
 

Similar a Retículas Para Pantalla

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
 
Opensession - Cómo sacar partido al prototipado con Invision.
Opensession - Cómo sacar partido al prototipado con Invision.Opensession - Cómo sacar partido al prototipado con Invision.
Opensession - Cómo sacar partido al prototipado con Invision.Multiplica
 
Retículas para pantalla 1
Retículas para pantalla 1Retículas para pantalla 1
Retículas para pantalla 1jonbethan
 
Retículas.. (1)
Retículas.. (1)Retículas.. (1)
Retículas.. (1)jonbethan
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantallamarcelanossa
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantallamonipt
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantallaYudyliher
 
Reticulas para Pantalla
Reticulas para PantallaReticulas para Pantalla
Reticulas para PantallaAlejandra Cruz
 
Reticulas para Pantalla
Reticulas para PantallaReticulas para Pantalla
Reticulas para PantallaAlejandra Cruz
 
ComparacióN De Flash Vs Swish
ComparacióN De Flash Vs SwishComparacióN De Flash Vs Swish
ComparacióN De Flash Vs Swish185nayeli
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantallablogsandra10
 
Front end basics - Responsive Web Design
Front end basics - Responsive Web DesignFront end basics - Responsive Web Design
Front end basics - Responsive Web DesignNadal Soler
 
Retículas para pantalla
Retículas para pantalla Retículas para pantalla
Retículas para pantalla Paulo Gutierrez
 

Similar a Retículas Para Pantalla (20)

Reticula
ReticulaReticula
Reticula
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Opensession - Cómo sacar partido al prototipado con Invision.
Opensession - Cómo sacar partido al prototipado con Invision.Opensession - Cómo sacar partido al prototipado con Invision.
Opensession - Cómo sacar partido al prototipado con Invision.
 
Retículas para pantalla 1
Retículas para pantalla 1Retículas para pantalla 1
Retículas para pantalla 1
 
Retículas.. (1)
Retículas.. (1)Retículas.. (1)
Retículas.. (1)
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantalla
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantalla
 
Reticulas para Pantalla
Reticulas para PantallaReticulas para Pantalla
Reticulas para Pantalla
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Illustrator reference
Illustrator referenceIllustrator reference
Illustrator reference
 
Reticulas para Pantalla
Reticulas para PantallaReticulas para Pantalla
Reticulas para Pantalla
 
ComparacióN De Flash Vs Swish
ComparacióN De Flash Vs SwishComparacióN De Flash Vs Swish
ComparacióN De Flash Vs Swish
 
Flash
FlashFlash
Flash
 
Taaniiaaa liizeetth
Taaniiaaa liizeetthTaaniiaaa liizeetth
Taaniiaaa liizeetth
 
Multimedia d
Multimedia dMultimedia d
Multimedia d
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Front end basics - Responsive Web Design
Front end basics - Responsive Web DesignFront end basics - Responsive Web Design
Front end basics - Responsive Web Design
 
Retículas para pantalla
Retículas para pantalla Retículas para pantalla
Retículas para pantalla
 

Último

Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfJonathanCovena1
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...JAVIER SOLIS NOYOLA
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesMarisolMartinez707897
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOluismii249
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxhenarfdez
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024IES Vicent Andres Estelles
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptxCamuchaCrdovaAlonso
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...JoseMartinMalpartida1
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONamelia poma
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primariaWilian24
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfMercedes Gonzalez
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxBeatrizQuijano2
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalJonathanCovena1
 

Último (20)

Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 

Retículas Para Pantalla

  • 1. COMPOSICIÓN DE LA RETÍCULA En el diseño para pantallas digitales hay que adaptar los elementos empleados en impresión para uso en pantalla. Un sistema reticular bien estructurado puede contribuir a identificar los elementos y funciones de un sitio web con mayor facilidad. RETÍCULAS PARA PANTALLA
  • 2. RETÍCULA VISUAL Transmite sensación de continuidad, permite asimilar rápidamente el contenido y su distribución.
  • 3. RETÍCULA VISUAL En este ejemplo vemos como pantallazo tras pantallazo a medida que se navega por la página…
  • 4. RETÍCULA VISUAL Esta, guarda el mismo formato cumpliendo con el objetivo de la retícula visual.
  • 5. Tiempo y Movimiento Los movimientos de péquelas figuras atraen sobre zonas interactivas e informativas.
  • 6. Tiempo y Movimiento En este ejemplo, la página cambia de imágenes y tiene un movimiento constante llamando la atención del visitante.
  • 7. Tiempo y movimiento Además al desplazar el cursor por cualquiera de las pestañas, la barra cambia de color.
  • 8. Jerárquica. La barra de navegación del Cd Room siempre se muestra a la izquierda, la atención del internauta se atrae mediante los códigos de color superpuestos en las zonas negras, blancas y grises.
  • 9. Jerárquica. En el ejemplo el menú esta puesto en la parte izquierda de la pantalla…
  • 10. Jerárquica. Y al desplazar el cursor por el menú, este se despliega inmediatamente.