Cómo crear cabeceras atractivas para tu blog sin ser diseñador


Este post es un post de invitado de Susana Morin. Susana es Asesora de Marketing Digital y Social Media, labor en la cual ayuda a profesionales y pymes de éxito con presencia online, que buscan impactar y vender más a través de un identidad visual atractiva. Puedes encontrar más contenido suyo en LoveVisualMarketing, su blog especializado en Visual Marketing y Marketing Digital.

plantilla 1

Como bloguero sabes que hacer contenido de calidad es una forma de diferenciarte y de que tus lectores no te abandonen. Trabajas con profesionalidad tus post, porque necesitas que tus contenidos destaquen sobre el resto.

Sin embargo, eres consciente de que hay demasiada información en la red que se comparte cada día y los usuarios están siendo impactados constantemente con nuevos contenidos.

Necesitas hacer algo distinto que añada valor a tus contenidos y que te ayude a diferenciarte.

¿Cómo hacer para dar un paso más y diferenciarte de tus competidores?

Una de las maneras más significativas para añadir valor a tu negocio es a través del marketing visual, con la creación de una marca de calidad visualmente distinta para las entradas de tu blog.

Para mejorar la estrategia de marketing de tu blog, te recomiendo que inviertas tiempo en crear una plantilla gráfica atractiva para la cabecera como imagen principal de tu blog. Ésta es una estrategia que te ayudará a mejorar el branding.

Contar con una plantilla para la cabecera de tu blog, no sólo te ahorrará un montón de tiempo cada vez que publiques en tu blog, sino que también tendrás una marca coherente y consistente para tus lectores.

Conseguir una  diferenciación visual es una de las estrategias que nos va a ayudar a sobresalir y a captar la atención de nuestros lectores. Mira más ejemplos reales de plantillas para cabeceras.

¡Estás en el mejor momento de tomar ventaja y sacarle partido!

Y es que en el mundo hispano, la gran mayoría de los bloggers no están creando estrategias de diferenciación visuales para destacar del resto.

He observado que en los Estados Unidos los bloggers que están triunfando sí lo están haciendo y te hablo de bloggers que llevan poco tiempo en este mundillo. Es una tendencia que crece cada vez más y te ayudará a marca una diferencia.

El objetivo de este post es enseñarte a diseñar una plantilla de una cabecera atractiva como imagen principal de tu blog y sin necesidad de ser un diseñador gráfico. ¿Te atreves a conseguirlo?

Por qué los bloggers en España no tienen una plantilla para la imagen principal de su blog

Todavía existen mucho miedos a lanzarte a hacer un diseño para tu marca. Tienes temor a diseñar imágenes porque piensas que la habilidad de diseño está reservada a un grupo privilegiado, que somos los diseñadores gráficos.

Y es cierto, en parte. Si quieres conseguir un diseño muy elaborado o complejo, es probable que no lo puedas obtener. Pero piensa esto: todos somos creativos, tenemos el hemisferio derecho que lo avala.

En diseño existe una regla que es la más importante: “keep it simple” o “menos es más”. Conseguir una plantilla de cabecera atractiva para tu blog no tiene por qué ser complicado, todo lo contrario. Además, todos tenemos la capacidad de aprender las herramientas que hoy tenemos a nuestra disposición: herramientas de diseño online gratuitas. Han sido diseñadas para no diseñadores como tú. Son realmente fáciles de usar.

Multiplica el Nº de gente que lee tu blog

Con este eBook gratuito de plantillas de copywriting crearás titulos que dispararán los clics en tus contenidos:

  • 77 Plantillas de títulos probadas que multiplicarán los clics.
  • Sacaras infinitas ideas crear tus propios títulos.
  • Con las palabras "mágicas" redactarás textos irresistibles.
¡Buenas! ¿Me dices tu nombre?

¡Un placer conocerte!

Apuntáte aquí y recibirás gratis una copia del eBook.

Otro factor que te echa para atrás es el factor tiempo. ¿A quién le sobra el tiempo? Estás convencido de que vas a emplear horas en diseñar una plantilla y no puedes darte ese lujo. La buena noticia es que una plantilla te va a ayudar a generar imágenes en solo segundos, porque no tienes que pensar. Lo tienes todo hecho, solo tienes que personalizar y listo.

Otra de las preocupaciones que escucho con frecuencia, es que la gente no quiere estar atada a un diseño, porque consideran que es limitante y puede parecer aburrido.

Todo lo contrario. En estos ejemplos te enseño varios modelos reales para tener un conjunto coherente de plantillas para la imagen principal del blog que representan a tu marca. Verás que algunas no usan una plantilla, sino más bien consiguen una sensación y coherencia utilizando una paleta de colores, la misma tipografía y un estilo definido de tu marca.

5 Beneficios de usar una plantilla para tu blog

En definitiva, ¿cuáles podrían ser las razones más importantes para utilizar una plantilla para la imagen de cabecera de tu blog?

