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:

Nos puedes seguir en Twitter @aeromental, Facebook y Google+
Autor del post: Daniel Semper, fanático de la tecnología y sus usos sociales, asiduo asistente al cine, y activo lector de comics. En mis tiempos libres estudio una maestría en Sidney.
























Hola Daniel, como siempre felicidades a ti a ah Aeromental que es hijo único (jajajaja, aún me sigo riendo de eso: http://goo.gl/jU6Rm) pero una pregunta, no te olvidaste del logo de Blue Jeans???
Es el tercero de esta foto.
Extraño el anterior logo, como que este no termina por convencerme
El diseño siempre a ido acorde a la temática del Blog ¡Felicidades!
A mí me gusta más el logo con las alas a los lados, le dá un toque más geek.
Esto ya va como scary movie
Adjetivo calificativo más un animalito? Algo así como Ubuntu jaja
Excelente el nuevo diseño, casi siempre he optado por la sencillez y sin duda el nuevo logo y todo en general es muy bueno.
P.D.: No recordaba desde cuando sigo el blog pero viendo el historial de diseños me acabo de dar cuenta que sigo a Aeromental desde el 2008, siempre habia tenido curiosidad por recordar desde cuando soy lector
Hola Daniel siempre sigo tu blog y me gusta mucho el contenido, pero en cuanto al disenio no puedo decir lo mismo, el usar mas de una fuente de google hace el sitio mas lento y se me hace un poco ruidoso con tantos efectos y colores.
Me gustaria que fuera un poco mas minimalista y checaras tus tipografias de tus titulos en esta version porque no se me hacen buenas.
Tienes mucho trafico y entre mas cosas le pones al sitio lo haces mas pesado de cargar, ademas recuerda en disenio menos es mas.
Saludos.
Bueno… recientemente habia notado ciertos cambios, pero debo decir que no me gusta como luce el blog.
En primera, las fuentes. Cuando leo los comentarios, en especial los nombres, siento que no veo el blog de alguien que es amante de la tecnologia, las peliculas, los comics y la cultura geek; si no mas bien el de un blog de discusiones sobre como cuidar niños, o algo sacado de El diario de Greg.
Tambien la fuente de los encabezados, lucen algo raras… Supongo que es la misma que la de los botones de Anterior/Siguiente post.
Lo segundo es el logo.
*Sigh*, siento un poco de nostalgia por el diseño de Aeromental v 4.1.
Lo demas me parece perfecto: los controles, los botones de share, los box de los comentarios, incluso el +1/-1…
Daniel:
Solo son dos webfonts alojados en el server de Google, por lo que cargan lo más rápido posible y estan muy optimizados. Es un muy pequeño precio a pagar para ganar originalidad y que se vea bien el blog. Par anivelar quité el widget de tiwtter del sidebar (ahora solo sale en el home) y mejore el peso del CSS y el logotipo es aún más ligero que antes.
Zid:
El font de los nombres en los comentarios, es letra manuscrita, me parece original darle ese informalismo, casi como que cada uno firmó con un lápiz.
Los encabezados, quise darles un look estilo revista o periódico con ese tipo de font.