SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
Johnnatan Ariza Alarcon

Características Digitales de Composición
Retículas Para Pantalla
Los diseñadores tienen que tener en
cuenta muchos aspectos en el momento
de diagramar, porque esto depende del
contenido y los aspectos visuales.

Los diseños impresos y los digitales
requieren de un buen sistema reticular
bien estructurado, los digitales cuentan
herramientas que encontramos en la
red, que nos ofrecen las pantallas
digitales haciendo mas fácil y mas rápido
su uso.
Retícula Visual




Esta retícula nos permite asociar rápidamente en que pagina nos encontramos
, presentándonos la misma plantilla de color negro que nos permite ir por la
Pagina de Gmail.
Retícula Visual




Este es el caso de hotmail, que nos ofrece   Retícula que nos permite
una sensación de continuidad y nos
permite asimilar rápido su contenido.        asimilar fácilmente su
                                             contenido.
Retícula de Movimiento y Tiempo




Esta retícula nos muestra como en el centro de la pantalla las imágenes se
Mueven constantemente, actualizando su contenido, con mivimientos que atraen
la atención.
Barra de Navegación Horizontal
en la Parte Superior
Barra de Navegación Horizontal
      en la Parte Inferior
Barra de Navegación Horizontal y
            Vertical
Barra de Navegación Horizontal
en el Centro
Barra de Navegación en Toda la
           Pantalla

Más contenido relacionado

Similar a Retículas para pantalla 1

Similar a Retículas para pantalla 1 (20)

Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Phonegap
PhonegapPhonegap
Phonegap
 
Informe snkr
Informe snkrInforme snkr
Informe snkr
 
Unidad 3 Adobe Captivate 7
Unidad 3 Adobe Captivate 7Unidad 3 Adobe Captivate 7
Unidad 3 Adobe Captivate 7
 
Taaniiaaa liizeetthg
Taaniiaaa liizeetthgTaaniiaaa liizeetthg
Taaniiaaa liizeetthg
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla
 
Taaniiaaa liizeetth
Taaniiaaa liizeetthTaaniiaaa liizeetth
Taaniiaaa liizeetth
 
Taaniiaaa liizeetth
Taaniiaaa liizeetthTaaniiaaa liizeetth
Taaniiaaa liizeetth
 
Taaniiaaa liizeetth
Taaniiaaa liizeetthTaaniiaaa liizeetth
Taaniiaaa liizeetth
 
Flash
FlashFlash
Flash
 
NSU
NSUNSU
NSU
 
Estefani amancha actividad 2.1
Estefani amancha   actividad 2.1Estefani amancha   actividad 2.1
Estefani amancha actividad 2.1
 
Actividad 2.1 planos y angulos
Actividad 2.1 planos y angulosActividad 2.1 planos y angulos
Actividad 2.1 planos y angulos
 
Guia html2
Guia html2Guia html2
Guia html2
 
Tutiven
TutivenTutiven
Tutiven
 
Taaniiaaa liizeethh
Taaniiaaa liizeethhTaaniiaaa liizeethh
Taaniiaaa liizeethh
 
Taaniiaaa liizeethh
Taaniiaaa liizeethhTaaniiaaa liizeethh
Taaniiaaa liizeethh
 
Taaniiaaa liizeeth
Taaniiaaa liizeethTaaniiaaa liizeeth
Taaniiaaa liizeeth
 
Taaniiaaa liizeethh
Taaniiaaa liizeethhTaaniiaaa liizeethh
Taaniiaaa liizeethh
 

Más de jonbethan

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 colorjonbethan
 
Reticulas para pantalla[1]
Reticulas para pantalla[1]Reticulas para pantalla[1]
Reticulas para pantalla[1]jonbethan
 
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 colorjonbethan
 
Retículas.. (1)
Retículas.. (1)Retículas.. (1)
Retículas.. (1)jonbethan
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitariojonbethan
 
Diseño y composición para pantalla 1
Diseño y composición  para pantalla 1Diseño y composición  para pantalla 1
Diseño y composición para pantalla 1jonbethan
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitariojonbethan
 
Diseño y composición para pantalla 1
Diseño y composición  para pantalla 1Diseño y composición  para pantalla 1
Diseño y composición para pantalla 1jonbethan
 

Más de jonbethan (13)

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
 
Reticulas para pantalla[1]
Reticulas para pantalla[1]Reticulas para pantalla[1]
Reticulas para pantalla[1]
 
Caracteri..
Caracteri..Caracteri..
Caracteri..
 
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
 
Retículas.. (1)
Retículas.. (1)Retículas.. (1)
Retículas.. (1)
 
El formato
El formatoEl formato
El formato
 
El layout
El layoutEl layout
El layout
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Diseño y composición para pantalla 1
Diseño y composición  para pantalla 1Diseño y composición  para pantalla 1
Diseño y composición para pantalla 1
 
El formato
El formatoEl formato
El formato
 
El layout
El layoutEl layout
El layout
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Diseño y composición para pantalla 1
Diseño y composición  para pantalla 1Diseño y composición  para pantalla 1
Diseño y composición para pantalla 1
 

Retículas para pantalla 1

  • 1. Johnnatan Ariza Alarcon Características Digitales de Composición
  • 2. Retículas Para Pantalla Los diseñadores tienen que tener en cuenta muchos aspectos en el momento de diagramar, porque esto depende del contenido y los aspectos visuales. Los diseños impresos y los digitales requieren de un buen sistema reticular bien estructurado, los digitales cuentan herramientas que encontramos en la red, que nos ofrecen las pantallas digitales haciendo mas fácil y mas rápido su uso.
  • 3. Retícula Visual Esta retícula nos permite asociar rápidamente en que pagina nos encontramos , presentándonos la misma plantilla de color negro que nos permite ir por la Pagina de Gmail.
  • 4. Retícula Visual Este es el caso de hotmail, que nos ofrece Retícula que nos permite una sensación de continuidad y nos permite asimilar rápido su contenido. asimilar fácilmente su contenido.
  • 5.
  • 6. Retícula de Movimiento y Tiempo Esta retícula nos muestra como en el centro de la pantalla las imágenes se Mueven constantemente, actualizando su contenido, con mivimientos que atraen la atención.
  • 7.
  • 8.
  • 9.
  • 10. Barra de Navegación Horizontal en la Parte Superior
  • 11. Barra de Navegación Horizontal en la Parte Inferior
  • 12. Barra de Navegación Horizontal y Vertical
  • 13. Barra de Navegación Horizontal en el Centro
  • 14. Barra de Navegación en Toda la Pantalla