SlideShare a Scribd company logo
1 of 4
Retículas
        para pantalla
Las retículas para pantalla son la base para la creación
de una pagina web, con ella podemos determinar la
cantidad de columnas, la ubicación de las imágenes y el
texto para que el lector pueda observar su contenido de
manera mas agil y atractiva visualmente.



              Marcela Nossa Cortes
Barra de navegación a la izquierda

Es recomendable colocar los elementos funcionales como lo es la barra de
navegación en la parte izquierda ya que según los hábitos de lectura esto se hace
de izquierda a derecha y esto además garantiza que independientemente del tipo
de pantalla se garantice que la información contenida en esa barra nunca se corte.
Retícula Cromática
Es importante tener claro para que tipo de usuarios o cibernauta va ir dirigida una
pagina web para de esta forma poder elegir los colores mas apropiados para el
diseño de esta y lograr así llamar la atención de los usuarios con colores
contrastantes y agradables visualmente.
Retícula de referencia
Son paginas en las cuales cuya estructura, diseño, audio, imágenes y demás
elementos están predeterminados y son actualizados únicamente por el diseñador
que lo diseño, los ejemplos mas claros de este tipo de retículas son las paginas
informativas en su mayoría

More Related Content

What's hot (15)

Fotoflexer
FotoflexerFotoflexer
Fotoflexer
 
Pantalla de interacción de word
Pantalla de interacción de wordPantalla de interacción de word
Pantalla de interacción de word
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Canva
CanvaCanva
Canva
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Reticulas de pantalla
Reticulas de pantallaReticulas de pantalla
Reticulas de pantalla
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Imágenes: presentaciones visuales
Imágenes: presentaciones visualesImágenes: presentaciones visuales
Imágenes: presentaciones visuales
 
Procesos de diseño
Procesos de diseñoProcesos de diseño
Procesos de diseño
 
Diseño visual para web
Diseño visual para webDiseño visual para web
Diseño visual para web
 
Tp sistemas (juan elias traverso lacave)
Tp sistemas (juan elias traverso lacave)Tp sistemas (juan elias traverso lacave)
Tp sistemas (juan elias traverso lacave)
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
ALGUNAS RETICULAS PARA PANTALLA
ALGUNAS  RETICULAS  PARA  PANTALLAALGUNAS  RETICULAS  PARA  PANTALLA
ALGUNAS RETICULAS PARA PANTALLA
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 

Viewers also liked

Viewers also liked (19)

Mapa Conceptual Gerencia Pública y Privada
Mapa Conceptual Gerencia Pública y PrivadaMapa Conceptual Gerencia Pública y Privada
Mapa Conceptual Gerencia Pública y Privada
 
Los animales curso
Los animales cursoLos animales curso
Los animales curso
 
Animales en peligro de extinción del perú
Animales en peligro de extinción del perúAnimales en peligro de extinción del perú
Animales en peligro de extinción del perú
 
Acerca de google drive
Acerca de google driveAcerca de google drive
Acerca de google drive
 
Astronomia i exploració espacial
Astronomia i exploració espacialAstronomia i exploració espacial
Astronomia i exploració espacial
 
Portada
PortadaPortada
Portada
 
Dos
DosDos
Dos
 
Presentación1
Presentación1Presentación1
Presentación1
 
Universidad nacional-de-chimborazo1 (1)
Universidad nacional-de-chimborazo1 (1)Universidad nacional-de-chimborazo1 (1)
Universidad nacional-de-chimborazo1 (1)
 
Optimal configuration of network
Optimal configuration of networkOptimal configuration of network
Optimal configuration of network
 
Esternon
EsternonEsternon
Esternon
 
Clase 3
Clase 3 Clase 3
Clase 3
 
Ciberbullying
CiberbullyingCiberbullying
Ciberbullying
 
Triptico mujeres pintoras
Triptico mujeres pintorasTriptico mujeres pintoras
Triptico mujeres pintoras
 
La hoja
La hojaLa hoja
La hoja
 
Herramientas de la web 2
Herramientas de la web 2Herramientas de la web 2
Herramientas de la web 2
 
Manual bosch lavavajillas blanco sms57 e22eu
Manual bosch   lavavajillas blanco sms57 e22euManual bosch   lavavajillas blanco sms57 e22eu
Manual bosch lavavajillas blanco sms57 e22eu
 
Dispocitivos informaticos
Dispocitivos informaticosDispocitivos informaticos
Dispocitivos informaticos
 
Símbolos patrios del perú
Símbolos patrios del perúSímbolos patrios del perú
Símbolos patrios del perú
 

Similar to Reticulas para pantalla

Retículos para pantalla
Retículos para pantallaRetículos para pantalla
Retículos para pantalladurrego
 
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
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)alexpulupa
 
Importancia del diseno en la web
Importancia del diseno en la webImportancia del diseno en la web
Importancia del diseno en la webpaoloarevaloortiz
 
Retículas para la pantalla
Retículas para la pantallaRetículas para la pantalla
Retículas para la pantallajosebarraganc
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad WebAriazu
 
Retículas Para Pantalla
Retículas Para PantallaRetículas Para Pantalla
Retículas Para Pantallamarfon1280
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantallamonipt
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo UsabilidadCesar Salazar
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2Mena75
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXAdan Avelar
 
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginaspaoloarevaloortiz
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonioEsling Madrid
 
