SlideShare una empresa de Scribd logo
1 de 7
Las retículas de pantalla son la base para la creación de las páginas
web, en ellas podemos determinar la ubicación de todos los elementos
de la página como lo son las columnas, el texto, las imágenes para que
sean más agradables para el observador.




RETÍCULAS PARA PANTALLA
BARRAS DE NAVEGACIÓN IZQUIERDA
Las barras de navegación izquierda ayuda a la navegación de la
 página, ya que la metodología de lectura va de derecha a izquierda, esta
 barra es indispensable ya que guía al usuario a la navegación de toda la
 página web




BARRAS DE NAVEGACIÓN IZQUIERDA
RETÍCULA CROMÁTICA
Las páginas web al igual que otros medios ya vistos deben tener colores
 e imágenes llamativas teniendo en cuenta a quien va dirigido, cuando
 las páginas no son llamativas se tornan aburridas y no dura mucho la
 navegación.




RETÍCULA CROMÁTICA
RETÍCULA DE REFERENCIA
Estas páginas generalmente pertenecen a compañías y a los medios de
 comunicación, ya están predeterminadas y constantemente se están
 actualizando por quienes la diseñan, La actualización es según lo
 determina el dueño de la página




RETÍCULA DE REFERENCIA

Más contenido relacionado

Destacado

Effizienz in der Verwaltung durch Shared IT-Services
Effizienz in der Verwaltung durch Shared IT-ServicesEffizienz in der Verwaltung durch Shared IT-Services
Effizienz in der Verwaltung durch Shared IT-ServicesArbeitskreis10
 
Reise-Apps: Nutzung, Erwartungen, Preisbereitschaft
Reise-Apps: Nutzung, Erwartungen, PreisbereitschaftReise-Apps: Nutzung, Erwartungen, Preisbereitschaft
Reise-Apps: Nutzung, Erwartungen, PreisbereitschaftTrendscope
 
Entscheider-Panel der deutschen Reiseindustrie
Entscheider-Panel der deutschen ReiseindustrieEntscheider-Panel der deutschen Reiseindustrie
Entscheider-Panel der deutschen ReiseindustrieTrendscope
 
Expectativas de Ejecutivos Junio 2015
Expectativas de Ejecutivos Junio 2015Expectativas de Ejecutivos Junio 2015
Expectativas de Ejecutivos Junio 2015DAlessio_Irol
 
Programa de prencentacion prezi
Programa de prencentacion preziPrograma de prencentacion prezi
Programa de prencentacion preziyesidand
 
Presentac.. erika
Presentac.. erikaPresentac.. erika
Presentac.. erikaerikachopin
 
Comparación finlandia ecuador
Comparación finlandia ecuadorComparación finlandia ecuador
Comparación finlandia ecuadorngnancy46
 
Hoyenclase 2014 11_01_ebola
Hoyenclase 2014 11_01_ebolaHoyenclase 2014 11_01_ebola
Hoyenclase 2014 11_01_ebolaMirceya Lima
 
Tendencias turísticas a largo plazo
Tendencias turísticas a largo plazoTendencias turísticas a largo plazo
Tendencias turísticas a largo plazoLaura Basagaña Illa
 
Anarquismo para el s. xxi
Anarquismo para el s. xxiAnarquismo para el s. xxi
Anarquismo para el s. xxiManuel Garrido
 
Informe IDEA: Encuesta Expectativa de Ejecutivos
Informe IDEA: Encuesta Expectativa de EjecutivosInforme IDEA: Encuesta Expectativa de Ejecutivos
Informe IDEA: Encuesta Expectativa de EjecutivosDAlessio_Irol
 
Wahrnehmung von Logistik und Güterverkehr in Köln
Wahrnehmung von Logistik und Güterverkehr in KölnWahrnehmung von Logistik und Güterverkehr in Köln
Wahrnehmung von Logistik und Güterverkehr in KölnTrendscope
 

Destacado (18)

museo virtual
museo virtualmuseo virtual
museo virtual
 
Effizienz in der Verwaltung durch Shared IT-Services
Effizienz in der Verwaltung durch Shared IT-ServicesEffizienz in der Verwaltung durch Shared IT-Services
Effizienz in der Verwaltung durch Shared IT-Services
 
