Pautas básicas de diseño para bloggers

Nuestra ya asidua colaboradora Teresa Alba, responsable de Marketing Online y redactora en MadridNYC, ha tenido la amabilidad de compartir sus conocimientos de diseño y dejarnos este interesante post.

Si llevas tiempo dándole vueltas a esto de tener tu propio blog, pero aún no te has atrevido a dar el salto por miedo a no saber cuánto presupuesto es necesario o cómo diseñarlo por ti mismo, teniendo algunas nociones básicas y armándote con las herramientas idóneas puedes llegar más lejos de lo que te imaginas.

 

Pautas básicas de diseño para bloggers

Elementos básicos de un blog

Aunque la estructura y posibles funcionalidades que puedas implementar en el diseño de tu blog dependerán de si utilizas una plantilla CMS tipo WordPress o Blogger, o si decides invertir un poco más para crear un blog desde cero, los elementos comunes son los siguientes:

  • Estructura básica: columnas, encabezado y pie de página.
  • Elementos de marca personal.
  • Contenidos visuales y tipográficos.
  • Casilla de búsqueda.
  • Botones de Redes Sociales.
  • Información de contacto.

Recomendaciones clave

 Independientemente al tipo de contenido que quieras ofrecer, estos son algunos de los consejos que considero fundamentales en diseño:

  • Tu blog debe ofrecer una experiencia de navegación visual e intuitiva.
  • Los elementos visuales y de marca personal o branding deben seguir un patrón gráfico.
  • Combinar colores que contrasten es una buena forma de atraer, pero siempre debes hacerlo de manera limitada o correrás el riesgo de desviar la atención de tus lectores.
  • La tipografía debe ser clara y legible. Además, junto al color, su significación debe ir acorde con la imagen de marca.

Últimas tendencias en diseño

Pero si lo que realmente quieres es tener éxito y poder vivir de tu blog, no puedes pasar por alto las claves de un blog de diseño molón, así como las últimas tendencias en diseño web:

  • Para que tu contenido sea el rey, hay que evitar recargamientos y contar con un diseño claro y limpio.
  • Aunque se trate de un blog, ahora lo que funciona es ser breve, por lo que en la home es mejor que te decantes por la escasez de contenido escrito.
  • Debido a la alta competitividad en Internet, tanto webs como blogs se enfocan en incluir elementos visuales de marca personal.
  • Para las imágenes de los posts, lo que más se lleva son las imágenes vectoriales e ilustraciones.
  • Con la llegada de la pantalla táctil, nació la tendencia de páginas con fondos fotográficos a pantalla completa en diseño web (aunque quizás no tanto en blogs).

Herramientas y recursos gráficos para tu blog

  • Fuentes de imágenes gratuitas: no te la juegues, y si optas por lo gratuito, utiliza siempre fuentes de imágenes de libre uso, como Freepick, Flickr o Photl, entre otras muchas.
  • Fuentes de imágenes de pago: te recomiendo que si quieres tener un blog con contenido visual diferente, inviertas un poco para conseguir imágenes algo más exclusivas. Algunas de mis plataformas favoritas son 123RF, Bigstockphoto, Shutterstock o Fotolia, que por poco dinero al mes te ofrecen una amplia variedad.
  • Plataformas de ilustraciones vectoriales, texturas y patrones: si te gusta seguir las últimas tendencias y quieres aplicarte el cuento, algunas plataformas interesantes para ello son Vectorstock, CGTTextures o The Inspiration Gallery.
  • Descarga de iconos y elementos visuales: para hacerte con iconos chulos para tus infografías u otros materiales visuales, las webs más conocidas son Iconfinder, IconArchive o FindIcons.
  • Herramientas para combinar colores: si no eres un experto en diseño, algunas webs como ColorSchemeDesigner o Colorspire pueden serte muy útiles para hacer testeos y combinaciones de colores.

 ¿Conocías estas herramientas o nos recomendarías alguna otra? ¡Gracias por compartir!

 

 

 

 

 

