5 Layouts tipográficos para tu blog

¿Necesitas una chispa de inspiración para las imágenes del día a día de tu blog?

¿Te gustaría tener más ideas para las composiciones tipográficas para esas frases que tanto te inspiran? ¿O simplemente para presentar los posts de tu blog?

Hoy te propondré algunos layouts tipográficos que te podrás descargar y adaptar a tu estilo.

Te aseguro que lucirás como nunca los banners e imágenes para tu blog ; )

Composición número 1

La primera composición que te presento te la puedo recomendar perfectamente para mensajes positivos y de motivación. Mejor de unas 5 a 10 palabras, para que la composición quede más uniforme:

composiciones tipograficas para tu blog sencillo

Ejemplo de frase y título de post para tu inspiración:

“Si todo fuera perfecto, jamás aprenderías y jamás crecerías”

“Paso a paso para tejer tu propia bufanda”

Composición número 2

A continuación te propongo una que por ejemplo puede funcionar para tus frases más románticas o nostálgicas. En la tipografía que te incluyo verás muchos detalles en sus pictogramas, ligaduras y ornamentos con los que podrás lucir tu frase como nunca.

También puedes probar, como yo he hecho en este ejemplo, de partir las palabras para que la composición sea más armónica. ¡Ojo a la separación de sílabas! ; )

composiciones tipograficas para tu blog centrada

Ejemplo de frase y título de post para tu inspiración:

“¿Crear o encargar tus invitaciones de boda?”

“El corazón tiene razones que la razón no entiende”

Composición número 3

Esta composición, al igual que la primera también la encuentro perfecta para frases positivas y divertidas.

Sin embargo, esta vez te la recomiendo para frases más cortas, así como de 3 a 9 palabras ya que verás que la tipografía que usarás ocupa mucho espacio visual a pesar de usar pocas letras.

composiciones tipograficas para tu blog best

Ejemplo de frase y título de post para tu inspiración:

“Las mejores cosas de la vida no son cosas”

“ Roma, mi escapada de fin de semana”

Composición número 4

¿Qué te parece ahora una composición simple, con estilo y directa al grano?

Puedes utilizarla tal cual en blanco y negro, al estilo máquina de escribir, o también combinarla con algún fondo o imagen clarito que permita bien su lectura ya que esta composición juega con la tipografía a un tamaño pequeño, por lo que también puedes aprovecharlo para un texto más largo.

composiciones tipograficas para tu blog clasica

Ejemplo de frase y título de post para tu inspiración:

“El acto más grande que una puede hacer a sí misma es pensar en voz alta” Coco Chanel

“Mis propósitos a cumplir para este año nuevo 2015”

Composición número 5

Y como última idea compositiva que te propongo, he pensado en que sea atrevida y con mucho estilo.

Con palabras cortadas (esta vez sin tener en cuenta la separación silábica) y sobre un fondo negro.

También te recomiendo que sea para frases cortas, en este caso para destacar el contraste del blanco sobre el negro.

composiciones tipograficas para tu blog negro

Ejemplo de frase y título de post para tu inspiración:

“Inténtalo de nuevo, falla de nuevo, falla mejor”

“Tu guía de estilo paso a paso” o “Maquillaje: Trucos e infalibles”

 

¿Cómo funcionan los archivos que te descargarás?

Puedes descargar todos los layouts aquí.

En cada descargable, encontrarás una carpeta con el archivo en formato .psd para que puedas abrirlo con Photoshop y también te incluyo las fuentes que tendrás que instalar en el ordenador para poder modificar la composición a tu gusto.

Para instalar tus fuentes:

Si utilizas un ordenador Mac:

  1. Haz doble click sobre el nombre de la fuente y se te abrirá una ventana.
  2. Haz click en «Instalar tipo de letra» y ya podrás empezar a utilizarla.
  3. Otra manera de hacerlo es copiar manualmente el archivo de la fuente en el apartado Librería<Fonts

Si utilizas Windows:

  1. Copia los ficheros de las fuentes
  2. Pégalos en C:Windows/Fonts.

Para modificar tu composición:

  1. Selecciona la capa de texto a modificar (Tu texto aquí) y escribe tu texto sobre la imagen.
  2. Si lo prefieres, también podrás modificar el color de fondo o añadir una fotografía acorde con la idea que hayas pensado para tu creación.

tutorial plantillas tipográficas

Y voi là! Ahora no hay excusa para que luzcas tus imágenes de presentación de un post de tu blog o frases molonas, bonitas y atrevidas para inspirar. Como siempre, siéntete libre para jugar y crear nuevas propuestas.

En todo momento te he sugerido frases, colores, consejos… pero no hay norma que no se pueda romper así que ¡Adelante con tus creaciones tipográficas! Eso si, ten en cuenta los errores que nunca debes cometer que te conté hace unos días.

¿Me enseñas qué tal te han quedado? ¿Te atreves a prescindir de las fotos y jugar con una sola tipografía?

 

 

 

Share on facebook
Share on twitter
Share on pinterest
Share on google
Share on linkedin
Share on whatsapp

MINICURSO GRATIS PARA CREAR TU PROPIA WEB CON WORDPRESS

Y dos ebooks para mejorar el diseño de tu identidad corporativa y lanzamiento de tu página web.

12 comentarios
  1. Isabel 4 diciembre, 2014

    Super util!!! comparto la info entre blogueras que tenemos un proyecto conjunto! pronto sabrás más!

    besos!

    Isabel

    Responder
    • Verónica 4 diciembre, 2014

      Que buena idea! Nos puede ser muy útil…

      Gracias!

      Vero

      Responder
      • laura 4 diciembre, 2014

        Seguro que sí!! Me alegro que os guste : )
        Mil gracias!

        Responder
  2. Sofia 4 diciembre, 2014

    Me encanta! Gracias por compartir estas cosas, son un punto de partida muy importante!
    Gracias y besos.
    Sofi

    Responder
    • laura 4 diciembre, 2014

      La verdad es que si, porque a veces perdemos mucho tiempo y no termina de convencernos, pero con estos pequeños recursos te lo aseguras al 100%

      Un besote

      Responder
  3. Ana Paniagua 4 diciembre, 2014

    Esto me llega como caído del cielo para la presentación de mi próximo taller. Si existe Dios, definitivamente me ha oído!! Mil gracias Laura!! Aunque yo seguiré prefiriendo tus letritas bonitas… Y lo sabes!! Besos!

    Responder
    • laura 4 diciembre, 2014

      ¡Qué bien! Gracias a ti!! Claro, nada que ver con algo más manual, pero para el día a día es perfecto! Un besote

      Responder
  4. noelia 4 diciembre, 2014

    Hola?,persona, pero no veo dónde se descargan?
    Me dices? Gracias!

    Responder
    • laura 4 diciembre, 2014

      Justo donde dice «Puedes descargar todos los layouts aquí» ; )

      Responder
  5. Verónica 5 diciembre, 2014

    lo probaré! 😀

    Responder
  6. Lidia 6 diciembre, 2014

    ¡Hola! Muchísimas gracias por ofrecer tanta inspiración en vuestro blog, sobre todo, con esta entrada. Me encantan las tipografías y hoy he descubierto alguna nueva que no conocía, ¡gracias! Una pregunta, en la composición 2 (en la carpeta ya descargada) no veo que hayáis añadido la fuente… ¿me podéis decir cómo se llama? ¡Mil gracias! Un saludo

    Responder
  7. Fátima 14 diciembre, 2014

    Muchas gracias Laura, a ver si los pongo en práctica. Un abrazo.

    Responder

Deja tu comentario

Tu dirección de correo electrónico no será publicado. Los campos obligatorios están marcados como *



Existe un método muy sencillo para que consigas crear tu propia web sin necesidad de tener ni idea de programación, partiendo de un diseño web maquetado por diseñadoras, sin necesidad de pagar miles de euros para contratarlas.

Tenemos un minicurso para
crear tu propia web
paso a paso

En este curso gratuito explicamos una pequeña porción de todo lo que hemos aprendido durante nuestros años de experiencia.

Además, recibes dos ebooks adicionales para mejorar tu identidad corporativa y página web.

Existe un método muy sencillo para que consigas crear tu propia web sin necesidad de tener ni idea de programación, partiendo de un diseño web maquetado por diseñadoras, sin necesidad de pagar miles de euros para contratarlas.

Tenemos un minicurso para
crear tu propia web
paso a paso

En este curso gratuito explicamos una pequeña porción de todo lo que hemos aprendido durante nuestros años de experiencia.

Además, recibes dos ebooks adicionales para mejorar tu identidad corporativa y página web.