SlideShare ist ein Scribd-Unternehmen logo
1 von 9
“Al diseñar presentaciones para pantallas digitales, no sólo es
   importante tener en cuenta las propiedades concretas que
 ofrecen los medios , sino que hay que adaptar los elementos
            empleados en impresión para su uso en pantalla.”
El diseño en la panta obliga el uso de un formato apaisado.
Esta página web
               prioriza una retícula
               central con la visual
                de sus productos y
              emplea dos retículas
                    superiores para
               enfatizar la marca y
                      su propiedad.




Retícula jerárquica
Retícula visual




                Este portal de información
         variada, conserva sus índices y su
estilo, de forma que permite ser intuitivo
   y ubicar al navegador de forma rápida.
Páginas dinámicas




                       El software Flash es una
                       herramienta que genera
                         gran impacto visual, al
                      superar los alcances de el
                           lenguaje estático de
                                         HTML.




Algunos diseñadores optan por el
lenguaje dinámico DHTML.
Diagrama de red




     Este método de
    navegación ofrece
libertad en el sitio. Puede
acceder a cualquier punto
    de la página desde
 cualquier punto, pero el
      usuario puede
      desorientarse.
Elementos de una página web

Logo




                  Navegación




                  Imagen/Texto
Elementos de una página web
Logo




              Navegación

             Redes Sociales




                    Imagen/Texto
Logo                           Retícula visual

                                Navegación




    v                             Imagen/Texto



                                Navegación




               Redes Sociales

Imagen/Texto

Weitere ähnliche Inhalte

Was ist angesagt?

caracteristicas de web
caracteristicas de webcaracteristicas de web
caracteristicas de web
Vilmis Ayala
 
Unidad educativa ‘’verbo divino’’
Unidad educativa ‘’verbo divino’’Unidad educativa ‘’verbo divino’’
Unidad educativa ‘’verbo divino’’
kattythalia
 
Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina web
andersond88
 
Sena herramientas web
Sena  herramientas webSena  herramientas web
Sena herramientas web
Mireya Leon
 
Contenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo htmlContenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo html
Luis Reinaldo Toledo
 
Tarea 3 administradoe de contenidos joomla wordpres
Tarea 3 administradoe  de contenidos joomla wordpresTarea 3 administradoe  de contenidos joomla wordpres
Tarea 3 administradoe de contenidos joomla wordpres
MiriamGuiz
 

Was ist angesagt? (15)

Presenacion
PresenacionPresenacion
Presenacion
 
Las páginas web
Las páginas webLas páginas web
Las páginas web
 
caracteristicas de web
caracteristicas de webcaracteristicas de web
caracteristicas de web
 
Unidad educativa ‘’verbo divino’’
Unidad educativa ‘’verbo divino’’Unidad educativa ‘’verbo divino’’
Unidad educativa ‘’verbo divino’’
 
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
 
Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina web
 
Movilweb
MovilwebMovilweb
Movilweb
 
Sena herramientas web
Sena  herramientas webSena  herramientas web
Sena herramientas web
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?
 
Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013
 
Contenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo htmlContenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo html
 
Cuadernillo virtal segundo periodo
Cuadernillo virtal segundo periodoCuadernillo virtal segundo periodo
Cuadernillo virtal segundo periodo
 
Tarea 3 administradoe de contenidos joomla wordpres
Tarea 3 administradoe  de contenidos joomla wordpresTarea 3 administradoe  de contenidos joomla wordpres
Tarea 3 administradoe de contenidos joomla wordpres
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 

Andere mochten auch

Cuidado del Medio Ambiente
Cuidado del Medio AmbienteCuidado del Medio Ambiente
Cuidado del Medio Ambiente
ricardo192
 
Sitios donde me gustaría ir
Sitios donde me gustaría irSitios donde me gustaría ir
Sitios donde me gustaría ir
MARIA_KIRO
 
Actividad n°2
Actividad n°2Actividad n°2
Actividad n°2
dah16
 
Informativo ifam noviembre
Informativo ifam noviembreInformativo ifam noviembre
Informativo ifam noviembre
Jason Rojas
 
Presentacion evelyn proyecto vida
Presentacion evelyn proyecto vidaPresentacion evelyn proyecto vida
Presentacion evelyn proyecto vida
CRISTIEVELYN
 
2 el regreso
2  el regreso2  el regreso
2 el regreso
brochass
 
Aproximación a las nee
Aproximación a las neeAproximación a las nee
Aproximación a las nee
cablecita
 

Andere mochten auch (20)

Plenilunio (relato)
Plenilunio (relato)Plenilunio (relato)
Plenilunio (relato)
 
Cuidado del Medio Ambiente
Cuidado del Medio AmbienteCuidado del Medio Ambiente
Cuidado del Medio Ambiente
 
Metales Ángel Peinado
Metales Ángel PeinadoMetales Ángel Peinado
Metales Ángel Peinado
 
Lab 221111
Lab 221111Lab 221111
Lab 221111
 
