Cómo ordenar el estilo gráfico de tu blog

Cuando creé este blog hace algunos años el diseño que tenía era básicamente la misma plantilla que da blogger... era bien feo xD. Hoy es mucho más fácil realizar cambios sin entrar al código HTML donde es muy fácil arruinarlo todo. Pero con tantas libertades uno puede emocionarse provocando que el diseño del blog no se vea coherente así que he creado algunas guías que pueden utilizar a la hora de tomar decisiones.


TIPOGRAFÍA PARA ESCRIBIR: Bastante obvia, con la que escribirás tus posts. Mantente con las tipografías predeterminadas que ofrece Google para asegurarte que estas se verán bien sin problemas en cualquier computador. Las serif (con palo seco, como la Times New Roman) dan una apariencia elegante pero no son la mejor opción para plataformas digitales. Elige mejor las sans serif (como Arial y Verdana).
TIPOGRAFÍA PARA RESALTAR: Aquí peco porque yo uso 2 pero me servirá de ejemplo para decirles que estas son guías y ustedes son libres de tirarle glitter al blog si quieren. Con las tipografías para resaltar escribiremos notas en la fotos para que estas de entiendan mejor y también para agregar menús o mini banners en el sidebar.
COLORES: Primero necesitan un color para los textos que dependerá de su color de fondo. La combinación con mayor legibilidad es fondo blanco con texto en negro al 90-70% (gris oscuro). Recomiendo muchísimo mantenerse en esto ya que la idea que la gente pueda leer tus posts sin problemas, sino cual es el sentido? Por otro lado, mantenerse en un color acento para los vínculos y donde quieras ponerlo para darle vida al blog. Yo amo el tono de morado que uso :p.
FILTRO DE FOTOGRAFÍA: Esto es muy opcional pero lo agrego porque es una buena opción si no tienen una cámara mega profesional ya que un filtro ocultará las imperfecciones. Lo ideal es mantenerse siempre con uno que sea sutil y que no cambie los colores drásticamente (han visto Twilight? tiene un filtro azul que te hace querer tirarle algo a la tele). Pueden editarlas en sus mismos celulares (hay mil aplicaciones para esto) o descargar acciones para Photoshop. Eso si, absténganse de usar filtro en fotografías donde se necesite ver el color real como son aquellas de productos de maquillaje.

Esta es una manera muy sencilla de ordenar todos los elementos gráficos de tu blog para que puedas ver si estos se ven bien como un conjunto. Espero que les sirva y como siempre pueden preguntarme lo que quieran en los comentarios. Ah y por cierto, yo se de este tema xD fue mi tesis en la universidad.

Widgets para una mejor experiencia de usuario

Un blog es para los lectores y yo creo que cualquiera quiere que la pasen bien cuando visitan tu sitio. Aquí he listado algunos widgets que pueden agregar para que la experiencia sea mucho mejor de lo que ya es.

LINKWITHIN
Este es un magnífico widget para agregar a tu blog sobre todo si ya llevas un tiempo escribiendo. Mostrará después de cada post links a tus entradas pasadas. Puedes controlar la cantidad y también si quieres que se muestren con imágenes.

ADDTHIS
Yo soy loca por Pinterest y me encanta guardar las cosas útiles o lindas que encuentro pero me mata cuando lo blogs lo hacen difícil. No todos tienen el add-on para los navegadores y la verdad es que yo lo tengo pero funciona pésimo. Si todos pusieran Addthis la vida sería maravillosa jajaja. Esto permite a tus lectores compartir tus posts en prácticamente cualquier red social (en serio, soporta unas 200), enviarlo por correo, imprimirlo y agregarlo a favoritos.

GOOGLE TRANSLATE
Gran cantidad de los blogs están en inglés, de hecho no recuerdo la cifra exacta pero se que es más de la mitad. Esto hace que también la mayoría de los lectores se maneje en este idioma por lo tanto conviene estar preparado. Google tiene esto contemplado ya que puedes agregar Google Translate directamente desde la sección "Diseño" de Blogger.

Guía para diseño de blogs 2: Los Básicos

Voy bastante bien con este posts de diseño de domingo :p. Hoy les contaré algunos de los básicos que deben tomar en cuenta a la hora de crear un blog. Y si ya tienen uno pueden volver a revisar algunos puntos o leer los tips que les voy entre medio.

DIAGRAMACIÓN
Algo mas común a la hora de hablar de libros pero los blogs tienen su propio tipo de diagramación. Con las plataformas es casi a prueba de tontos pero hay algunas cosas que tomar en cuenta:
1/ Mantén tu sidebar más pequeño que el de tus posts.
2/ El tamaño ideal para la columna de los posts es entre 700 y 800, así no tendrás fotos muy grandes y textos imposibles de leer.
3/ Todo lo que pongas en tu blog debe ser guiado por una jerarquía. Es decir, lo más importante va más grande.

CONTENIDO
Es tu blog, tu eliges lo que quieres escribir. Si hay algo que he aprendido es que ni siquiera es necesario encasillarse en un solo tópico. Tal vez hay muchos temas que te interesan y está bien compartirlos porque es probable que personas con los mismos gustos te encuentren así.

SABER EDITAR FOTOS
Yo creo que hay requisitos que uno cree que existen a la hora de pensar en empezar un blog. Cosas como que tienes que tener una super vida de modelo o tener cierto nivel económico. Pues no. Y de esto hablaré en otro capítulo. Lo único que si creo que es necesario es saber lo básico de editar fotos. No es necesario tener la fancy Canon que cuesta un ojo de la cara si sabes como recortar, ajustar el brillo y esas cosas. Yo uso Photoshop que es mi editor de imágenes desde que puedo recordar pero hay opciones gratis y online que son extremadamente fáciles de usar. Uno que recomiendo es Pixlr y si prefieren las apps está Aviary.

