SlideShare une entreprise Scribd logo
1  sur  14
Télécharger pour lire hors ligne
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

Contenu connexe

En vedette

RISTRUTTURAZIONE APPARTAMENTO
RISTRUTTURAZIONE APPARTAMENTORISTRUTTURAZIONE APPARTAMENTO
RISTRUTTURAZIONE APPARTAMENTOgeometrie
 
Classi connesse
Classi connesseClassi connesse
Classi connessecanapino
 
Portada del mapa concep.
Portada del mapa concep.Portada del mapa concep.
Portada del mapa concep.beksysionche
 
Il nuovo corso on line
Il nuovo corso on lineIl nuovo corso on line
Il nuovo corso on linecrimolly
 
Zhahedia Exposiciion
Zhahedia ExposiciionZhahedia Exposiciion
Zhahedia Exposiciionyeyita2208
 
C omo kmbia elkmpo magnetiko
C omo kmbia elkmpo magnetikoC omo kmbia elkmpo magnetiko
C omo kmbia elkmpo magnetikoLauRa AG
 
BB Assignment 01: Mad Lib
BB Assignment 01: Mad LibBB Assignment 01: Mad Lib
BB Assignment 01: Mad Liblerongajang
 
Cambios y permanencias
Cambios y permanencias           Cambios y permanencias
Cambios y permanencias LauRa AG
 

En vedette (14)

RISTRUTTURAZIONE APPARTAMENTO
RISTRUTTURAZIONE APPARTAMENTORISTRUTTURAZIONE APPARTAMENTO
RISTRUTTURAZIONE APPARTAMENTO
 
Classi connesse
Classi connesseClassi connesse
Classi connesse
 
Portada del mapa concep.
Portada del mapa concep.Portada del mapa concep.
Portada del mapa concep.
 
Nuovo eli-hub Agusta a Roma
Nuovo eli-hub Agusta a RomaNuovo eli-hub Agusta a Roma
Nuovo eli-hub Agusta a Roma
 
Il nuovo corso on line
Il nuovo corso on lineIl nuovo corso on line
Il nuovo corso on line
 
Zhahedia Exposiciion
Zhahedia ExposiciionZhahedia Exposiciion
Zhahedia Exposiciion
 
Ferias libres
Ferias libresFerias libres
Ferias libres
 
Ettekanne
EttekanneEttekanne
Ettekanne
 
Sitio arqueologico de quirigua
Sitio arqueologico de quiriguaSitio arqueologico de quirigua
Sitio arqueologico de quirigua
 
C omo kmbia elkmpo magnetiko
C omo kmbia elkmpo magnetikoC omo kmbia elkmpo magnetiko
C omo kmbia elkmpo magnetiko
 
BB Assignment 01: Mad Lib
BB Assignment 01: Mad LibBB Assignment 01: Mad Lib
BB Assignment 01: Mad Lib
 
Cambios y permanencias
Cambios y permanencias           Cambios y permanencias
Cambios y permanencias
 
Death by tesina
Death by tesinaDeath by tesina
Death by tesina
 
Tipo 2
Tipo 2Tipo 2
Tipo 2
 

Similaire à Retículas.. (1)

Retículas Para Pantalla
Retículas Para PantallaRetículas Para Pantalla
Retículas Para Pantallamarfon1280
 
Opensession - Cómo sacar partido al prototipado con Invision.
Opensession - Cómo sacar partido al prototipado con Invision.Opensession - Cómo sacar partido al prototipado con Invision.
Opensession - Cómo sacar partido al prototipado con Invision.Multiplica
 
Karen- etapas de un proyecto web
Karen- etapas de un proyecto webKaren- etapas de un proyecto web
Karen- etapas de un proyecto webKrencita Rb
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantallablogsandra10
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla DianeLadino
 
Reticulas para Pantalla
Reticulas para Pantalla Reticulas para Pantalla
Reticulas para Pantalla DianeLadino
 
Estefani amancha actividad 2.1
Estefani amancha   actividad 2.1Estefani amancha   actividad 2.1
Estefani amancha actividad 2.1AndresPovea1
 
Actividad 2.1 planos y angulos
Actividad 2.1 planos y angulosActividad 2.1 planos y angulos
Actividad 2.1 planos y angulososozambo
 
Guia html2
Guia html2Guia html2
Guia html2ljds
 

Similaire à Retículas.. (1) (20)

Retículas Para Pantalla
Retículas Para PantallaRetículas Para Pantalla
Retículas Para Pantalla
 
Opensession - Cómo sacar partido al prototipado con Invision.
Opensession - Cómo sacar partido al prototipado con Invision.Opensession - Cómo sacar partido al prototipado con Invision.
Opensession - Cómo sacar partido al prototipado con Invision.
 
Karen- etapas de un proyecto web
Karen- etapas de un proyecto webKaren- etapas de un proyecto web
Karen- etapas de un proyecto web
 
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
 

Plus 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
 
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
 
Retículas para pantalla 1
Retículas para pantalla 1Retículas para pantalla 1
Retículas 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
 

Plus 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
 
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
Retículas para pantalla 1Retículas para pantalla 1
Retículas 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.. (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