Yo te voy a dar 5 razones que creo son de peso:

  1. Facilita mucho hacer un branding consistente y aumentar la reputación y autoridad de tu blog.
  2. Reconocimiento inmediato: cuando alguien ve una imagen de tu blog estará reconociendo que es un post tuyo.
  3. Generar más confianza: al dar una imagen mas profesional vas a transmitir confianza y eso ayuda a que vendas más. Eso es lo que todos queremos.
  4. Ahorro de tiempo: esto es vital. Vas a ahorrar mucho tiempo en el proceso y enfocarte en crear nuevos contenidos, que es lo que necesitas.
  5. Muy fácil de actualizar: una plantilla es rápida y fácil de modificar; esto está pensado para no diseñadores.

He escuchado historias de éxito de mis clientes que se han animado a contratar mis servicios como especialista en marketing visual para crear una plantilla para su blog. Es el componente visual olvidado de los blogueros, que te ayudará a diferenciarte y te llevará al siguiente nivel. El marketing visual favorece a los negocios y blogs, ya que ayuda a diferenciarse de su competencia y posicionarse inmediatamente como profesionales en su sector.

Piensa que darás una primera impresión favorable, que solo llevará segundos cuando vean la imagen principal de tu blog. Asegúrate de que esa imagen no solo refleje lo profesional que eres, sino que refleje también lo que es tu marca.

Manos a la obra: cómo diseñar una plantilla para la imagen principal de tu blog. Ejemplo real

Como ejemplo, trabajaremos una plantilla para la imagen principal del blog Ciudadano 2.0. Vamos a revisar los ingredientes que tenemos y veamos qué podemos conseguir.

Los ingredientes necesarios para hacer una plantilla son:

buscar palabras clave google

Estos son los componentes de nuestra plantilla de cabecera.

En el caso de Ciudadano 2.0 sabemos que utiliza Powerpoint para generar sus diseños.

Tenemos 2 colores para jugar, que son los colores de su logotipo: azul (código 2c3e50) y naranja (código d96709). Se utilizan imágenes de Fotolia o Shutterstock. La tipografía que utiliza suele ser Raleway. Y las imágenes son de 800 px de ancho. Tiene un logotipo que realizó hace un año. Lo tenemos casi todo, solo nos falta definir un estilo.

Lo primero que voy a hacer es olvidarme del Power Point y utilizar una herramienta online para hacer diseño.

Canva es una de las más conocidas y es gratuita. Te permite elegir entre plantillas ya diseñadas y modificarla o personalizarla como quieras.

Una reciente novedad que incorporaron es Canva for Work. Es la versión de pago y con ella puedes guardar las características de tu marca, colores, tipografías, etc., para diseñar tus imágenes con tu estilo. Además, esta versión Pro te ayuda a generar automáticamente y con solo un clic el diseño en todos los tamaños adecuados de cada red social. Es buenísimo, porque ahorras mucho tiempo y en segundos tienes todas las imágenes listas para compartir.

En este post puedes informarte mejor de cómo trabajar con Canva.

Befunky es otra herramienta que además de permitirte editar fotos como un profesional, puedes generar diseños nuevos.

Si eres curioso y quieres conocer otras herramientas para hacer diseño o edición de fotos, chequea esta lista de 14 herramientas de diseño online.

Si quieres crear tu blog o web, aprovecha estas ofertas ahora:

¿Cuál es el tamaño ideal para trabajar la plantilla?

No existe un tamaño ideal para todos los blogs. El tamaño de la plantilla para la cabecera es libre. La orientación del diseño, si es vertical u horizontal, depende de ti.

Si la red social Pinterest es uno de tus principales canales de comunicación, te recomiendo elijas la imagen principal en formato vertical, porque es el que funciona bien en Pinterest. Si por el contrario la red social con la que mas triunfas es Facebook, lo aconsejable es hacer una imagen horizontal. El ancho de la imagen va a depender de tu plantilla. Normalmente suelo hacer las imágenes entre 600 y 800 px de ancho y el alto al tamaño que quieras.

4 Ejemplos de plantilla para darte ideas

Como la mejor manera de aprender es practicar, voy a elaborar aquí 4 plantillas diferentes en total, con diferentes estilos, las cuales creo que te servirán para sacar ideas que puedan servirte para tu sitio.

Plantilla 1

Este diseño tiene un rectángulo transparente que cubre la foto y la tiñe de blanco. Lleva otro marco interior que trasluce la foto original. La tipografía es grande, va en mayúscula y minúscula en el naranja de la marca.

plantilla 1

Aquí vemos el resultado final de la primera plantilla.

Lo primero que vamos a hacer es crear una cuenta en Canva y crear un espacio de trabajo del tamaño de la imagen para nuestro blog, desde “usar dimensiones personalizadas”:

canva 1

Al crear un nuevo diseño, elige la opción de “Usar dimensiones personalizadas”.

