Awwwards
| Caso de Estudio | |
| Nombre | Responsive Web Design: www.awwwards.com |
|---|---|
| Período | 2013-2013 |
| Estudiado en | Gráfica Digital 2013 |
| Estudiado por | Nicol Valenzuela |
| URL | http://www.awwwards.com/ |
Introducción
OBJETIVO
Escoger un sitio web responsivo con cierta complejidad que tenga 3 portes de cambio en diagramación mínimo y hacer un análisis de él y su comportamiento.
- 'Sitio web escogido:'
- 'Descripción:'
El sitio escogido por mí tiene la característica curiosa de ser un espacio de acogida del diseño web internacional en general; de hecho llegué a él buscando sitios responsivos en internet. Fue entonces cuando razoné que un sitio que premia a otros sitios por su "responsividad", no podía quedarse atrás, y no me equivoqué, el sitio era responsivo.
"Awwwards son los premios que reconocen y promueven el talento y el esfuerzo de los mejores desarrolladores, diseñadores y agencias web en el mundo."
Cabe destacar de la labor de este sitio, cuya misión es, como ellos mismos mencionan, "...descubrir, reconocer y promover el talento y esfuerzo de los diseñadores web, desarrolladores y agencias que crean experiencias digitales únicas que son útiles, innovadoras, intuitivas y bellas", no es menor, ya que está respaldada por grandes compañías, entre ellas Microsoft y Google.
Desarrollo
En primera instancia se puede observar que el sitio presenta:
- 3 cambios a gran escala en cuanto a columnas de texto e imágenes en su grilla
- 2 cambios
Para el análisis me centraré en los siguientes aspectos a medida que disminuye el tamaño de la pantalla:
- Simplificación de formas
- Comportamiento del Menú de navegación
Análisis
1.- Simplificación
- 2.- Menú.png
2.- Menú
- 3.- Tipografía.png
3.- Tipógrafía
4.- Columnas
ScreenShots
Caso 1
- Tamaño: 320 x 480
- Modelo: IPhone 3G3GS
1
1 y 2
4
5
6
7
7b
8
8b
9
10
11
12
13
Caso 2
- Tamaño: 480 x 720
- Modelo: Meizu M8
1
2
3
4
5
6
7
8
9
10
11
12
13
Caso 3
- Tamaño: 1024 x 768
- Modelo: IPad
1 y 2
3
4 y 5
6
6b
7
7b
8
8B
9
10
11
12 y 13
