Bienvenidos a Aeromental 5.0, diseñado para verse ordenado, moderno, dar interacción a los lectores, y con un diseño más ligero que antes.
Luego de realizar varios cambios de diseño, sector por sector hemos llegado a este nuevo diseño, apodado: Light Bunny. (de ahora en adelante los nombres claves por acá llevarán un adjetivo calificativo más un animalito).
Nuestro último rediseño oficial fue el 8 de Marzo del 2011, con el V4.1.
Lo que me gusta al realizar un diseño nuevo es ver el pasado, solo viendo lo que fuimos sabremos lo que seremos
Así que como lo hice en el post del V4.0, aquí un resúmen (visual) de nuestros anteriores diseño para luego ver un poco más los detalles del V5:
Aeromental V1: 2007
Aeromental V2: 2008 [Post] (Nombre clave: Light)
Aeromental V3: 9/2010 [Post]
Aeromental V4: 3/2011 [Post]
Aeromental V4.1: 3/2011 [Post]
Aeromental V5: 8/2011 (Nombre Clave: Light Bunny)
Nuevo Logotipo
Este era un header que se usaba a todo lo ancho del blog, con fondo gris y 23KB:
Luego pasamos al V4.1 con el logo saliendo solo en la mitad izquierda, bajando su peso a 17 KB:
Como ya se mencionó antes, estamos con nuevo logo desde el 18 de Julio, abandonando el look de marshmallows por un tipo de letra más geek, y agregándoles alitas a los lados, igualmente aún era un concepto que necesitaba mejorarse (Peso 26 KB):
Con nuevas mejoras en cuanto al color se sentía que estábamos cerca (Pesó 31 KB)
Finalmente apostamos por la sencillez y simpleza, quitamos adornos y nos enfocamos en que se vea interesante sin ser sobrecargado. Terminamos con una imagen que gratamente pesa 4,6 KB:
Aeromental V5.2: (Link) Mejora del logo en color naranja:
Una optimización con PNG8 y un diseño pixel perfect, hemos conseguido bajar el peso de la imagen a 3,53 KB (nuestro logo más ligero hasta la fecha).
Caja de Botones Sociales
Debajo de cada post esta esta POWER BOX donde se encuentran muy ordenados los botones para compartir la noticia en las diferentes redes sociales, aprovechamos el lugar para poner las Categorías, Tags, Enlace Corto, botones de Fan Pages y la calificación con estrellas de cada post:
Pié de Página y Comentarios
El Pié de Página del 2010 se veía así:
Y ahora en Light Bunny se ve así:
Comentarios
Los Comentarios del 2011 se veían así:
Y ahora en Light Bunny se ven así:
Y esperamos seguir mejorando
iPhone y iPod Touch
Estos son algunos screenshots de como se veía y se ve Aeromental en un iPod Touch. No queremos cambiar o hacer un diseño exclusivo para estos dispositivos porque en verdad pensamos que la idea de estos es disfrutar del mismo Internet que el de una Computadora y darles otro diseño por más intuitivo que sea, sería de cierta manera una manera de limitarlos o segregarlos.
Los últimos dos screenshots son más grandes porque fueron tomados con un iPod Touch que tiene Retina Display y por ende usa imágenes de 640×960 en lugar de 320×480.
Versión 2011:
Y dando zoom a la columna principal: