SlideShare una empresa de Scribd logo
1 de 16
Retícula
    para
         .
  pantalla
Retícula para
Pantalla
Como ya se comento anteriormente lo más
importante, a la hora de diseñar para pantalla, es
la conciencia del diseño para evitar la saturación
de elementos y de aplicaciones en la pieza digital.
Retícula para
Pantalla
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 del 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
FLASH/Ejemplo
FLASH/Ejemplo
FLASH/Ejemplo
FLASH/Ejemplo
FLASH/Ejemplo
FLASH/Ejemplo
FLASH/Ejemplo
FLASH/Ejemplo
FLASH/Ejemplo
Gracias   .

Más contenido relacionado

Similar a Reticula para pantalla

Similar a Reticula para pantalla (20)

Diseño de web
Diseño de webDiseño de web
Diseño de web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Diseño web informatica
Diseño web informatica Diseño web informatica
Diseño web informatica
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Diseño web
Diseño webDiseño web
Diseño web
 
Moretti
MorettiMoretti
Moretti
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
 
43212311
4321231143212311
43212311
 
Plataforma web, Diseño web y Programacion web
Plataforma web, Diseño web y Programacion webPlataforma web, Diseño web y Programacion web
Plataforma web, Diseño web y Programacion web
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Retícula para pantalla
Retícula para pantallaRetícula para pantalla
Retícula para pantalla
 
wepik-introduccion-al-desarrollo-front-end-202403142009120s3a.pptx
wepik-introduccion-al-desarrollo-front-end-202403142009120s3a.pptxwepik-introduccion-al-desarrollo-front-end-202403142009120s3a.pptx
wepik-introduccion-al-desarrollo-front-end-202403142009120s3a.pptx
 
Explorando el Mundo de la Programación Frontend vs. Backend
Explorando el Mundo de la Programación Frontend vs. BackendExplorando el Mundo de la Programación Frontend vs. Backend
Explorando el Mundo de la Programación Frontend vs. Backend
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Usabilidad para principiantes
Usabilidad para principiantesUsabilidad para principiantes
Usabilidad para principiantes
 

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 (18)

Numero Tres
Numero TresNumero Tres
Numero Tres
 
Numero dos
Numero dosNumero dos
Numero dos
 
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
 

Reticula para pantalla

  • 1. Retícula para . pantalla
  • 2. Retícula para Pantalla Como ya se comento anteriormente lo más importante, a la hora de diseñar para pantalla, es la conciencia del diseño para evitar la saturación de elementos y de aplicaciones en la pieza digital.
  • 3. Retícula para Pantalla 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.
  • 4. 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 del 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.
  • 5. 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.
  • 16. Gracias .