Después de convencerme que el blog necesitaba un cambio radical, decidí empezar a pensar en el diseño. La idea de usar alguno de los miles de templates estuvo presente en todo momento, sin embargo, después de probar dos o tres, decidí que sería mucho mejor darle una identidad propia y eso viene desde el diseño.
El Layout
Empecé con dibujos en papel en donde probé dos y tres columnas, también con sombras tipo 2.0 pero la respuesta estaba frente a mi. No me gustan las sombras y reflejos, considero que ocupan lugar innecesariamente, no me convencen más de dos columnas para un blog en donde la info es la del post y el resto son links. Es por eso que el layout que empezaba a definir era de dos columnas con header como siempre me gustó.
Tampoco me gustan mucho las fotografías en los headers, es muy complicado hacer que una fotografía denote identidad y a pesar que la idea de buscar una identidad fotográfica me desafiaba como fotógrafo, todavía estaría en veremos. Y así opté usar un header degradado.
El diseño
Desde que apareció Kubrick por defecto en wordpress lo odié, estaba por todos lados y era muy poco práctico. Creo que desde ahí es en donde mi antipatía por la columna de menu a la derecha se transformo en una ideología. Considero que el usuario debe pegar el primer vistazo en la barra lateral, que es donde encuentra la información de lo que puede hacer con el sitio. Eso hizo que la barra a la derecha quede automáticamente descartada.
La tipografía fue algo difícil por diversos motivos: No entiendo demasiado el tema, no quería usar nada extraño y exótico, tenía que ser legible y útil. Así es como recurrí a la Georgia para los títulos y la verdana para el texto (Probé primero con la Tahoma porque me gusta más, pero no resultó).
Luego vinieron los colores; mi idea original era un azul oscuro pero me pareció extremadamente apagado para mi ímpetu de bloggear y aprender. Es por eso que jugando con la paleta llegue a la conclusión que debería ser algo fuerte, el rojo y el negro sobre el blanco me terminaron de convencer. Para el texto use un gris para que no genere demasiado contraste con el blanco.
El Logo
Después de buscar muchos logos en mi imaginación y no encontrar nada, la idea de los cadrados me pego con fuerza y precisión. Tenía el concepto, tenía los colores, tenía las letras, la tipografía y el slogan y fue con eso que empecé. Después de alinear la marca (En la que usé la Georgia por la Garamond) y el slogan, me vino a la cabeza la idea de un tablero de ajedrez; eso me dio la idea de dibujar el isologo con una L y una Z separadas sólo por un contraste de la misma gama. Probé y me gusto.
Iconos

Debo haber bajado más de mil íconos con licencia CC, GNU o GPL, algunos geniales y mejor que los que tengo, sin embargo no tenían la variedad suficiente (como íconos de yahoo, google y mucho menos de bloglines). Es por eso que usando la forma de los logos bajados, diseñé un botón que usé en la sección de los feeds. Luego buscando en Google, identifiqué las fuentes de los logos de bloglines y google para hacer los respectivos íconos. Luego copie la Y de yahoo y la imagen del RSS y pude concluir los íconos que tenía en mente.
Photoshop y Fireworks
Todo fue realizado con Photoshop y Fireworks, sin estas herramientas no hubiera podido sacar nada de lo que tenía en la cabeza. la conclusión de todo fue un gran PNG de la página principal del blog con todo lo que quería que tuviera.
Una vez maquetado y templetado que fue lo de menos, vinieron importantes tips de la gente que ya agradecí para terminar de pulir mi idea. Si bien quedan cosas por arreglar, es lo que tenía ganas de ver.
De nuevo llamo a los que saben de diseño que me critiquen y me apunten los errores y las inconcistencias que puedan encontrar, gracias.