principios-basicos-del-desarrollo-web-20240314195934aZl6.pptx
principios-basicos-del-desarrollo-web-20240314195934aZl6.pptxprincipios-basicos-del-desarrollo-web-20240314195934aZl6.pptx
principios-basicos-del-desarrollo-web-20240314195934aZl6.pptxfelippee1010
 
Usabilidad para principiantes
Usabilidad para principiantesUsabilidad para principiantes
Usabilidad para principiantesAlexis Escalante
 
Lalalalala lalalalala lalalala
Lalalalala lalalalala lalalalaLalalalala lalalalala lalalala
Lalalalala lalalalala lalalalaNicolas Roman
 

Similar to Reticulas para pantalla (20)

Retículos para pantalla
Retículos para pantallaRetículos para pantalla
Retículos para pantalla
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)Importancia del diseno_en_web (2)
Importancia del diseno_en_web (2)
 
Importancia del diseno en la web
Importancia del diseno en la webImportancia del diseno en la web
Importancia del diseno en la web
 
Retículas para la pantalla
Retículas para la pantallaRetículas para la pantalla
Retículas para la pantalla
 
El arte del diseño web
El arte del diseño webEl arte del diseño web
El arte del diseño web
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
Retículas Para Pantalla
Retículas Para PantallaRetículas Para Pantalla
Retículas Para Pantalla
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantalla
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo Usabilidad
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMX
 
Introducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginasIntroducción tamaños y tipos de paginas
Introducción tamaños y tipos de paginas
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
principios-basicos-del-desarrollo-web-20240314195934aZl6.pptx
principios-basicos-del-desarrollo-web-20240314195934aZl6.pptxprincipios-basicos-del-desarrollo-web-20240314195934aZl6.pptx
principios-basicos-del-desarrollo-web-20240314195934aZl6.pptx
 
Usabilidad para principiantes
Usabilidad para principiantesUsabilidad para principiantes
Usabilidad para principiantes
 
Lalalalala lalalalala lalalala
Lalalalala lalalalala lalalalaLalalalala lalalalala lalalala
Lalalalala lalalalala lalalala
 

More from marcelanossa

Tipografia y color
Tipografia y colorTipografia y color
Tipografia y colormarcelanossa
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseñomarcelanossa
 
El espacio en el mensaje publicitario
El espacio en el mensaje publicitarioEl espacio en el mensaje publicitario
El espacio en el mensaje publicitariomarcelanossa
 
El espacio en el mensaje publicitario
El espacio en el mensaje publicitarioEl espacio en el mensaje publicitario
El espacio en el mensaje publicitariomarcelanossa
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseñomarcelanossa
 
El espacio en el mensaje publicitario
El espacio en el mensaje publicitarioEl espacio en el mensaje publicitario
El espacio en el mensaje publicitariomarcelanossa
 
Fundamentos del Diseño
Fundamentos del DiseñoFundamentos del Diseño
Fundamentos del Diseñomarcelanossa
 

More from marcelanossa (10)

Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
Layout
LayoutLayout
Layout
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Formato
FormatoFormato
Formato
 
El espacio en el mensaje publicitario
El espacio en el mensaje publicitarioEl espacio en el mensaje publicitario
El espacio en el mensaje publicitario
 
El espacio en el mensaje publicitario
El espacio en el mensaje publicitarioEl espacio en el mensaje publicitario
El espacio en el mensaje publicitario
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Layout
LayoutLayout
Layout
 
El espacio en el mensaje publicitario
El espacio en el mensaje publicitarioEl espacio en el mensaje publicitario
El espacio en el mensaje publicitario
 
Fundamentos del Diseño
Fundamentos del DiseñoFundamentos del Diseño
Fundamentos del Diseño
 

Recently uploaded

Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
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ónLourdes Feria
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
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
 
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
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 

Recently uploaded (20)

Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
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
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
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
 
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
 
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
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
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
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 

Reticulas para pantalla

  • 1. Retículas para pantalla Las retículas para pantalla son la base para la creación de una pagina web, con ella podemos determinar la cantidad de columnas, la ubicación de las imágenes y el texto para que el lector pueda observar su contenido de manera mas agil y atractiva visualmente. Marcela Nossa Cortes
  • 2. Barra de navegación a la izquierda Es recomendable colocar los elementos funcionales como lo es la barra de navegación en la parte izquierda ya que según los hábitos de lectura esto se hace de izquierda a derecha y esto además garantiza que independientemente del tipo de pantalla se garantice que la información contenida en esa barra nunca se corte.
  • 3. Retícula Cromática Es importante tener claro para que tipo de usuarios o cibernauta va ir dirigida una pagina web para de esta forma poder elegir los colores mas apropiados para el diseño de esta y lograr así llamar la atención de los usuarios con colores contrastantes y agradables visualmente.
  • 4. Retícula de referencia Son paginas en las cuales cuya estructura, diseño, audio, imágenes y demás elementos están predeterminados y son actualizados únicamente por el diseñador que lo diseño, los ejemplos mas claros de este tipo de retículas son las paginas informativas en su mayoría