SlideShare una empresa de Scribd logo
1 de 10
RETíCULAS PARA
   PANTALLA
RETÍCULAS PARA PANTALLA


   La retícula hace también que,
    la lectura se efectúe con mayor
    rapidez, se visualicen       los
    contenidos a distancias más
    lejanas y se retenga con más
    facilidad en nuestra memoria
    la        información       que
    estamos recibiendo.
CLASES DE RETÍCULAS PARA
               PANTALLA

•   Retícula   Visual
•   Retícula   Ampliada
•   Retícula   Funcional y Jerárquica
•   Retícula   Cromática
•   Retícula   de Sonido
•   Retícula   de Movimiento y Tiempo
•   Retícula   de Referencia
•   Retícula   Visual
   Diagrama de Escalera:

Se construye paso a
 paso, empezando por
     la página de inicio.


Diagrama de Árbol
Este modelo se ramifica
 en varios submenús.


           DIAGRAMAS DE FLUJO
   La estabilidad funcional, el ritmo y la
    uniformidad son aspectos esenciales que
    contribuyen a la comprensión de la página
    web.




Estructuras para Pantallas
   Con estos menús ahorramos espacio en la
    pantalla y ofrece una visión más rápida de
    los temas principales




Menús Desplegables
Distribución en Formato de
         640 x 480
Antes de crear un sitio web, se debe evaluar
con precisión a que grupo de población va
destinado la información.
 Dramaturgia
 El Storyboard
 El equilibrio Interior
   El exceso de color y los efectos llamativos
    tienden a ser contraproducentes a la hora de
    atraer la atención sobre un aspecto concreto
    de un sitio web.




Colores – Gráficos - Fondos
   Los detalles como menús y vínculos son
    fundamentales para el diseño.




Menús y Vínculos

Más contenido relacionado

Destacado

Vinilo info
Vinilo infoVinilo info
Vinilo infopaugue
 
RETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLARETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLAjennyramosm
 
Actividaddeemprendimientopag12saberesprevios 120317021037-phpapp01
Actividaddeemprendimientopag12saberesprevios 120317021037-phpapp01Actividaddeemprendimientopag12saberesprevios 120317021037-phpapp01
Actividaddeemprendimientopag12saberesprevios 120317021037-phpapp01Santiago Henao
 
Proceso grafico
Proceso graficoProceso grafico
Proceso graficoWayragc
 
Manual de Impresión imprentaonline24
Manual de Impresión imprentaonline24 Manual de Impresión imprentaonline24
Manual de Impresión imprentaonline24 Imprentaonline24
 
Introducción a las Técnicas Gráficas Industriales
Introducción a las Técnicas Gráficas IndustrialesIntroducción a las Técnicas Gráficas Industriales
Introducción a las Técnicas Gráficas IndustrialesAlberto Albarrán
 
5. trabajo arte final
5. trabajo arte final5. trabajo arte final
5. trabajo arte finalPablosainto
 
Mi trabajo de diseño.
Mi trabajo de diseño.Mi trabajo de diseño.
Mi trabajo de diseño.konzentida
 
Paso a paso arte final tarjeta policromía en illustrator
Paso a paso arte final tarjeta policromía en illustratorPaso a paso arte final tarjeta policromía en illustrator
Paso a paso arte final tarjeta policromía en illustratorImpresionGraficaOnline
 
Tarjetas de visita - Como enviar tus archivos a imprenta
Tarjetas de visita - Como enviar tus archivos a imprentaTarjetas de visita - Como enviar tus archivos a imprenta
Tarjetas de visita - Como enviar tus archivos a imprentaImprentaampra.com
 
Vinilo De Corte, Vinilo Silueteado, Impresión Y Corte, Corte Vinilo Impreso
Vinilo De Corte, Vinilo Silueteado, Impresión Y Corte, Corte Vinilo Impreso
Vinilo De Corte, Vinilo Silueteado, Impresión Y Corte, Corte Vinilo Impreso
Vinilo De Corte, Vinilo Silueteado, Impresión Y Corte, Corte Vinilo Impreso alvaradooscnjbxrtt
 
