Diferencia entre revisiones de «Caso de Estudio Sitio responsive; Sasquatch Festival»

De Casiopea
Sin resumen de edición
Sin resumen de edición
Línea 6: Línea 6:
|Año de Término=2013
|Año de Término=2013
|Carreras Relacionadas=Diseño Gráfico
|Carreras Relacionadas=Diseño Gráfico
|Cursos Relacionados=Tutorías Gráfica Digital 2013,
|Profesor=Sylvia Arriagada, Jaime Pérez Moena,
|Profesor=Sylvia Arriagada, Jaime Pérez Moena,
|Alumnos=Celeste Mardones,
|Alumnos=Celeste Mardones,

Revisión del 16:41 16 oct 2013

TítuloCaso de Estudio Sitio responsive: Sasquatch Festival
Tipo de ProyectoProyecto de Tutoría
Palabras Claveresponsive web, web design
Período2013-2013
Del CursoTutorías Gráfica Digital 2013,
CarrerasDiseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Celeste Mardones
ProfesorSylvia Arriagada, Jaime Pérez Moena
URLhttp://www.sasquatchfestival.com/

Como nos enfrentamos los diseñadores a los sitios responsive

Las variables de resolución de los distintos dispositivos llevan a que como diseñadores nos veamos enfrentados a un sin numero de cambios en cuanto a las grafías; tamaños, interacciones y recursos deben adaptarse a las modificaciones sin que estas últimas sean un obstáculo, si no debemos convertirlo en una opción de desenvolvimiento de diseño.

Sobre el Sitio

El Sasquatch! Music Festival fue fundado en 2002 por el noroeste del Pacífico con sede en la promotora de conciertos Adam Zacks. Sasquatch! es un festival anual de música que tuvo lugar en el Anfiteatro Gorge , en George, Washington y en los últimos años ha tenido lugar en el Memorial Day fin con una duración de tres o cuatro días. Normalmente cuenta con una amplia gama de géneros musicales, con el énfasis puesto en el indie rock y bandas de música de autor , pero también de rock alternativo , hip hop , EDM , y actos de comedia. A partir de 2012, el festival cuenta con cinco etapas: Sasquatch! Escenario Principal, Bigfoot Stage, Plátano Cabaña (una tienda que ofrece música principalmente electrónica), escenario Yeti y escenario Maine. La mayoría de los asistentes al festival acampan en las cercanías gracias a que el lugar es relativamente remoto y no hay grandes zonas urbanas cercanas.

Elementos gráficos comunes entre desktop, tablet y smatrphone

Barras de navegación principal

La visualización superior para desktop y ipad presenta una barra de navegación rápida que contiene:

  • Schedule
  • sponsors
  • GALLERY
  • STORE
  • YEARBOOK

Además de una segunda barra que se encuentra bajo el logotipo, que presenta links para:

  • BUY TICKETS
  • LINEUP
  • NEWS
  • FESTIVAL INFO
  • TRAILER

Estas barras en el caso de la visualización para iphone dejan sólo una barra de navegación bajo el logotipo que presenta los links mas relevantes de las dos barras de visualización anteriores:

  • LINE UP
  • SCHEDULE
  • INFO

Mientras que los links de menor relevancia se muestran en una barra inferior, sobre el footer. Estos son

  • GALLERY
  • SPONSORS
  • STORE.

Logotipo

El logotipo presenta cambios sólo en el espacio en el que se enmarca, otorgandole mayor espacio al desktop e ipad mientras que en el caso del iphone muestra el mínimo de sangrías laterales. Además se agrega una leyenda en la esquina superior izquierda del logotipo.

Navegación

Visualización de contenidos

Diferencias en la visualización entre dispositivos

Grillas

Diferencias en la grilla entre dispositivos

Medidas sitio para Desktop

Medidas sitio para Ipad

Medidas sitio para Smartphone (Vertical)

Medidas sitio para Smartphone (Horizontal)

Gráfica

Tipografías

Color

Botones

Conclusiones