Sitios donde me gustaría ir
Sitios donde me gustaría irSitios donde me gustaría ir
Sitios donde me gustaría ir
 
Fotonovela
FotonovelaFotonovela
Fotonovela
 
Semana Santa
Semana SantaSemana Santa
Semana Santa
 
Mitosis celular
Mitosis celularMitosis celular
Mitosis celular
 
Avinash_Karande
Avinash_Karande Avinash_Karande
Avinash_Karande
 
Actividad n°2
Actividad n°2Actividad n°2
Actividad n°2
 
Tutorial 2 reflexiòn sobre derechos de autor
Tutorial 2 reflexiòn sobre derechos de autorTutorial 2 reflexiòn sobre derechos de autor
Tutorial 2 reflexiòn sobre derechos de autor
 
2 la cigarra y la hormiga
2 la cigarra y la hormiga2 la cigarra y la hormiga
2 la cigarra y la hormiga
 
La voz de 1º B
La voz de 1º BLa voz de 1º B
La voz de 1º B
 
Impacto de Internet en la mejora de la gestión del conocimiento de las PYMES
Impacto de Internet en la mejora de la gestión del conocimiento de las PYMESImpacto de Internet en la mejora de la gestión del conocimiento de las PYMES
Impacto de Internet en la mejora de la gestión del conocimiento de las PYMES
 
Informativo ifam noviembre
Informativo ifam noviembreInformativo ifam noviembre
Informativo ifam noviembre
 
Presentacion evelyn proyecto vida
Presentacion evelyn proyecto vidaPresentacion evelyn proyecto vida
Presentacion evelyn proyecto vida
 
Bexaa! (2)
Bexaa! (2)Bexaa! (2)
Bexaa! (2)
 
Juegos de video
Juegos de videoJuegos de video
Juegos de video
 
2 el regreso
2  el regreso2  el regreso
2 el regreso
 
Aproximación a las nee
Aproximación a las neeAproximación a las nee
Aproximación a las nee
 

Ähnlich wie Retículas de pantalla

Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
Lorena Guerrero
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
8vivi8
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
ciwmx
 
Desarrollo software orientado a la web
Desarrollo  software orientado a la webDesarrollo  software orientado a la web
Desarrollo software orientado a la web
Maritza_Tapia
 

Ähnlich wie Retículas de pantalla (20)

Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
INTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptxINTRODUCCION AL DISEÑO WEB.pptx
INTRODUCCION AL DISEÑO WEB.pptx
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Desarrollo software orientado a la web
Desarrollo  software orientado a la webDesarrollo  software orientado a la web
Desarrollo software orientado a la web
 
Pagina web
Pagina webPagina web
Pagina web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
SharePoint Saturday Lima - Como me veo!
SharePoint Saturday Lima -  Como me veo!SharePoint Saturday Lima -  Como me veo!
SharePoint Saturday Lima - Como me veo!
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
Paginas web
Paginas webPaginas web
Paginas web
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Diseno web
Diseno webDiseno web
Diseno web
 

Mehr von Daniel ZF (6)

Justificación
JustificaciónJustificación
Justificación
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Formatos
FormatosFormatos
Formatos
 
'Layout'
'Layout''Layout'
'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
 

Kürzlich hochgeladen

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
Wilian24
 
🦄💫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
 
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
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 

Kürzlich hochgeladen (20)

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...
 
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
UNIDAD DE APRENDIZAJE DE PRIMER GRADO DEL MES DE MAYO PARA TRABAJAR CON ESTUD...
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
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
 
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
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
🦄💫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
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
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
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
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
 
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
 
Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuela
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdf
 
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
 

Retículas de pantalla

  • 1. “Al diseñar presentaciones para pantallas digitales, no sólo es importante tener en cuenta las propiedades concretas que ofrecen los medios , sino que hay que adaptar los elementos empleados en impresión para su uso en pantalla.”
  • 2. El diseño en la panta obliga el uso de un formato apaisado.
  • 3. Esta página web prioriza una retícula central con la visual de sus productos y emplea dos retículas superiores para enfatizar la marca y su propiedad. Retícula jerárquica
  • 4. Retícula visual Este portal de información variada, conserva sus índices y su estilo, de forma que permite ser intuitivo y ubicar al navegador de forma rápida.
  • 5. Páginas dinámicas El software Flash es una herramienta que genera gran impacto visual, al superar los alcances de el lenguaje estático de HTML. Algunos diseñadores optan por el lenguaje dinámico DHTML.
  • 6. Diagrama de red Este método de navegación ofrece libertad en el sitio. Puede acceder a cualquier punto de la página desde cualquier punto, pero el usuario puede desorientarse.
  • 7. Elementos de una página web Logo Navegación Imagen/Texto
  • 8. Elementos de una página web Logo Navegación Redes Sociales Imagen/Texto
  • 9. Logo Retícula visual Navegación v Imagen/Texto Navegación Redes Sociales Imagen/Texto