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

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
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
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.pdfapunteshistoriamarmo
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxNadiaMartnez11
 
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ºESOluismii249
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
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
 
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 2024IES Vicent Andres Estelles
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOluismii249
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
Diapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundariaDiapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundariaAlejandraFelizDidier
 
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
 
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 primariaWilian24
 
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 2024IES Vicent Andres Estelles
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 

Último (20)

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.
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
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
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
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
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
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
 
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
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Diapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundariaDiapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundaria
 
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
 
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
 
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
 
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
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
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
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 

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.