Diferencia entre revisiones de «Dconstruct.org»

De Casiopea
Sin resumen de edición
Sin resumen de edición
Línea 80: Línea 80:
[[Archivo:Iphone4_imagenes.jpg|600px]]
[[Archivo:Iphone4_imagenes.jpg|600px]]


[[Archivo:Iphone 3 imagenes.jpg|600px]]
[[Archivo:Iphone_3_imagenes_.jpg|600px]]





Revisión del 19:16 10 jul 2013

Títulodconstruct.org
Tipo de ProyectoProyecto de Curso
Palabras Claveresponsive design
Período2013-2013
AsignaturaGráfica Digital
Del CursoGrá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)Javiera Rojas
ProfesorKatherine Exss
URLhttp://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.

  • HOME

Soportes home.jpg

  • PARTICIPANTS

PERSONAJES JUNTOS.jpg

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

  • HOME

Colores juntos .jpg

Cambios de encabezado

Encabezados juntos home real.jpg

Archivo:Tamaños venta anuncio.jpg



Cambios de imagen

Computador imagenes .jpg

Archivo:Ipad imágenes.jpg

Iphone4 imagenes.jpg

Iphone 3 imagenes .jpg





  • Participants