ENCABEZADO
Quizás han notado en blogs exitosos como A Beautiful Mess que tienen un logo y le sacan partido. Lo verán en su página, las apps que crean, los libros que sacan, etc. Después de todo un blog es una marca. Pero comenzar a establecer un logo y una imagen desde el principio puede que no sea tan fácil. Es un proceso. Pero para encabezados debes ya tener un nombre y lucirlo ahí para que los lectores comiencen a relacionarse con él. Algo sencillo y que funciona muy bien es elegir una tipografía bonita (pero que se lea! no vayan a usar Jokerman) y algún tipo de gráfico. Si saben usar Illustrator recomiendo los de Freepik como este o quizás un ícono de animalito como hice yo :).

HAZ QUE SEA FÁCIL SEGUIRTE
A pesar de que apoyo el "escribir por el arte" xD no le niegues la oportunidad a la gente que siga tu blog. En Blogger el más común es Google Friend Connect que viene por defecto en las plantilla o lo encuentran en los gadgets. Mi favorito es Bloglovin que es usado por muchísimos blogs y la gracia es que permite seguir los de cualquier plataforma e incluso Tumblrs. Hablo más de él en este post pero lo único que tiene que hacer es crear una cuenta y cuando tengan su blog inscribirlo. Pongan los links para seguir el blog arriba en el sidebar (mi recomendación es justo debajo de donde tengan información sobre ustedes) para que así los visitantes nuevos puedan verlo de inmediato. He visto algunos que lo ponen en el pie de página donde yo creo que el 1% de la gente llega jajaja. No hagan eso.

Como siempre, cualquier pregunta solo déjenla :).

Guía para diseño de blogs 1: Plataformas y plantillas

Comienzo con una nueva sección (que prometo que mantendré con vida xD no como 99% de las otras). Entregué mi tesis el mes pasado y mi tema se centraba en los factores que hacen que un blog sea bueno desde el punto de vista del diseño. Osea que si tengo un millón de blogs de belleza donde elegir qué hará que prefiera uno sobre el otro. Realicé unos cuantos experimentos y apliqué instrumentos que me llevaron a tener varias conclusiones que quiero compartir con todos ustedes. Espero que les sirvan a la hora de escoger el diseño de su blog y verán que es más fácil de lo que uno piensa tenerlo "pro". Serán varios posts de este tema porque ciertamente tengo muchos tips. Comencemos con el primer tema: plataformas y plantillas.

ESCOGER BIEN
Cuando ya sabes que quieres tener un blog lo esencial es elegir la plataforma en la cual lo escribirás. Las más famosas son Blogger y Wordpress que aunque podrían decirte que son iguales la verdad es que no. Blogger para mi es la más sencilla y muy amigable con bloggers novatos. Wordpress.com es parecida, tiene más plantillas pero lo que encuentro penca es que tiene demasiados costos asociados. Wordpress.org está enfocada en lo profesional que si tienen manejo de FTP y piensan hacer de su blog un negocio puede que sea la mejor opción. De todas formas si googlean encontrarán varios artículos donde comparan las más populares. Todo depende de gustos y sobre todo la que les quede más cómoda porque piensen que pasarán mucho tiempo escribiendo ahí.

ENCUENTRA TU IDENTIDAD
Al igual que las grandes marcas, tu blog necesita una imagen. Tomemos como ejemplos los blogs Essie Button y Lily Melrose. Ambos se enfocan en moda y belleza pero como podrán ver son muy diferentes. Normalmente cuando tratamos con blogs personales es coherente transmitir tu personalidad con el diseño. Lo importante aquí es mantener una línea en diseño, imágenes, gráficos que harán todo más coherente. Debo admitir que en este punto suelo fallar porque me encanta probar cosas nuevas xD pero supongo que no es tan malo porque cuando encuentre un estilo que me guste mucho me quedaré con él.

EN PLANTILLAS, MENOS ES MÁS
Uno suele volverse un poco loco en el diseño pero la verdad es que la experiencia me dice que menos es más. Sobre todo porque lo importante de tu blog es el contenido y no querrás opacarlo con fondos locos o un encabeza gigante. La plantilla que yo utilizo en mi blog es Sencillo de Blogger y verás que aunque es la más común y fome del universo es bastante editable. Saber HTML ayuda mucho en esto pero Blogger entrega herramientas que hacen la tarea muy fácil.

BUSCA REFERENCIAS
Si quieres editar tu propia plantilla pero no sabes muy bien como quieres que se vea recomiendo buscar blogs que te gusten. De ellos puedes sacar ideas para tus encabezados, fondos, combinaciones de colores, etc.

CUANDO TODO FALLA, PUEDES COMPRAR UNA PLANTILLA
Cuando los blogs se volvieron más populares salieron una gran cantidad de tiendas online que venden plantillas para las distintas plataformas. Es una excelente opción si no le pegas mucho a la edición de gráficos y a los códigos HTML. Los varían mucho pero lo bueno es que solo necesitas pagarlo una vez y las tiendas suelen incluir todos los gráficos que necesitas para que se vea bien e incluso instrucciones para tenerlo en línea. Les recomiendo Evye y la amplia selección que pueden encontrar en las tiendas de Etsy.

El diseño que tenga tu blog es extremadamente importante ya que es como tu tarjeta de presentación sobre todo para los nuevos visitantes así que no lo descuides. Si tienes preguntas o comentarios no dudes en dejarlos que este es un tema que me encanta jajaja.