Este manual describe las herramientas y técnicas fundamentales para el diseño de blogs efectivos, incluyendo consejos sobre el uso de color, tipografía, formatos, cabeceras, contenido visual como imágenes e infografías, y herramientas como BeFunky, Creative Commons y Google Keyword Tool. El objetivo es ayudar a los blogueros a crear diseños atractivos que capturen la atención de los lectores y mejoren el posicionamiento en buscadores.

1. UNIVERSIDAD TECNOLÓGICA
EQUINOCCIAL
SISTEMA DE EDUCACIÓN A
DISTANCIA
MANUAL DEL DISEÑO DE BLOG
JACQUELINE MELO
2015 - 2016

2. Diseño de blogs
 ¿Quieres mejorar tu diseño del blog? Genial, yo te puedo ayudar.
Si lo que necesitas es que tu blog se vea bonito y profesional para que la
gente te tome más en serio y, por tanto, aumenten tus seguidores y ventas...
¡este es tu sitio!
Actualmente no estoy diseñando blogs personalizados porque tengo
demasiado trabajo y el proceso siempre se alarga mucho, sin embargo, tengo
una solución mucho mejor para ti: ¡un blog prediseñado!

4. La guía de diseño para blogs
 Como muchos sabréis hace unos meses lancé un pack de diseño para
marketinianos y debo admitir que fue un gran éxito. Este pack incluye todos
los recursos para diseñar y en mi blog voy comentando cómo juntar esos
recursos para crear los mejores blogs, publicaciones y presentaciones. Hoy te
comparto una súper guía de diseño para blogs, para que así no tengas excusas
para decirme que no tienes un blog súper molón y atractivo. A continuación,
te compartiré las pautas a seguir para lograr un diseño súper eficiente y
bonito, pero lo mejor de todo es que no tendrás que ir hacerte un curso de
diseño y mucho menos ser un diseñador profesional.

6. ¿Por qué debes preocuparte por el
diseño de tu blog?
 El diseño de un blog es tan importante como el contenido que generas.
 El 20 % de las personas no leen, escanean la página. Así que si tienes un
diseño pobre y poco llamativo, puedo asegurarte que ni siquiera escanearan
la información, se irán y los habrás perdido.
 El cerebro humana procesa imágenes 60,000 más rápido que los textos.
 Según estudios, el 94 % de artículos con imágenes consiguen más visitas que
aquellos que no tienen.
 ¿Ahora entiendes por que debes invertir tiempo en el diseño de tu blog y
seguir leyendo esta guía?

8. Lo básico del diseño que debes
dominar
 Color
 Siempre se recomienda que los colores del diseño de un blog estén asociados a los colores del
logo del mismo, ya que esto mantiene y unifica la identidad única que pueda tener.
 Combina colores de familias opuestas, es decir: blanco y negro o azul con blanco
 Evita las combinaciones de colores de la misma familia: rojo y anaranjado o morado y azul
 Define el tono de colores que tendrá tu blog, si será de colores cálidos o fríos
 Se recomienda que el color de texto de los posts sea negro, NO gris u otro color de la misma
tonalidad, ya que cansa al ojo y puede resultar fastidioso después de un tiempo leyendo.
 Proyecta lo que dices con los colores. Ej: si buscas llamar la atención de los usuarios es
recomendable que pongas una palabra clave en negrita y con un color vivo, no apagado y fácil
de pasar por alto.
 Crea tu paleta de colores y aférrate a ella, te dejo un ejemplo que saqué de Color Hex, un
excelente portal para inspirarte.

10. Tipografía
 Lo crean o no la tipografía influye de gran manera en los textos que redactamos y
publicamos. Es importante saber que es permitido utilizar como título una
tipografía llamativa, pero para leer largos textos sería un fracaso total. He aquí
algunos tips para que consideres a la hora de seleccionar una tipografía:
 No elijas más de 3 para un mismo texto, ya que eso arruinaría el diseño. Lo ideal
es mantenerse con dos y ya está.
 Escoge una tipografía fácil de leer y entender a simple vista. Si el usuario tiene
que estar forzando mucho la vista para entender tu mensaje, no lo leerá.
 Puedes utilizar combinaciones de tipografías Sans Serif (preferiblemente para
cuerpos de textos) y Serif (preferiblemente para títulos).
 Benefíciate de las tipografías modernas y utilízalas para crear imágenes molonas,
banners, títulos de cabeceras.

11. tipografías que funcionan muy bien.

12. Formatos
 Asegúrate siempre de tener la medida exacta del banner, cabecera que vayas
a crear, para así evitar que la imagen se vea pixelada o baja calidad.
Recuerda que tu imagen debe de pesar poco para que tus lectores puedan
cargar rápido tu contenido. Si no tienes ni idea de diseño gráfico, instala en
Chrome Page Ruler y ponte encima de tus cabeceras para medir el tamaño
exacto.
 Tip secreto: Si tienes mac, puede presionar shift + cmd + 4 y te saldrá un
icono que te dice la medida exacta (pixeles) de la imagen que estas
seleccionando

14. Tipos de cabeceras
 Las cabeceras en un blog son una de las cosas más importantes, ya que junto con
el titular del post es lo primero que ve el usuario. A continuación, te diré algunos
tips para que tomes en cuenta a la hora de crear cabeceras y así mismo 5 formatos
diferentes de cabeceras que puedes hacer.
 Si en tu blog se visualizan las cabeceras y titulares a la misma vez, no incluyas el
titular en la cabecera, ya que estarías haciendo redundancia.
 Escoge una imagen o icono vectorial que se relacione al contenido del post
 Copia lo que ya funciona
 Utiliza siempre imágenes de calidad
 Compra iconos, vectores, ilustraciones
 Por último, en el diseño menos es más (Keep it simple) y recuerda siempre
comprar lo que no sabes crear.

16. Tipos de contenidos
 No es ningún secreto que las ilustraciones e imágenes hacen más divertido el proceso de aprendizaje, como
te comenté antes el cerebro humano procesa las imágenes 60,000 veces más rápido lo visual que textos. Sin
embargo, es importante que entendamos e identifiquemos las cosas que podemos visualizar en nuestros
posts, para así hacerlos más interesantes.
 Dentro de las cosas que puedes visualizar y tipos de contenidos que puedes crear, están:
 Frases
 Listas
 Mini infografías
 Infografías completas
 Gráficas de data
 Gráficas explicativas
 Gráficas con frases para compartir
 Muestras de un producto a vender
 Vídeos

18. BeFunky
 BeFunky es un editor de fotos online que te permite editar fotografías
fácilmente, añadir filtros, y crear collages con varias fotos. Empezar es tan
sencillo como hacer clic en el botón y subir tu foto desde tu ordenador,
Facebook, la webcam, Flickr, Photobucket, Picasa o Sample. BeFunky es una
herramienta bastante ingeniosa que ofrece resultados de calidad a cualquiera
que quiera retocar rápidamente una fotografía sin necesidad de descargar e
instalar ningún software, lo que te permite subir y editar en segundos.

20. Cómo poner tu horóscopo en el Blog
 Hay cientos de recursos y herramientas para hacer simpático un blog: relojes
digitales, mascotas virtuales, el tiempo, etc. Uno de los recursos más
simpáticos el poner al lado del perfil del autor el horóscopo, con ello
identificamos el signo del autor y qué dice su horóscopo de cómo le va ir el
día... Ver también Contenidos blogs

21. RSS Reader
 Lo primero que cualquier blogger debería hacer es configurarse un lector RSS para estar siempre
al día de los contenidos que se publican sobre su industria.
 Puedes introducir términos para recibir recomendaciones de blogs interesantes y suscribirte a
ellos. Podrás recoger ideas interesantes para tus artículos y compartirlos con tus seguidores para
mantenerlos bien informados.

22. Creative Commons
 Es recomendable que los artículos contengan, mínimo, una imagen con su correspondiente
descripción alternativa. Si no dispones de material propio con el que ilustrar tus entradas y no
quieres pagar por ellas, usa el motor de búsqueda de Creative Commons.
 Podrás buscar entre imágenes de Flickr, Pixabay, Fotopedia y Google Imágenes que puedas usar
para fines comerciales o que puedas incluso modificar. Ten en cuenta que siempre deberás
referir al autor de la manera que él especifique.

23. Google Keyword Tool
 Si quieres posicionarte bien en Google, escribe artículos usando palabras
clave de tu sector. ¿Cómo encontrar las keywords adecuadas? Google ofrece
un buscador en el que puedes colocar tus sugerencias de búsqueda. Te
proporciona combinaciones de palabras parecidas y te indica el volumen de
búsquedas que generan y la competencia que hay para rankear con ellas.

24. Búsquedas enriquecidas
 Si quieres buscar un determinado artículo en una web en concreto, usa la
búsqueda refinada de Google.
 Nos interesa el contenido publicado por HubSpot, por ejemplo, y queremos
ver qué han escrito sobre Facebook en su blog. Para filtrarlo con estos
criterios usaremos la siguiente leyenda:
 "site:blog.hubspot.com" dejaremos un espacio en blanco y seguidamente
escribiremos los términos que queramos buscar dentro de HubSpot. Es
importante que escribas la dirección web sin el http://www. para que
funcione.

26. iMovie o Windows Movie Maker
 También puedes crear contenidos en vídeo para complementar tus artículos.
El software predeterminado de los ordenadores Apple -iMovie- o el de
Windows -Windows Movie Maker- te permitirá editar de forma intuitiva los
montajes audiovisuales que tengas en mente.

27.  Aquí voy a hacer un resumen rápido y muy básico, las fuentes las podemos
organizar en dos grandes grupos:
 Serif (bordes con ornamentos, tipo Times New Roman)
 Sans-serif (bordes redondeados)
Usa solo 2 o 3 fuentes como máximo

28. Conclusión
 Sea cual sea tu caso: tienes un diseño web a medida, una buena plantilla
Premium para tu WordPress o estés pensando en cambiar algo, es muy
necesario para todo blogger tener un criterio crítico sobre algunos conceptos
básicos de diseño de tu web o blog.
 Tener un buen contenido de calidad (que seguro que con los consejos de Berto
y Raquel ya los estás haciendo) y conjugarlo con un diseño apetecible para tu
blog, son las claves para tener contentos por igual a Google y a los
visitantes. Consigue situarte en la avenida principal de tu sector (o primera
página de Google, llámalo como quieras), y luego, haz que tus visitantes se
sientan como en casa, que les apetezca quedarse un poco más, que les
apetezca volver… ¡o quedarse a vivir!

30. BIBLIOGRAFÍA
 https://www.euroresidentes.com/Blogs/Bitacoras/recursos-para-blogs.htm
 http://www.inboundcycle.com/blog-de-inbound-marketing/bid/150691/10-
herramientas-para-blog-imprescindibles-y-gratuitas
 http://vilmanunez.com/2015/06/04/la-guia-de-diseno-para-blogs/
 http://www.ciudadano2cero.com/consejos-de-diseno-blog/
GRACIAS