Las imágenes que ves debajo de las opciones de diseño, son anteriores trabajos que he realizado en Canva desde mi cuenta. Conforme hagas nuevos diseños, éstos se mostrarán aquí.

Creamos el espacio de trabajo de 800 x 550 px.

canva 2

Dentro de las dimensiones personalizadas, indica el ancho y el alto en pixeles. En el caso del ejemplo, 800 *550.

En el menú de la izquierda tienes varias opciones; para subir la foto de tu diseños, tienes que hacer clic en “subir”. Como verás, ya he subido previamente los logotipos como la fotografía.

canva 3

Ahora clicamos sobre la foto o la arrastramos, para llevarla al espacio de trabajo.

Para llevarla al espacio de trabajo, podemos arrastrarla o hacer un clic encima de la foto y listo. Como ves, está más pequeña que el espacio de trabajo. Como queremos que ocupe todo el tamaño del lienzo, debes ajustar el tamaño arrastrando desde cada esquina.

Puedes utilizar fotografías de una web de stock gratuítas o tomarlas tú, pero siempre utiliza un mismo efecto de retoque de fotos.

canva 4

Así ajustamos el tamaño de la foto al tamaño del lienzo.

Vamos a ir al menú de la izquierda y vamos a elegir una forma. Haz clic en el menú “elementos” y una vez dentro, en el cuadrado “forma”.

plantilla 1 paso 5

A continuación, elegimos una forma del menú de la izquierda.

Se van a desplegar muchas posibilidades. Mientras más te familiarices con la herramientas, más rápido sabrás cual es la forma que necesitas para tu diseño.

plantilla 1 paso 6

El abanico de formas que podemos escoger es amplio.

Para esta plantilla voy a elegir un recuadro que tiene un marco transparente dentro. Para encontrarlo debes hacer scroll o seguir bajando hasta localizarlo. Hacemos clic en él y se añade encima de nuestro diseño.

plantilla 1 paso 7

En este caso, la forma que escojo es un recuadro con marco transparente dentro.

Como ves, en cada extremo hay unos controladores desde donde puedes ajustar el tamaño del recuadro hasta reducirlo o agrandarlo. Lo agrandamos hasta que ocupe el tamaño de la foto.

Al hacer click en el recuadro, se abre una ventana de diálogo y en el triangulito de la derecha se despliegan mas opciones como, por ejemplo, hacer este elemento transparente.

Como no quiero que quede blanco 100%, sino que sea transparente para poder ver la fotografía que hay debajo, le daré un 66 % de transparencia. Para eso arrastro el circulito hacia la izquierda, y mientras lo hago me va a indicar el número de porcentaje de la transparencia.

plantilla 1 paso 8

Ajustamos el tamaño del recuadro, y en la ventana de diálogo que se abre ajustamos también el porcentaje de transparencia que queremos.

Es momento de añadir texto para escribir el título del post. En el menú de la izquierda vemos la opción “T Texto”, hacemos clic y se abren unas opciones. O bien vamos añadiendo de uno en uno el título o podemos elegir un formato de texto prediseñado (más abajo). Para nuestra plantilla vamos a añadir “titulo”.

plantilla 1 paso 9

Ahora ya podemos escribir el texto para añadir el título del post.

Escribimos nuestro título y, para poder darle diferente tamaño a ciertas palabras, debemos añadir líneas separadas de esas palabras. Desplegamos las distintas tipografías que tiene la herramienta y elegimos Raleway y el tamaño adecuado.

Algunas líneas de texto serán en light, familia regular o familia bold. Eso te da bastante juego para diseñar con la tipografía.

Procedemos a darle color a la tipografía de uno de los que conforman nuestra marca. Pinchamos en la rueda de color, luego en el signo “+” y se abre otra paleta de colores, donde podemos añadir el tono exacto si ya lo conocemos.

En este ejemplo optamos por el color naranja de la marca de Ciudadano 2.0.

plantilla 1 paso 10

Una vez elegida la tipografía, procedemos a darle color. En este caso, escogemos el naranja.

Este diseño de plantilla tiene 2 grosores distintos de tipografías, para diferenciar algunas palabras del título. Además, he reducido el tamaño entre líneas (el interlineado), en la opción “espaciado de texto” –[Símbolo] “line heigth” a 1.0. Esta alternativa te permite juntar más las líneas entre sí para que el texto no ocupe demasiada altura y no se vea tan separado.

El siguiente paso será añadir un elemento de diseño en la carpeta llamada “línea” para separar el logotipo del título del post. Se despliegan muchas posibilidades.

plantilla 1 paso 11

Ahora, en la carpeta llamada “línea”, añadimos un elemento de diseño que separe el título del post del logotipo.

Vamos a cambiar el color de la “línea” por el azul corporativo de Ciudadano 2.0. Y añadimos el logotipo que ya habíamos subido anteriormente.

plantilla 1 paso 12

