Diferencia entre revisiones de «Dconstruct.org»
Sin resumen de edición |
Sin resumen de edición |
||
Línea 51: | Línea 51: | ||
</gallery> | </gallery> | ||
[[Archivo:Soportes home.jpg|400px]] | |||
Revisión del 21:10 5 jul 2013
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
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.
- Mas pequeño 400x380.jpg
iphone 3 400x380
HOME NOTEBOOK