SlideShare una empresa de Scribd logo
1 de 16
UNIDAD 2

      SESIÓN


               7
       Retículas para
       Pantalla
Desarrollo de la
                      Cuadricula
En las piezas digitales se utiliza generalmente el formato apaisado, este formato para pantalla afecta no solo a los
elementos dispuestos sobre la plantilla, sino también a la longitud de las columnas.
Las Plantillas para pantalla están diseñadas para ofrecer un apoyo en recursos como animaciones, audiovisuales,
tipografía en movimiento, etc. Dándonos una gama de posibilidades para elegir la que más nos sea útil, según la
intención deseada.
Para lograr una lectura positiva y que facilite encontrar lo deseado por parte del usuario, el diseñador debe tener en
cuenta la forma de diagramación, el manejo de jerarquías y pesos visuales; la retícula debe influir con la
continuidad, la identificación y la orientación; sin olvidar las partes esenciales que contribuyen a asegurar la
comprensión como la estabilidad funcional, el ritmo y la uniformidad.
HTML
Es una forma de presentar información en internet. Lo
principal para los sitios desarrollados con este
lenguaje, son la descarga de la pagina y el contenido,
por encima de el valor visual; ya que manejan una
cantidad considerable de información, careciendo de
elementos móviles y con una navegación plana (de
pagina a pagina). Una de las maneras de solventar
estas limitaciones es el uso de ventanas y menús
desplegables.
Flash:
Aquí los efectos imposibles para HTML se hacen
realidad, como las animaciones y la integración de
sonidos, logrando más dinamismo y una verdadera
interacción del usuario con dichos sitios. Si los
elementos que caracterizan estas aplicaciones se
utilizan de una manera adecuada, pueden lograr un
gran impacto visual, tanto con movimiento como con
lo gráfico.
Flash: Ejemplo 1
Flash: Ejemplo 1
Flash: Ejemplo 1
Flash: Ejemplo 1
Flash: Ejemplo 2
Flash: Ejemplo 2
Flash: Ejemplo 2
Flash: Ejemplo 2
Flash: Ejemplo 2
Flash: Ejemplo 2
Flash: Ejemplo 2
Flash: Ejemplo 2

Más contenido relacionado

Destacado

Abc del Diseño Editorial
Abc del Diseño EditorialAbc del Diseño Editorial
Abc del Diseño EditorialNatalia Delgado
 
DiseñO Editorial
DiseñO EditorialDiseñO Editorial
DiseñO Editorialnoldor243
 
Sistemas de Costeo ABC
Sistemas de Costeo ABCSistemas de Costeo ABC
Sistemas de Costeo ABCmspico
 
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ículasAlberto Albarrán
 
Diseño editorial pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticulaCarlos E Franco R
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulastls02cv
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorialPatricio
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - RetículasFidel Romero
 
The State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
The State of Sales & Marketing at the 50 Fastest-Growing B2B CompaniesThe State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
The State of Sales & Marketing at the 50 Fastest-Growing B2B CompaniesMattermark
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...SlideShare
 

Destacado (11)

Abc del Diseño Editorial
Abc del Diseño EditorialAbc del Diseño Editorial
Abc del Diseño Editorial
 
DiseñO Editorial
DiseñO EditorialDiseñO Editorial
DiseñO Editorial
 
diseño editorial
diseño editorialdiseño editorial
diseño editorial
 
Sistemas de Costeo ABC
Sistemas de Costeo ABCSistemas de Costeo ABC
Sistemas de Costeo ABC
 
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 pag y reticula
Diseño  editorial pag y reticulaDiseño  editorial pag y reticula
Diseño editorial pag y reticula
 
Diagramacion A Base De Reticulas
Diagramacion A Base De ReticulasDiagramacion A Base De Reticulas
Diagramacion A Base De Reticulas
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 
The State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
The State of Sales & Marketing at the 50 Fastest-Growing B2B CompaniesThe State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
The State of Sales & Marketing at the 50 Fastest-Growing B2B Companies
 
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
A Guide to SlideShare Analytics - Excerpts from Hubspot's Step by Step Guide ...
 

Similar a Retículas para pantalla.

Similar a Retículas para pantalla. (20)

Reticula para pantalla
Reticula para pantallaReticula para pantalla
Reticula para pantalla
 
Diseno web
Diseno webDiseno web
Diseno web
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
PROYECTO GRUPO 7
PROYECTO GRUPO 7PROYECTO GRUPO 7
PROYECTO GRUPO 7
 
PROYECTO
PROYECTOPROYECTO
PROYECTO
 
Grupo 7 proyecto
Grupo 7 proyectoGrupo 7 proyecto
Grupo 7 proyecto
 
Herramientas informatica 7
Herramientas informatica 7Herramientas informatica 7
Herramientas informatica 7
 
Grupo 7
Grupo 7Grupo 7
Grupo 7
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
Grupo7
Grupo7Grupo7
Grupo7
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
Proyecto 7
Proyecto 7Proyecto 7
Proyecto 7
 
GRUPO - 7
GRUPO  -  7GRUPO  -  7
GRUPO - 7
 
Proyecto grupo 7
Proyecto grupo 7Proyecto grupo 7
Proyecto grupo 7
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
EXPOSICION
EXPOSICIONEXPOSICION
EXPOSICION
 
Herramientas informatica
Herramientas informaticaHerramientas informatica
Herramientas informatica
 