Reise-Apps: Nutzung, Erwartungen, Preisbereitschaft
Reise-Apps: Nutzung, Erwartungen, PreisbereitschaftReise-Apps: Nutzung, Erwartungen, Preisbereitschaft
Reise-Apps: Nutzung, Erwartungen, Preisbereitschaft
 
Entscheider-Panel der deutschen Reiseindustrie
Entscheider-Panel der deutschen ReiseindustrieEntscheider-Panel der deutschen Reiseindustrie
Entscheider-Panel der deutschen Reiseindustrie
 
Expectativas de Ejecutivos Junio 2015
Expectativas de Ejecutivos Junio 2015Expectativas de Ejecutivos Junio 2015
Expectativas de Ejecutivos Junio 2015
 
Programa de prencentacion prezi
Programa de prencentacion preziPrograma de prencentacion prezi
Programa de prencentacion prezi
 
Presentac.. erika
Presentac.. erikaPresentac.. erika
Presentac.. erika
 
Proyecto
ProyectoProyecto
Proyecto
 
Comparación finlandia ecuador
Comparación finlandia ecuadorComparación finlandia ecuador
Comparación finlandia ecuador
 
Hoyenclase 2014 11_01_ebola
Hoyenclase 2014 11_01_ebolaHoyenclase 2014 11_01_ebola
Hoyenclase 2014 11_01_ebola
 
Observacion y descripcion
Observacion y descripcionObservacion y descripcion
Observacion y descripcion
 
Tendencias turísticas a largo plazo
Tendencias turísticas a largo plazoTendencias turísticas a largo plazo
Tendencias turísticas a largo plazo
 
Anarquismo para el s. xxi
Anarquismo para el s. xxiAnarquismo para el s. xxi
Anarquismo para el s. xxi
 
Informe IDEA: Encuesta Expectativa de Ejecutivos
Informe IDEA: Encuesta Expectativa de EjecutivosInforme IDEA: Encuesta Expectativa de Ejecutivos
Informe IDEA: Encuesta Expectativa de Ejecutivos
 
CODIGOS
CODIGOSCODIGOS
CODIGOS
 
Imaginario político
Imaginario políticoImaginario político
Imaginario político
 
Wahrnehmung von Logistik und Güterverkehr in Köln
Wahrnehmung von Logistik und Güterverkehr in KölnWahrnehmung von Logistik und Güterverkehr in Köln
Wahrnehmung von Logistik und Güterverkehr in Köln
 
El esclavo
El esclavoEl esclavo
El esclavo
 

Similar a Retículos para pantalla

Retículas para la pantalla
Retículas para la pantallaRetículas para la pantalla
Retículas para la pantallajosebarraganc
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantallamarcelanossa
 
Retículas para pantalla
Retículas para pantalla Retículas para pantalla
Retículas para pantalla Paulo Gutierrez
 
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
 
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
 
¿Qué es el diseño web?
¿Qué es el diseño web? ¿Qué es el diseño web?
¿Qué es el diseño web? Marisa Sánchez
 
Importancia del diseno en la web
Importancia del diseno en la webImportancia del diseno en la web
Importancia del diseno en la webpaoloarevaloortiz
 
Reglas Para Diseño Web
Reglas Para Diseño WebReglas Para Diseño Web
Reglas Para Diseño WebLuis Palomino
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo UsabilidadCesar Salazar
 
Reticulas de pantalla
Reticulas de pantallaReticulas de pantalla
Reticulas de pantallabiviana28
 
Principios elementales de maquetación WEB
Principios elementales de maquetación WEBPrincipios elementales de maquetación WEB
Principios elementales de maquetación WEBJavier Navarro
 
Reticulas para pantalla[1]
Reticulas para pantalla[1]Reticulas para pantalla[1]
Reticulas para pantalla[1]salolaya
 
Reticulas para pantalla[1]
Reticulas para pantalla[1]Reticulas para pantalla[1]
Reticulas para pantalla[1]jonbethan
 

Similar a Retículos para pantalla (20)

Retículas para la pantalla
Retículas para la pantallaRetículas para la pantalla
Retículas para la pantalla
 
Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
 
Reticula
ReticulaReticula
Reticula
 
Retículas para pantalla
Retículas para pantalla Retículas para pantalla
Retículas 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)
 
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
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
¿Qué es el diseño web?
¿Qué es el diseño web? ¿Qué es el diseño web?
¿Qué es el diseño web?
 
Importancia del diseno en la web
Importancia del diseno en la webImportancia del diseno en la web
Importancia del diseno en la web
 
Reglas Para Diseño Web
Reglas Para Diseño WebReglas Para Diseño Web
Reglas Para Diseño Web
 
NSU No Solo Usabilidad
NSU No Solo UsabilidadNSU No Solo Usabilidad
NSU No Solo Usabilidad
 
Reticulas de pantalla
Reticulas de pantallaReticulas de pantalla
Reticulas de pantalla
 
Principios elementales de maquetación WEB
Principios elementales de maquetación WEBPrincipios elementales de maquetación WEB
Principios elementales de maquetación WEB
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Reticulas para pantalla[1]
Reticulas para pantalla[1]Reticulas para pantalla[1]
Reticulas para pantalla[1]
 
Reticulas para pantalla[1]
Reticulas para pantalla[1]Reticulas para pantalla[1]
Reticulas para pantalla[1]
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
 
Menusfooter
MenusfooterMenusfooter
Menusfooter
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
 
Navegar Po Un Sitio Web
Navegar Po Un Sitio WebNavegar Po Un Sitio Web
Navegar Po Un Sitio Web
 

Más de durrego

Diseño del blog
Diseño del blogDiseño del blog
Diseño del blogdurrego
 
Reglas para pantalla tipografía y color
Reglas para pantalla tipografía y colorReglas para pantalla tipografía y color
Reglas para pantalla tipografía y colordurrego
 
Formatos
FormatosFormatos
Formatosdurrego
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitariodurrego
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseñodurrego
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseñodurrego
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseñodurrego
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseñodurrego
 

Más de durrego (9)

Diseño del blog
Diseño del blogDiseño del blog
Diseño del blog
 
Reglas para pantalla tipografía y color
Reglas para pantalla tipografía y colorReglas para pantalla tipografía y color
Reglas para pantalla tipografía y color
 
Formatos
FormatosFormatos
Formatos
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseño
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseño
 
Layout
LayoutLayout
Layout
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseño
 
Fundamentos de diseño
Fundamentos de diseñoFundamentos de diseño
Fundamentos de diseño
 

Último

Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfssuser50d1252
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxRAMON EUSTAQUIO CARO BAYONA
 
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIAGUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIAELIASPELAEZSARMIENTO1
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTESaraNolasco4
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADOFICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxMaritza438836
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docxLuisAndersonPachasto
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 

Último (20)

Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdfFichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
Fichas de Matemática DE SEGUNDO DE SECUNDARIA.pdf
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
 
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIAGUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
GUIA DE TEXTOS EDUCATIVOS SANTILLANA PARA SECUNDARIA
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
La luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luzLa luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luz
 
recursos naturales america cuarto basico
recursos naturales america cuarto basicorecursos naturales america cuarto basico
recursos naturales america cuarto basico
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADOFICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
 
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
 
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docxEDUCACION FISICA 1°  PROGRAMACIÓN ANUAL 2023.docx
EDUCACION FISICA 1° PROGRAMACIÓN ANUAL 2023.docx
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 

Retículos para pantalla

  • 1. Las retículas de pantalla son la base para la creación de las páginas web, en ellas podemos determinar la ubicación de todos los elementos de la página como lo son las columnas, el texto, las imágenes para que sean más agradables para el observador. RETÍCULAS PARA PANTALLA
  • 3. Las barras de navegación izquierda ayuda a la navegación de la página, ya que la metodología de lectura va de derecha a izquierda, esta barra es indispensable ya que guía al usuario a la navegación de toda la página web BARRAS DE NAVEGACIÓN IZQUIERDA
  • 5. Las páginas web al igual que otros medios ya vistos deben tener colores e imágenes llamativas teniendo en cuenta a quien va dirigido, cuando las páginas no son llamativas se tornan aburridas y no dura mucho la navegación. RETÍCULA CROMÁTICA
  • 7. Estas páginas generalmente pertenecen a compañías y a los medios de comunicación, ya están predeterminadas y constantemente se están actualizando por quienes la diseñan, La actualización es según lo determina el dueño de la página RETÍCULA DE REFERENCIA