Cambiamos ahora al color azul y añadimos el logotipo ya subido.

Una de las ventajas que consigues trabajando con Canva, es que además de ser muy fácil de usar, te guarda todos los diseños que has trabajado en tu cuenta personal. Por eso, cuando tengas que hacer la próxima imagen de cabecera para tu blog, lo harás en menos de 3 minutos. Solo tendrías que entrar abrir la plantilla y cambiar el título y la foto.

Trabajar una plantilla para la cabecera de tu blog significa realmente dar un paso adelante para ser más profesional y conseguir más y mejores clientes.

plantilla 2

Ésta es la segunda plantilla sobre la que vamos a trabajar.

Plantilla 2: este diseño tiene una zona naranja transparente, para colocar el título del post y otra zona naranja muy clarita para que el logotipo se vea bien al ir encima de la foto. Hay ocasiones como ésta en las que necesitamos un recurso para que el logotipo no pase desapercibido o se confunda con la foto. Para asegurarme de que la zona naranja clarita combina con otro tipo de fotografías he utilizado la misma plantilla y he probado con 3 fotos. Éste es el resultado. Me parece que combina perfecto.

3 fotos para plantilla 2

Probamos con tres fotos distintas, para ver cómo contrastan con el color .

Una característica de esta plantilla es que todos los textos del título van en mayúsculas pero en 3 tamaños distintos.

Lleva una franja azul en diagonal, tiene 3 profundidades distintas, y el corte del triángulo le añade cierto dinamismo; además, el que sea transparente deja ver la fotografía.

Desde mi punto de vista, el logotipo resalta bien, el texto se lee y hemos conseguido otra plantilla atractiva para el blog de Berto.

Vamos a ver cómo hacerla.

Para poder trabajar varios diseños en un mismo documento, lo que hago es duplicar el diseño 1, haciendo click en la opción “añadir una nueva página” debajo del diseño 1. Automáticamente se genera un nuevo formato con la fotografía de fondo, pero sin ningún elemento. Verás que a la derecha de la nueva página dice número “2”. Puedes trabajar en el mismo archivo todos los diseños que quieras.

plantilla 2 paso 1

Creamos ahora una nueva página, duplicando el diseño 1, para poder trabajar en un mismo documento varios diseños.

Una vez que ya tengo mi segunda página empiezo a crear el siguiente diseño de plantilla.

Voy a añadir un triángulo que voy a personalizar con mis colores.

plantilla 2 paso 2

En este nuevo diseño, escojo la forma de triángulo y le pongo color.

Como ves, ya tiene mis colores y ahora lo voy a hacer transparente.

Lo voy a pegar en la esquina inferior izquierda y voy a sacar fuera del área del diseño parte del borde del triángulo.

plantilla 2 paso 3

Lo coloco ahora en la esquina inferior izquierda y ajusto la transparencia.

Tiene un 51% de transparencia. Ahora añado los textos del título y le doy formato al texto, como vimos en el tutorial anterior.

plantilla 2 paso 4

Ahora añado el texto del título y le doy formato.

Toca agregar el logotipo. Como el logotipo tiene un tamaño grande, lo reduzco arrastrando los manejadores de las esquinas.

Me parece que el logotipo no va a quedar así porque el fondo se come el logo y no resalta adecuadamente.

Pienso que necesito algún color debajo que haga contraste y que ayude a que siempre se lea bien el logotipo. Si cambio la foto, y elijo una de colores claros, va a funcionar mejor, pero si tengo una fotografía de colores oscuros voy a tener el mismo problema.

plantilla 2 paso 5

Y, a continuación, añado el logotipo.

Se me ocurre que puedo añadir otro triángulo que contraste con el naranja y que haga resaltar el logotipo. Voy a la zona de “elementos” y a “formas”. Selecciono este triángulo.

plantilla 2 paso 6

Quiero resaltar el logotipo; selecciono, entre las formas, un triángulo.

Lo arrastro bien abajo y lo giro un poco para que haga de fondo del logotipo.

plantilla 2 paso 7

Lo coloco bien, de modo que quede como fondo del logotipo.

Busco un tono degradado del naranja hacia el blanco para crear un color que se diferencie del naranja y que además combine con el logotipo. Envío este elemento hacia “atrás” para poder ver el logotipo.

plantilla 2 paso 8

Y ahora escojo un color distinto del del texto del título y que combine además con el logotipo.

El diseño ya está listo. Para descargarlo pincha en el botón arriba a la derecha “descargar”. Si es para la web puedes elegir una imagen jpg. Tienes 4 opciones.

plantilla 2 paso 9

¡Listo! Ya podemos descargarlo.

La siguiente plantilla es muy fácil de lograr. Ya sabes cómo se insertan los elementos; ahora te voy a comentar cuáles han sido los pasos, sin enseñarte la secuencia gráficamente.

Plantilla 3:

plantilla 3

Ahora vemos qué pasos habría que seguir en la plantilla 3.

Pasos:

  1. Subir la foto
  2. Añadir un recuadro blanco y hacerlo transparente al 51%.
  3. Subir una forma como la de la imagen y llevarla hacia fuera hasta que quede solo la parte que vemos.
  4. Elegir el color azul corporativo.
  5. Añadir la tipografía y darle el formato de nuestra marca.
  6. En “elementos” clicar en “líneas” y elegir este diseño. Colocarla hacia ambos lados de la última línea. Elegir un tono naranja corporativo y hacerla un 35% más clara.

 

Plantilla 4:

plantilla 3

Y éstos son los pasos que daríamos en la plantilla 4.

Pasos: Para hacer esta plantilla seguimos estos pasos:

  1. Subir la foto.
  2. Añadir un recuadro y pintarlo de azul corporativo. Ajustarlo al tamaño que vemos en la imagen.
  3. Hacer 3 bloques de texto: el primero tiene 16 px y es Raleway thin. El segundo tiene 40mpx y es Raleway Regular, se ha disminuido el interlineado. El tercer grupo de texto tiene 20 px y se ha ampliado la separación entre letra y letra. Esta tipografía es Raleway thin.
  4. Subimos otro recuadro y lo pintamos de blanco. Lo reducimos hasta el tamaño de la muestra. Le damos una transparencia de 88%. Subimos el logotipo.
  5. Insertamos un recuadro nuevo, lo reducimos hasta hacerlo tan delgado como la línea naranja arriba y abajo del título. Lo pintamos del naranja corporativo y lo duplicamos para llevarlo hacia abajo.

Como ves, no necesitas ser un diseñador exitoso para disfrutar de una plantilla. Será suficiente con usar una misma tipografía, los colores corporativos de tu marca y un estilo de fotografía similar en todas tus imágenes.

Después de escribir más de 3.000 palabras explicando con pasión cómo puedes aprovechar para hacer branding con tu blog, espero que te lleves nuevas ideas y que te pongas manos a la obra.

¿Utilizas una imagen de cabecera para tus post? ¿Qué resultados has notado? Comparte tu experiencia en los comentarios.

Acerca del autor: Susana Morin

Susana Morin, creadora de Love Visual Marketing, especialista en diseño estratégico y marketing visual. Ayudo a profesionales y pymes de éxito con presencia online que buscan impactar y vender más a través de una identidad visual atractiva.


Comentarios

  1. Excelente. Me ayudó mucho. Muchas gracias!

  2. Entrada perfecta.
    Utilizo Canva pero no conocía todas las funcionalidades que mencionas acá.
    Gracias por tu información.
    Seguiré tus instrucciones para copiarlas en mi blog.

  3. ¡Genial post!

    Yo llevo utilizando Canva hace tiempo, pero gracias a este post he descubierto que hay muchas cosas que hacía mal o, por lo menos, podía hacer mejor.

    Me ha gustado la idea de utilizar plantillas, porque yo hasta ahora no era consciente de ello y tardaba más de la cuenta en terminar mis diseños.

    Seguiré tus consejos, porque seguro que me van bien.

    Un abrazo

  4. Hola, Susana.

    Muchísimas gracias por toda la información, además del detalle sobre cada uno de los puntos. Marketing, branding, marca personal… en los últimos meses he leído mucho sobre esto, incluso estoy haciendo un curso de marketing digital y lo que más me frena en realidad es el diseño; hace unos meses descubrí Canva y es maravillosa a la hora de hacer imágenes.

    Por lo que dices, debo tener consistencia con los colores del blog, además de tener un logotipo (no lo tengo) y aquí es donde me aterro, siento que tengo que “casarme” con esos colores y pienso que no sé elegir.

    A todas estas mi consulta es: ¿cada cuánto tiempo (mínimo) es el ideal para refrescar el logotipo de la marca? Porque en mi caso mi logotipo sería mi nombre personal. Ojo, desde hace muchos años, finalizo todas las entradas del blog con mi nombre en una imagen preciosa que me hizo una amiga hace años, pero no estoy segura de si eso cuenta como logotipo.

    Gracias de antemano.
    Saludos.

  5. ¡Hola, Susana! Tenía todo mi comentario listo para enviártelo y perdí todo cuando, inexplicablemente, se recargó la página 🙁

    Te agradezco mucho la entrada; se nota tu pasión y dedicación. Me encanta poder encontrarme con personas a las que les ha ido bien en el medio y que reparten un momento de su tiempo para dar consejos y ayudar a todos los demás que están arrancando.

    Tengo un blog de literatura junto a una amiga en Blogger, por lo que no podemos usar “cabeceras”, pero sí implementamos hace poco el uso de imágenes en nuestras entradas; en ellas ponemos frases o fragmentos del libro que analizamos. Las usamos como complemento dentro de una reseña; además, notamos que no muchos las usan y queremos diferenciarnos un poco (aunque nos ha pasado que no hemos encontrado nada que nos haya parecido importante para poner en una imagen).

    Hace un tiempo encontré en el Play Store una app que se llama Textgram. Te permite ponerle texto a imágenes, ya sean las que trae la aplicación o las que uno saca con el celular. Es bastante básica, no se pueden hacer tantos retoques, pero tiene resultados muy lindos.

    En este momento donde la información y el contenido brotan sin control de internet, tener una marca, una característica que te distinga, es fundamental. Atraer lectores y mantenerlos no es facíl, pero tampoco imposible.

    Me diste muchos ánimos para seguir, ya que últimamente estamos medio desinfladas, porque sentimos que no conseguimos lectores. Es cierto que aún nos queda mucho por recorrer y aprender.

    De nuevo, gracias por esta entrada.
    Saludos.

    • Hola, Emilia.

      Qué bueno encontrarse con lectoras como tú, que valoran el contenido que uno puede aportar. Gracias por tu comentario. 😉

      Claro que puedes utilizar cabeceras, es simplemente una imagen principal que reúna el título de tu post y es la que se va a compartir en todas las redes sociales con tu logo y tu personalidad. Solo tienes que subirla al principio de tu post.

      Textgram lo conozco. Te puede ayudar a hacer diseños simples, pero hay nuevas herramientas para hacer diseño online y en mi blog tengo varios post donde hablo de ellas. Con el permiso de Berto, este es el último que hice sobre 4 nuevas herramientas para diseño online que no conoces y que te ayudarán a hacer diseños como una profesional:
      https://lovevisualmarketing.com/herramientas-de-diseno-online/
      hay App´s para el móvil que son una auténtica maravilla.

      Sí, es importante que sepas diferenciarte en internet y hacerlo a través de las imágenes es una gran ayuda para una marca.

      Te animo a que no pierdas esos ánimos; hacer contenidos de calidad te ayuda a conseguir reputación y, como dice el refrán: “no se puede hacer tortillas sin romper huevos”.

      Un saludo.

  6. ¡Hola! Susana, muy lindo post; me sirvió de mucha ayuda.

    Pero tengo una pregunta: ¿cómo hiciste para encontrar esa imagen? porque tengo un blog de sobre libros y estaría necesitando una asi.

    ¡Muchas gracias!

  7. Hola! La verdad es que Canva es una herramienta muy fácil de utilizar para quien no sepa diseño y para el que sabe pues mejor, de vez en cuando quieres cosas rápidas y con menos complicaciones. Gracias muy bien explicadito. Me he animado y he cambiado la cabecera de mi blog.

  8. Excelente post y excelente blog, he aprendido mucho y lo he ido aplicando en el mio. Felicitaciones por su trabajo.

  9. Susana, muchísimas gracias. Me sacas de la paleontología. Geniales los efectos. Siento que he aprendido un montón.

  10. Hola Susana, te agradecería mucho si puede decirme qué tamaño debe tener una foto para que resulte bien?
    800px como nos dices usa ciudadano es una medida que puede servir como estándar ? También esa medida serviría para las plantillas de mailchimp?

    Mil gracias por tu post!

    • Berto López dice:

      Hola Montse,

      Como regla general, efectivamente es una medida bastante equilibrada para la web ya que te permite mantener tamaños de fichero razonablemente ajustados y resoluciones bastante buenas para web.

      ¡Un saludo!
      Berto

    • Hola Montse,

      Ampliando la respuesta de Berto, 800px es una medida buena, pero depende de tu blog. El mío usa 700px de ancho. Para Mailchimp tengo entendido que son de 600px de ancho0.
      Espero haberte ayudado.
      Saludos.

  11. Andrés Porras dice:

    Me ha encantado el post y los recursos (referencias) que compartes.

    Con un poco de creatividad se pueden hacer muchas cosas. El jugar con las fuentes y colores, todo suma.

    Gracias por tu forma de haber explicado cada detalle .

  12. Muchísimas gracias por la información. Intentaremos seguirte en la medida de nuestros limitados conocimientos del tema.

  13. ¡Geniales tus consejos! Canva es una de las herramientas que utilizo, pero hoy he aprendido a como sacarle más partido 😉
    ¡Gracias!

  14. ¡Me encanta esta idea!

    Soy big fan de Canva. Desde que lo conocí, mi vida es otra, ja, ja…

    Tienes mucha razón en lo de identificar un post según la cabecera. No sé si en mi blog personal (blog de lifestyle) encajé esta idea, pero desde luego que para blogs corporativos o como del estilo creativo2.o viene genial.

    Un besito.
    http://www.rosaframbuesa.com

    • Hola Fernanda,
      Cada caso es un mundo. Lo que si es importante es tener una identidad visual definida. Por ejemplo, si ves una publicación de Vogue, ¿la reconocerías? Tus colores, la tipografía, el estilo de fotografía, todo suma y hace que te reconozcan.
      ¡Saludos!

  15. Genial el post.

    Yo conocí hace ya más de 2 años Canva y soy adicta a esta aplicación. La utilizo para diseñar newsletter, cabeceras, post, anuncios para Google Adwords, Flyers. Es estupenda.

    Gracias, Susana, por compartir tu experiencia. Me gusta mucho tu estilo de diseño. Y tengo que confesarte que conocer tu blog me impulsó a trabajar más en diseño y ahora es una de mis actividades más importantes.

    Un abrazo.
    Mayte

    • Hola Mayte,
      Muchas gracias por tus palabras, qué alegría 😉
      Me alegra haberte inspirado para darle más importancia a la imagen de tu marca.
      Canva es una herramienta que nos ha cambiado la vida para la generación de contenido visual atractivo. A seguir implementando el marketing visual en nuestras campañas. Un saludo.

  16. ¡Excelente post!

    Yo uso mucho Canva en el trabajo para hacer promos en redes sociales y ahora lo empezaré a usar en mis cabeceras de un blog personal que estoy montando.

    Es genial, la verdad! 🙂

  17. Otro post que me ayuda mucho,
    Yo era más de hacer losmdiseños “a mano” con Photoshop o corel draw pero ahora que me he llenado de trabajo no puedo dedicar tanto como antes a realizar mis gráficos. Además me va muy bien el post ya que acabo de lanzar mi blog hace unos días.

    Gracias…

    • Hola Joel, el tener plantillas para nuestros blogs, no solo nos ayuda a ahorrar tiempo, sino a mejorar el aspecto visual y por ende, dar una mejor impresión, más profesional. Si usas Photoshop, lo puedes hacer con photoshop. Es más profesional y consigues más posibilidades. Canva es ideal para quienes no saben usar herramientas profesionales. ¡Suerte con tu nuevo blog!

  18. Hola Susana, tomo muy buena nota de estos consejos con Canva.

    Si ya de por si es una herramienta increíble, pues toma, viene Susana y nos deja caer algunos truquitos… pues que quieres que te diga, que consigues cambiarme el día de color.

    Muchas gracias Susana.

    Un abrazote.

    • jejeje Paul, muchas gracias.
      Cuánto me alegro que te ayude este post. Vamos a ponerle más interés al aspecto visual de nuestros negocios y verás cómo empiezas a dar mejores resultados.
      Me alegra verte por aquí de nuevo. Un abrazo.

  19. Fabuloso post, gracias por la ayuda, de seguro haré volar mi imaginación para crear buena cabeceras.

  20. Tremendo tutorial nos has regalado Susana.
    Estos son los aportes que necesitamos quienes estamos un poco crudos en esto del blogueo.
    Sumamente intuitivo y lo mejor es que queda espectacular la cabecera.
    Muchas gracias por regalarnos tu esfuerzo y gracias igualmente a Raquel y a Berto por ser tus anfitriones. Sólo queda compartirlo con mis lectores.
    Un saludo.

  21. Muy buen artículo, lo leí y casualmente estaba escribiendo un artículo para mi blog, aplique los consejos y creo que mi artículo quedó mucho mas profesional. Si quieren hecharle un vistazo pueden hacer clic en el avatar.

    • Me alegro que te haya servido John. 🙂 Ahora tienes que preparar la imagen para la landing de tu blog, fíjate que se corta. Buen trabajo.

      • Hola Susana, gracias por publicar mi respuesta y el direccionamiento al artículo,

        Cuando me dices que se corta, te refieres a la parte superior de la imagén, en donde los dos señores aparecen descabezados?
        Si es por ese lado, te cuento que la imagen que seleccioné es así, consideras apropiado que use otra imagen de fondo?.
        Gracias mil por tu retroalimentación.

        • Hola, John.

          No, la imagen que has elegido está bien, es correcta. 🙂 Me refiero a cuando vas a la pestaña “BLOG”, ves la imagen destacada en pequeñito y se corta. Tu imagen del post es horizontal, rectangular y lleva texto. Si te vas a la pestaña del BLOG, la imagen destacada es cuadrada, y por eso se corta el texto a ambos lados de la foto. Lo que tienes que hacer es definir el tamaño de la “imagen destacada” y hacer 2 imágenes para cada post.: una cuadrada y otra horizontal.

          Espero haberte ayudado. Suerte.

  22. Acabo de crear mi propia cabecera! Muchas gracias! Sin su ayuda nunca lo hubiera hecho

  23. Qué buena herramienta y qué fácil!!!! Gracias por darnos tantos datos !!!

  24. Mari Carmen bermejo casado dice:

    Ya me he puesto manos a la obra… yo estoy creando mi blog en local para sacarlo con algo de contenido y gracias a vosotros voy a implemetar cabeceras con esta herramienta.
    Por cierto… la estoy tocando desde anoche (que lei el post) y de una vez que te pones…es muy sencillo, muchas gracias a los dos.

  25. Nelson Medina dice:

    Que buen artículo y que buena herramienta. Se ve muy fácil y divertido hacer tus propias cabeceras.

    Saludos,
    -Nelson

  26. Susana a más de uno hoy le has ahorrado mucho tiempo.

    Canva es increible si sabes sacarle partido. Y este post ha sido una Masterclass de esta herramienta.

    Mucho valor aportado has aportado. Muchísimas gracias.

    un abrazo

  27. Gracias Susana!

    Por fin he descubierto el truco para hacer las líneas de cabecera. Buscaba siempre en los elementos y las líneas que aparecían son pura cosa, no me servirán para las cabeceras.

    De todas formas, últimamente estoy optando por palabras grandes sin recuadros. Supongo que es menos estético, pero es más impactante y refuerza el mensaje, al menos así lo veo yo.

    • Hola, Diego.

      Canva tiene sus truquitos, como toda herramienta. Me alegro que te haya servido este post. ¡Qué ilusión! 🙂

      Todo lo que hagas, tenga balance y sea coherente está bien, siempre y cuando refleje los valores y personalidad de tu marca y les guste a tus clientes potenciales.

      Un saludo.

  28. Me ha encantado este post. Precisamente dentro de muy poco voy a empezar a subir mis primeros post y me ha venido como anillo al dedo. Muchas gracias!!

  29. Oye Susana, me has sacado las patas del barro, jejeje.

    Hace tiempo andaba buscando una forma de crear mi identidad visual, viendo a los grandes del blogging como Flynn, Rose, etc. y aunque uso Canva, lo uso de forma básica.

    Ahora, siento que con este post, das en el clavo, ya que gracias a ti, tengo ahora el cómo hacerlo de manera más profesional.
    Gracias también a Berto & Raquel por invitarte y agregar más valor a nuestros blogs.
    De eso se trata.
    Saludos.

  30. ¡¡Muy buena información!! Me ha gustado muchísimo esta herramienta llamada Canva para realizar estas portadas. ¡¡No sabía de la existencia de esa página y me parece muy chula!!

    Saludos.

  31. Un post genial. Me ha ayudado un montón, y está tan “mascadito” que no tengo ninguna duda. Muchas gracias 🙂

  32. Me ha encantado la entrada y me la apunto. Tengo mucho que aprender, jejejeje.

    Gracias a Susana y a Berto & Raquel.

  33. Muy buen post.
    En verano quiero cambiar mi blog; lo revisaré otra vez.

  34. ¡Tremenda herramienta, Canva! Yo la uso prácticamente para todo.

    Es ideal para los que nos cuesta un poco manejar las herramientas de diseño tradicionales. Los resultados están a la vista; ¡felicidades!

  35. Vladimir Merchan dice:

    ¡Excelente! Muchas gracias; ¡qué buen contenido!

  36. Me ha gustado mucho este post, como de costumbre. Todo el material que publican es sumamente interesante y útil. Así que, gracias por eso, y ya lo he compartido por todas mis redes.

  37. Muy buen tutorial Su sana, de manera rápida se pueden hacer diseños chulísimos y con tus trucos queda muy profesional, la única pega que le veo es que al tener unas opciones personalizadas tenemos que subir siempre una foto o buscar de las que hay, mientras que si cogemos un formato preestablecido es más rápido ver de un vistazo las plantillas con las fotos, aunque entre lo que se ahorra de tiempo teniendo ya tu plantilla y buscando sólo la foto creo que merece la pena :).

    Por cierto, al tirar de las esquinas si pulsas control a la vez se estira de manera proporcional (no recuerdo si lo mencionabas).

    Un saludo y buenos días!

    • Hola, Jorge.

      Claro, la idea es tener una plantilla para tu blog y utilizarla siempre, personalizándola, para que se adecúe a cada post. 🙂

      No había comentado ese truco; es que el post salió de más de 3.000 palabras ;P, y no quería abrumar.

      Gracias por compartirlo.
      Saludos!

  38. Es estupendo toda la información que estais dando .. sobre todo para gente que no es experta en este campo.. gracias

  39. Fantástico post!!!! Muchas gracias por la información!!! Tomo nota de todo.

Deja un comentario

Para ello, por favor, sigue estas pautas, por respeto a nuestra comunidad (y a nosotros):

  • Usa tu nombre personal, ni nombres inventados, ni el de tu web, ni el de tu empresa.
  • Cuida la redacción: separa párrafos y no escribas en mayúsculas (equivale a gritar).
  • No dejes enlaces a tu web en el comentario, dispones del campo "sitio web" para ello.
  • Eliminaremos comentarios con insultos, ofensivos o con lenguaje soez.

*

 

Rellena el formulario y accede a nuestro training rápido de pro-blogging

Aprenderás paso a paso y desde cero cómo usar las mejores técnicas, trucos y secretos de los top bloggers para dar el salto al siguiente nivel

Y todo 100% gratis :)