Herramientas informatica(1)
Herramientas informatica(1)Herramientas informatica(1)
Herramientas informatica(1)
 

Más de elmorenof

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 colorelmorenof
 
Analisis Elementos del Blog
Analisis Elementos del BlogAnalisis Elementos del Blog
Analisis Elementos del Blogelmorenof
 
Presentacion estrategia
Presentacion estrategiaPresentacion estrategia
Presentacion estrategiaelmorenof
 
El Espacio en el Mensaje Publicitario
El Espacio en el Mensaje PublicitarioEl Espacio en el Mensaje Publicitario
El Espacio en el Mensaje Publicitarioelmorenof
 
Elementos Visuales
Elementos VisualesElementos Visuales
Elementos Visualeselmorenof
 
Elementos Conceptuales
Elementos ConceptualesElementos Conceptuales
Elementos Conceptualeselmorenof
 
Elementos de relación
Elementos de relaciónElementos de relación
Elementos de relaciónelmorenof
 
Elementos Practicos
Elementos PracticosElementos Practicos
Elementos Practicoselmorenof
 
Seminario alex marroquin
Seminario alex marroquinSeminario alex marroquin
Seminario alex marroquinelmorenof
 
Espacio en el Mensaje Publicitario
Espacio en el Mensaje PublicitarioEspacio en el Mensaje Publicitario
Espacio en el Mensaje Publicitarioelmorenof
 
Presentación sesion3
Presentación sesion3Presentación sesion3
Presentación sesion3elmorenof
 

Más de elmorenof (19)

Numero Tres
Numero TresNumero Tres
Numero Tres
 
Numero dos
Numero dosNumero dos
Numero dos
 
Numero Uno
Numero UnoNumero Uno
Numero Uno
 
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
 
Analisis Elementos del Blog
Analisis Elementos del BlogAnalisis Elementos del Blog
Analisis Elementos del Blog
 
Presentacion estrategia
Presentacion estrategiaPresentacion estrategia
Presentacion estrategia
 
Formatos
FormatosFormatos
Formatos
 
El layout
El layoutEl layout
El layout
 
El Espacio en el Mensaje Publicitario
El Espacio en el Mensaje PublicitarioEl Espacio en el Mensaje Publicitario
El Espacio en el Mensaje Publicitario
 
Elementos Visuales
Elementos VisualesElementos Visuales
Elementos Visuales
 
Elementos Conceptuales
Elementos ConceptualesElementos Conceptuales
Elementos Conceptuales
 
Elementos de relación
Elementos de relaciónElementos de relación
Elementos de relación
 
Elementos Practicos
Elementos PracticosElementos Practicos
Elementos Practicos
 
Los 3+
Los 3+Los 3+
Los 3+
 
Seminario alex marroquin
Seminario alex marroquinSeminario alex marroquin
Seminario alex marroquin
 
El Layout
El LayoutEl Layout
El Layout
 
Sesion3
Sesion3Sesion3
Sesion3
 
Espacio en el Mensaje Publicitario
Espacio en el Mensaje PublicitarioEspacio en el Mensaje Publicitario
Espacio en el Mensaje Publicitario
 
Presentación sesion3
Presentación sesion3Presentación sesion3
Presentación sesion3
 

Último

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 virtualesMarisolMartinez707897
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.JonathanCovena1
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxroberthirigoinvasque
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfMercedes Gonzalez
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfJonathanCovena1
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfUPTAIDELTACHIRA
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnnlitzyleovaldivieso
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalJonathanCovena1
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptNancyMoreiraMora1
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOPsicoterapia Holística
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 

Último (20)

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
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
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
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnn
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 

Retículas para pantalla.

  • 1. UNIDAD 2 SESIÓN 7 Retículas para Pantalla
  • 2. Desarrollo de la Cuadricula En las piezas digitales se utiliza generalmente el formato apaisado, este formato para pantalla afecta no solo a los elementos dispuestos sobre la plantilla, sino también a la longitud de las columnas. Las Plantillas para pantalla están diseñadas para ofrecer un apoyo en recursos como animaciones, audiovisuales, tipografía en movimiento, etc. Dándonos una gama de posibilidades para elegir la que más nos sea útil, según la intención deseada. Para lograr una lectura positiva y que facilite encontrar lo deseado por parte del usuario, el diseñador debe tener en cuenta la forma de diagramación, el manejo de jerarquías y pesos visuales; la retícula debe influir con la continuidad, la identificación y la orientación; sin olvidar las partes esenciales que contribuyen a asegurar la comprensión como la estabilidad funcional, el ritmo y la uniformidad.
  • 3. HTML Es una forma de presentar información en internet. Lo principal para los sitios desarrollados con este lenguaje, son la descarga de la pagina y el contenido, por encima de el valor visual; ya que manejan una cantidad considerable de información, careciendo de elementos móviles y con una navegación plana (de pagina a pagina). Una de las maneras de solventar estas limitaciones es el uso de ventanas y menús desplegables.
  • 4. Flash: Aquí los efectos imposibles para HTML se hacen realidad, como las animaciones y la integración de sonidos, logrando más dinamismo y una verdadera interacción del usuario con dichos sitios. Si los elementos que caracterizan estas aplicaciones se utilizan de una manera adecuada, pueden lograr un gran impacto visual, tanto con movimiento como con lo gráfico.