Dconstruct.org

Título	dconstruct.org
Tipo de Proyecto	Proyecto de Curso
Palabras Clave	responsive design
Período	2013-2013
Asignatura	Gráfica Digital
Del Curso	Gráfica Digital 2013,
Carreras	Diseñ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)	Javiera Rojas
Profesor	Katherine Exss
URL	http://http://2013.dconstruct.org/

Estudio visual de diseño responsivo en sitio web: http://http://2013.dconstruct.org/#/prospective

SITIO WEB: dConstruct 2013

A continuación se presenta el caso de estudio de un sitio responsivo (responsive design) dConstruc (http://2013.dconstruct.org/conference/simone/). dConstruc Es una conferencia, la cual tiene lugar en Brighton Dome el primer viernes de septiembre de cada año. Las conferencias tienen variados temas, algunos de ellos son; la creatividad la cultura y el diseño de interacción. Para analizar este sitio responsivo se deberán observar los distintos tamaños que varian según la plataforma en la que se esta mirando el sitio. Los elementos del sitio tales; su grilla , imagenes y tipografías, van variando según el tamaño del soporte que se está mirando.

Visualización pantalla notebook

La grilla varía debido a su categoría. Éstas se dividen en :

• Home
• Conference
• workshop
• location
• participants

• 

  Home

• 

  Conference

• 

  Workshop

• 

  Programs

• 

  Participants

Distintos soportes

Para poder ver los distintos cambios de grilla se analizaran dos categorias; home y participants.

Los componentes que están ubicados en la grilla varian dependiendo del soporte , el cual cambia su ancho de pantalla. A medida que este va disminuyendo su tamaño los elementos se van moviendo para las siguiente linea. Se puede examinar esto al observar en el head el precio de la conferencia que se situa en un rectángulo de color rojo que va cambiando su posición. A la vez , el estrechamiento de la pantalla produce una extensión vertical de la grilla notablemente, este cambio genera una lectura más lenta de todo el contenido presentado.

• 

  Home

• 

  Participants

Movimientos de los elementos en relación al formato que se adapta

• HOME

• 

  Grilla 1250 px

Cambios de encabezado

• Tamaños título .jpg

  Tamaños logo

• Tamaños venta anuncio.jpg

  Tamaños ventana de precios

Cambios de imagen

hola

Cambios de párrafo y menu de nombres

• 

  Grilla Participants

Archivo:Tamaño parrafo.jpg

Tipografía Párrafo

hola