Diferencia entre revisiones de «Caso de Estudio: McColl Center for Art + Innovation»

De Casiopea
Sin resumen de edición
Línea 19: Línea 19:
El estudio se realiza en torno a la página de inicio del sitio, analizando su diseño y cómo varía de un soporte a otro.
El estudio se realiza en torno a la página de inicio del sitio, analizando su diseño y cómo varía de un soporte a otro.


[[Archivo:Comparación_home.jpg|600px|center]]
[[Archivo:Comparación_home.jpg|500px|center]]


===Grillas y secciones===
===Grillas y secciones===
El sitio no no se estructura mediante una grilla simetrica, sino que se divide en secciones, donde cada una tiene un órden propio. Los elementos se sitúan dentro de contenedores que generan estas secciones. Esto permite que los contenidos se ordenen de manera independiente al ir variando el tamañano de la pantalla. Así los elementos pueden pasar de estar uno a lado del otro en la versión para pc a desplazarse hacia abajo formando una gran columna en la versión movil.
El sitio no no se estructura mediante una grilla simetrica, sino que se divide en secciones, donde cada una tiene un órden propio. Los elementos se sitúan dentro de contenedores que generan estas secciones. Esto permite que los contenidos se ordenen de manera independiente al ir variando el tamañano de la pantalla. Así los elementos pueden pasar de estar uno a lado del otro en la versión para pc a desplazarse hacia abajo formando una gran columna en la versión movil.


[[Archivo:Comparación_secciones.jpg|600px|center]]
[[Archivo:Comparación_secciones.jpg|500px|center]]
 
====Menú desplegable====
[[Archivo:Menú_pc.jpg|500px|center]]

Revisión del 06:49 17 jul 2014






Caso de Estudio
NombreCaso de Estudio: McColl Center for Art + Innovation
Palabras Claveresponsive desing
Estudiado enGráfica Digital 2014
Estudiado porConstanza Johnson
URLhttp://mccollcenter.org/


Introducción

Este sitio pertenece al centro cultural estadounidense McColl Center for Art + Innovation, el cual aparte de tener exposiciones de arte contemporáneo y realizar eventos, ofrece talleres para acercar a la comunidad al arte. El sitio contine información útil como el programa de sus eventos, fichas de los artistas que exponen, etc.

Análisis

Para este estudio, se eligirieron 3 tamaños de distintas plataformas para analizar:

  • PC: 1280x800
  • Tablet: 768x1024
  • Celular: 320x480

El estudio se realiza en torno a la página de inicio del sitio, analizando su diseño y cómo varía de un soporte a otro.

Grillas y secciones

El sitio no no se estructura mediante una grilla simetrica, sino que se divide en secciones, donde cada una tiene un órden propio. Los elementos se sitúan dentro de contenedores que generan estas secciones. Esto permite que los contenidos se ordenen de manera independiente al ir variando el tamañano de la pantalla. Así los elementos pueden pasar de estar uno a lado del otro en la versión para pc a desplazarse hacia abajo formando una gran columna en la versión movil.

Menú desplegable