Anuncios

11 comentarios (+¿añadir los tuyos?)

  1. Trackback: Pautas básicas de diseño para blo...
  2. angelesgtrrez
    Oct 07, 2014 @ 16:27:38

    Gracias Ignacio por compartir este contenido en Scoop. Saludos 🙂

    Responder

  3. kaplota
    Oct 08, 2014 @ 13:46:53

    Un post imteresante y práctico!!

    Responder

  4. vallekano2011
    Oct 10, 2014 @ 18:31:37

    Hola, Ángeles. Estupendo post, como siempre. Suelo compartir uno de tus post semanalmente… y esta semana me he topado con este, que está muy bien. Aunque hace años que tengo blog, desde hace meses estoy incorporando infogtafías a mis post y estos tres bancos de íconos que recomiendas en el artículo me han parecido la bomba. Desde luego hay donde escoger.
    Gracias por el artículo y un saludo.

    Responder

    • teralba
      Oct 12, 2014 @ 15:08:45

      Hola José Luis.
      Me alegro que te haya resultado interesante el post. Dichos bancos de iconoa son los que yo también utilizo para las infografías y la verdad es que son muy completos!
      Un saludo 🙂

      Responder

  5. angelesgtrrez
    Oct 10, 2014 @ 19:41:02

    Muchísimas gracias por darme tu opinión Jose Luis. Es un honor para mi saber que los contenidos que comparto son interesantes para mis seguidores, aunque en esta ocasión el mérito es de Teresa Alba, que ha escrito este post para compartir en mi blog. Un saludo y hasta pronto

    Responder

  6. joseluispiquer
    Oct 12, 2014 @ 11:17:33

    No sé como usar lo plugins joseluispiquermiguel.wordpress.com gracias

    Responder

  7. mcercols
    Ene 07, 2015 @ 12:21:20

    Angeles, me ha encantado este post, hace tiempo que te sigo y te leo, pero hoy no podía pasar de darte las gracias por ser breve, clara y precisa! Con tu permiso lo comparto!.

    Responder

    • angelesgtrrez
      Ene 09, 2015 @ 21:32:49

      Muchas gracias Marta por tu comentario, me alegro de que te gusten mis contenidos. Un placer que compartas y que comentes, y desde luego espero verte a menudo por mi blog con tus comentarios. Saludos 🙂

      Responder

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Follow Apasionada de las Redes Sociales on WordPress.com
Laura Oton on life

Periodista. Social Media. Foodie y mucho + De cada paso se aprende, de cada tropezón nos levantamos. La vida en vena de madre de dos y esposa de uno. Egofamilyblogger contado en familia.

El Blog de José Facchin

Hablamos sobre técnicas de Blogging, SEO, Marketing Online, Social Media, Marketing de contenidos y eCommerce.

Destapando 100es

Blog de Marketing Digital

Dulantzi Social Media

Consultoría y Formación en Marketing Digital y Community Management. Tu partner en Internet.

Bloggy Mary

Protocolo en redes sociales, comunicación, periodismo, RR.PP. ...

Luces y Sombras de las Marcas

Todas las novedades en Marketing, Social Media y Comunicación. Fátima Martínez

Digital Marketing Trends

Marketing digital & Digital Business

RaMGoN

Blog sobre Social Media, Marketing Digital y WordPress

http://www.uncommunitymanager.es

Just another WordPress.com site

MarKetingneando

Noticias sobre Marketing Online, Redes Sociales...

Social Media Strategies

Compartir conocimientos 2.0 y Marketing Online

Territorio creativo

Compartir conocimientos 2.0 y Marketing Online

TICbeat

Compartir conocimientos 2.0 y Marketing Online

TreceBits

Compartir conocimientos 2.0 y Marketing Online

Digital Marketing Expert Victor C Fuentes

Compartir conocimientos 2.0 y Marketing Online

A %d blogueros les gusta esto: