Diferencia entre revisiones de «La ciudad abierta: la utopía al espejismo»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 91: | Línea 91: | ||
Image:Captura_de_pantalla_2013-07-18_a_la(s)_4.52.38.png| Ficha | Image:Captura_de_pantalla_2013-07-18_a_la(s)_4.52.38.png| Ficha | ||
Image:Captura_de_pantalla_2013-07-18_a_la(s)_4.39.50.png| Observaciones | Image:Captura_de_pantalla_2013-07-18_a_la(s)_4.39.50.png| Observaciones | ||
</gallery> | |||
Wireframes para 320 px | |||
<gallery> | |||
Image:Captura_de_pantalla_2013-07-18_a_la(s)_4.59.45.png|Home | |||
Image:Captura_de_pantalla_2013-07-18_a_la(s)_5.00.03.png|textos | |||
Image:Captura_de_pantalla_2013-07-18_a_la(s)_5.00.33.png| Notas | |||
Image:Captura_de_pantalla_2013-07-18_a_la(s)_5.01.21.png|Ficha | |||
Image:Captura_de_pantalla_2013-07-18_a_la(s)_5.01.12.png|Observación | |||
</gallery> | </gallery> | ||
Revisión del 05:03 18 jul 2013
| Título | La ciudad abierta: de la utopía al espejismo jj |
|---|---|
| Tipo de Proyecto | Proyecto de Taller |
| Palabras Clave | responsive design |
| Período | 2013- |
| Asignatura | Gráfica Digital 2013, |
| Del Curso | Gráfica Digital 2013, |
| Alumno(s) | Josefina Borja, Javiera Rojas |
| Profesor | Katherine Exss |
presentación
A continuación se presentaran propuestas para formar un sitio responsivo a partir de un texto de la colección ciudad abierta ," De la utopía al espejismo ".
Se mostraran dos propuestas responsivas para la lectura del texto.
Grillas
- Propuesta 1
Se creo una grilla que se divide el tamaño inicial 960 px en 4 unidades, para luego proporcionalmente poder variar su tamaño según la misma grilla inicial.
- Propuesta 2
Tipografía y párrafo
- Propuesta 1
Se pensó una tipografía con serif , la cual fuera legible y se viera bien en la pantalla 960px sin problemas de lectura.
- Propuesta 2
Se pensó una tipografía sin serif , para ver el contraste y la diferencia de lectura extensa, con las dos distintas tipografías.
Wireframes
Se llego a un acuerdo que lo más importante en el diseño del sitio responsivo era la instancia de lectura, por lo que se le dio mayor énfasis en su lectura y modo que esta sea fluida y no compleja al avanzar.
- Propuesta 1
Wireframes para 960 px
Sus cambios varían en como el usuario continua la lectura del texto.
prueba 1 Home
prueba 2 Home
prueba 2.1 Home
prueba 3 Notas
- Propuesta 2
Se hizo una propuesta con más opciones de navegación , no como la anterior que se trataba de utilizar la menos navegación posible.
Wireframes para 960 px
Home
Texto
Notas
Notas
Notas
Notas
Ficha
Observaciones
_4.39.03.png)
_4.39.12.png)
_4.39.21.png)
_4.39.32.png)
_4.39.41.png)
_4.39.50.png)
Wireframes para 660 px
Home
Texto
Notas
Observaciones
Ficha
Observaciones
_4.50.59.png)
_4.51.10.png)
_4.52.08.png)
_4.52.30.png)
_4.52.38.png)
Wireframes para 320 px
Home
textos
Notas
Ficha
Observación
_4.59.45.png)
_5.00.03.png)
_5.00.33.png)
_5.01.21.png)
_5.01.12.png)
