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 (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 (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
 
Retículas para pantalla 1
Retículas para pantalla 1Retículas para pantalla 1
Retículas para pantalla 1
jonbethan
 
Retículas.. (1)
Retículas.. (1)Retículas.. (1)
Retículas.. (1)
jonbethan
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
marcelanossa
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantalla
monipt
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantalla
Yudyliher
 
Reticulas para Pantalla
Reticulas para PantallaReticulas para Pantalla
Reticulas para Pantalla
Alejandra Cruz
 
Reticulas para Pantalla
Reticulas para PantallaReticulas para Pantalla
Reticulas para Pantalla
Alejandra Cruz
 
ComparacióN De Flash Vs Swish
ComparacióN De Flash Vs SwishComparacióN De Flash Vs Swish
ComparacióN De Flash Vs Swish
185nayeli
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
blogsandra10
 
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

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
Fernando Solis
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
🦄💫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
EliaHernndez7
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 

Último (20)

OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
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
 
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.
 
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
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
🦄💫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
 
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
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
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
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .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
 
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
 

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.