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

TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
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
 
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
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
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
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
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
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
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
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
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
 
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 triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 

Último (20)

TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
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
 
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
 
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
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
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
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
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...
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
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
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
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
 
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 triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 

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