Aeromental V5.0 (Nombre Clave: Light Bunny)

@ 14 . agosto . 2011

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.

Aeromental blog

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

blog Aeromental V1

Aeromental V2: 2008 [Post] (Nombre clave: Light)

blog Aeromental V2

Aeromental V3: 9/2010 [Post]

blog Aeromental V3

Aeromental V4: 3/2011 [Post]

blog Aeromental V4

Aeromental V4.1: 3/2011 [Post]

blog Aeromental V4

Aeromental V5: 8/2011 (Nombre Clave: Light Bunny)

blog Aeromental V5

Nuevo Logotipo

Este era un header que se usaba a todo lo ancho del blog, con fondo gris y 23KB:

Logo aeromental gray

Luego pasamos al V4.1 con el logo saliendo solo en la mitad izquierda, bajando su peso a 17 KB:

Aeromental Logo 2010 2011

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):

Aeromental Logo con alas 2011

Con nuevas mejoras en cuanto al color se sentía que estábamos cerca (Pesó 31 KB)
Aeromental Logo angel 2011

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 logo geek ligero 2011

Aeromental V5.2: (Link) Mejora del logo en color naranja:
Aeromental Logo cytrus punch

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:

Aeromental Caja de botones sociales

Pié de Página y Comentarios

El Pié de Página del 2010 se veía así:

Aeromental diseño Pié de Página 2010

Y ahora en Light Bunny se ve así:
Aeromental diseño Pié de Página 2011

Comentarios

Los Comentarios del 2011 se veían así:

Aeromental diseño Comentarios 2010

Y ahora en Light Bunny se ven así:
Aeromental diseño Comentarios 2011

Y esperamos seguir mejorando :cerealguy:

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.

Aeromental iPhone 2011
Aeromental iPhone 2011 Transformers
Aeromental iPhone 2011 Navidad Avatar
Aeromental iPod Touch 2011

Versión 2011:
Aeromental iPhone 2011

Y dando zoom a la columna principal:
Aeromental iPhone 2011 Retina Display

Autor del post: DanielSemper: @aeromental + Facebook

  • Alejandro

    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.

  • Arturo Nuñez

    Extraño el anterior logo, como que este no termina por convencerme

  • Alonso

    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.

  • SINbolas

    Esto ya va como scary movie

  • Librado

    Adjetivo calificativo más un animalito? Algo así como Ubuntu jaja :)

  • KaiserX

    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 xD

  • Daniel

    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.

  • Zid

    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.