Unidad 02. Sistema de Retículas Arte y Diagramación
Unidad 02.  Sistema de Retículas Arte y DiagramaciónUnidad 02.  Sistema de Retículas Arte y Diagramación
Unidad 02. Sistema de Retículas Arte y DiagramaciónESPOL
 
Maquetacion y reticulas
Maquetacion  y reticulasMaquetacion  y reticulas
Maquetacion y reticulasErika Nieto
 
Preparación de archivos para imprenta
Preparación de archivos para imprentaPreparación de archivos para imprenta
Preparación de archivos para imprentaGráficas Azorín
 

Destacado (20)

Vinilo info
Vinilo infoVinilo info
Vinilo info
 
RETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLARETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLA
 
Actividaddeemprendimientopag12saberesprevios 120317021037-phpapp01
Actividaddeemprendimientopag12saberesprevios 120317021037-phpapp01Actividaddeemprendimientopag12saberesprevios 120317021037-phpapp01
Actividaddeemprendimientopag12saberesprevios 120317021037-phpapp01
 
Reticulas
ReticulasReticulas
Reticulas
 
Reticulas, Maquetacion y Reglas de Composicion. v1
Reticulas, Maquetacion y Reglas de Composicion. v1Reticulas, Maquetacion y Reglas de Composicion. v1
Reticulas, Maquetacion y Reglas de Composicion. v1
 
Proceso grafico
Proceso graficoProceso grafico
Proceso grafico
 
Manual de Impresión imprentaonline24
Manual de Impresión imprentaonline24 Manual de Impresión imprentaonline24
Manual de Impresión imprentaonline24
 
Actividad
ActividadActividad
Actividad
 
Introducción a las Técnicas Gráficas Industriales
Introducción a las Técnicas Gráficas IndustrialesIntroducción a las Técnicas Gráficas Industriales
Introducción a las Técnicas Gráficas Industriales
 
5. trabajo arte final
5. trabajo arte final5. trabajo arte final
5. trabajo arte final
 
Ilustración a dos tintas
Ilustración a dos tintasIlustración a dos tintas
Ilustración a dos tintas
 
Mi trabajo de diseño.
Mi trabajo de diseño.Mi trabajo de diseño.
Mi trabajo de diseño.
 
Paso a paso arte final tarjeta policromía en illustrator
Paso a paso arte final tarjeta policromía en illustratorPaso a paso arte final tarjeta policromía en illustrator
Paso a paso arte final tarjeta policromía en illustrator
 
Tarjetas de visita - Como enviar tus archivos a imprenta
Tarjetas de visita - Como enviar tus archivos a imprentaTarjetas de visita - Como enviar tus archivos a imprenta
Tarjetas de visita - Como enviar tus archivos a imprenta
 
El Arte Final
El Arte FinalEl Arte Final
El Arte Final
 
Vinilo De Corte, Vinilo Silueteado, Impresión Y Corte, Corte Vinilo Impreso
Vinilo De Corte, Vinilo Silueteado, Impresión Y Corte, Corte Vinilo Impreso
Vinilo De Corte, Vinilo Silueteado, Impresión Y Corte, Corte Vinilo Impreso
Vinilo De Corte, Vinilo Silueteado, Impresión Y Corte, Corte Vinilo Impreso
 
Las reticulas
Las reticulasLas reticulas
Las reticulas
 
Unidad 02. Sistema de Retículas Arte y Diagramación
Unidad 02.  Sistema de Retículas Arte y DiagramaciónUnidad 02.  Sistema de Retículas Arte y Diagramación
Unidad 02. Sistema de Retículas Arte y Diagramación
 
Maquetacion y reticulas
Maquetacion  y reticulasMaquetacion  y reticulas
Maquetacion y reticulas
 
Preparación de archivos para imprenta
Preparación de archivos para imprentaPreparación de archivos para imprenta
Preparación de archivos para imprenta
 

Similar a Tipos de retículas y diagramas para pantallas

Reticulas de diseño
Reticulas de diseñoReticulas de diseño
Reticulas de diseñodabu27
 
Usabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos DigitalesUsabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos DigitalesCarlos J Carvajalino
 
Reticulas de pantalla
Reticulas de pantallaReticulas de pantalla
Reticulas de pantallabiviana28
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallasadrianamontano2
 
Reticulas para pantallas
Reticulas para pantallasReticulas para pantallas
Reticulas para pantallasadrianamontano2
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallasadrianamontano2
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallasadrianamontano2
 
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Victor Pezzetti
 
Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011byroncorrales
 
Representaciones gráficas del conocimiento
Representaciones gráficas del conocimientoRepresentaciones gráficas del conocimiento
Representaciones gráficas del conocimientoLilianaOrtega37
 
Retículas Para Pantalla
Retículas Para PantallaRetículas Para Pantalla
Retículas Para Pantallamarfon1280
 
Clase ii diplomado
Clase ii diplomadoClase ii diplomado
Clase ii diplomadodiplomados2
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - RetículasFidel Romero
 

Similar a Tipos de retículas y diagramas para pantallas (20)

Reticulas de diseño
Reticulas de diseñoReticulas de diseño
Reticulas de diseño
 
Usabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos DigitalesUsabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos Digitales
 
Reticulas de pantalla
Reticulas de pantallaReticulas de pantalla
Reticulas de pantalla
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallas
 
Reticulas para pantallas
Reticulas para pantallasReticulas para pantallas
Reticulas para pantallas
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallas
 
Presentacion power reticulas para pantallas
Presentacion power reticulas para pantallasPresentacion power reticulas para pantallas
Presentacion power reticulas para pantallas
 
Retículas
RetículasRetículas
Retículas
 
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
 
Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011
 
RETÌCULAS
RETÌCULASRETÌCULAS
RETÌCULAS
 
Evaluación Bimestral
Evaluación BimestralEvaluación Bimestral
Evaluación Bimestral
 
Alberto
AlbertoAlberto
Alberto
 
Alberto
AlbertoAlberto
Alberto
 
Mi Concurso
Mi ConcursoMi Concurso
Mi Concurso
 
Mi concurso
Mi concursoMi concurso
Mi concurso
 
Representaciones gráficas del conocimiento
Representaciones gráficas del conocimientoRepresentaciones gráficas del conocimiento
Representaciones gráficas del conocimiento
 
Retículas Para Pantalla
Retículas Para PantallaRetículas Para Pantalla
Retículas Para Pantalla
 
Clase ii diplomado
Clase ii diplomadoClase ii diplomado
Clase ii diplomado
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 

Tipos de retículas y diagramas para pantallas

  • 1. RETíCULAS PARA PANTALLA
  • 2. RETÍCULAS PARA PANTALLA  La retícula hace también que, la lectura se efectúe con mayor rapidez, se visualicen los contenidos a distancias más lejanas y se retenga con más facilidad en nuestra memoria la información que estamos recibiendo.
  • 3. CLASES DE RETÍCULAS PARA PANTALLA • Retícula Visual • Retícula Ampliada • Retícula Funcional y Jerárquica • Retícula Cromática • Retícula de Sonido • Retícula de Movimiento y Tiempo • Retícula de Referencia • Retícula Visual
  • 4. Diagrama de Escalera: Se construye paso a paso, empezando por la página de inicio. Diagrama de Árbol Este modelo se ramifica en varios submenús. DIAGRAMAS DE FLUJO
  • 5. La estabilidad funcional, el ritmo y la uniformidad son aspectos esenciales que contribuyen a la comprensión de la página web. Estructuras para Pantallas
  • 6. Con estos menús ahorramos espacio en la pantalla y ofrece una visión más rápida de los temas principales Menús Desplegables
  • 7. Distribución en Formato de 640 x 480 Antes de crear un sitio web, se debe evaluar con precisión a que grupo de población va destinado la información.
  • 8.  Dramaturgia  El Storyboard  El equilibrio Interior
  • 9. El exceso de color y los efectos llamativos tienden a ser contraproducentes a la hora de atraer la atención sobre un aspecto concreto de un sitio web. Colores – Gráficos - Fondos
  • 10. Los detalles como menús y vínculos son fundamentales para el diseño. Menús y Vínculos