SLIDER

¡Hola!

Mónica Lemos
¡Hola! Soy Mónicay quiero que empieces a crear tu blog o tu canal de youtube sin complicaciones. Aquí descubrirás cómo.
CONSEGUIR LO QUE QUIERES

NUNCA FUÉ TAN FÁCIL

Si quieres conseguir ciertos cambios en tu blog, renovar el diseño, arreglar algún problema, instalar alguna plantilla que te crea problemas...¡Puedo ayudarte! Envíame un e-mail a [email protected] y hablemos.

Suscríbete

¿Quieres asegurarte de que tus posts estén perfectos antes de ser publicados?
Te regalo una Check-List que te ayudará en esto.


Tutorial Blogger: Como diseñar una cabecera bonita para tu blog -C4-P1

Como diseñar una cabecera bonita para tu blog

En esta clase vamos a crear una cabecera bonita para nuestro blog. Al principio puedes pensar que es un rollo o algo complicado. Si nunca lo has hecho es natural. Pero no te preocupes porque es más sencillo de lo que parece.

Si no quieres nada muy profesional, ni muy elaborado, este tutorial te servirá de mucho

Por otro lado puede que te resulte una chorrada, super fácil... Pero tampoco es así. Digamos que hay que tener claras ciertas cosas que debemos llevar a la práctica para que realmente nos quede una cabecera bonita, básica y sencilla, pero siempre imprescindible si no tenemos logo.


" Una cabecera sencilla puede ser la más bonita del mundo "



colores


En primer lugar tenemos que tener elegida nuestra paleta de colores, o nuestro color por excelencia. Aquel que nos guiará a la hora de diseñar todo nuestro blog; botones, color de enlaces, imágenes...etc.

Los colores son muy importantes porque expresan muchas cosas sin darnos cuenta. Además también a ellos les influye la moda, de una forma muy directa.

En este sentido puedo aportaros dos recursos muy importantes. 

- Para conocer las tendencias de colores, lo más top en tonalidades, tenemos que visitar Pantoné sin lugar a dudas. 

Una vez allí vamos a COLOR INTELLIGENCE y luego a Color of the Year y allí encontramos los colores del año.

Como diseñar una cabecera bonita para tu blog


Si vamos a la siguiente opción de menú podemos encontrar Fashion Color Report donde tenemos varios colores según la estación y el año.  Ahí es donde te aconsejo buscar la variedad.

- Otro recurso para tu paleta de colores es una indispensable, la página de Design Seeds donde encontrarás un montón de paletas de colores chulísimas. Tiene una grandísima variedad.

Te sugiero que si encuentras una que te guste, guardes la página en marcadores o copies en algún lugar "seguro" los códigos de colores que has elegido, porque como es una página con tantísimas paletas de colores, quizás no seas capaz de encontrarla de nuevo.

Esta página lo que hace es facilitarte los códigos de colores HTML/CSS para que puedas usarlos en tus diseños. En  el vídeo te explico cómo. En nuestro caso lo usamos para colores de fuente y para diseño de cabecera, así como botones y demás detalles del blog. Muy útil, ya lo ves.

paleta de colores que elegí para la cabecera



Paleta de colores para diseñar tu cabecera



  • #E4EBF0
  • #C1D7DE
  • #8FB59E
  • #A5C7B2
  • #D5E8D3
  • #EDF5EB

tipografías


Pecamos, de forma general, de querer usar muchas fuentes diferentes, tipos de letras diversos, para un mismo cartelito, o en este caso, cabecera. Esto es un gran error. Mi consejo es que uses solo una o dos tipografías como mucho. 

Luego puedes jugar con tamaños, mayúsculas, minúsculas, colores... Pero intentamos que sea claro, o que en su defecto, por lo menos sea armonioso para nuestros ojillos.

Si queremos usar más de una fuente aconsejo que  por lo menos una sea de tipo sencilla. Como Arial o Geo Sans Light, por ejemplo, y con la otra ya podrás jugar más.


qué herramienta usamos



Usaremos Pick Monkey, es muy simple y fácil de usar, intuitiva y con bastantes recursos. Para iniciarnos en diseño es primordial empezar por esta plataforma web.

En ella elegiremos la opción Design y una vez allí empezaremos a editar la imagen de cabecera. En el vídeo te explico cómo conseguir la medida y después comparto mi edición de la cabecera de forma acelerada, para que puedas ir viendo lo que hago.


Verás que empezarás con una idea y quizás vuelvas a a cambiar varias veces el tipo de letra, el color,... en principio en el vídeo he puesto de fondo un color, pero luego lo he eliminado porque no me convencía, y con las letras lo mismo, así que como te digo, es cuestión de ir probando.

Ah! algo *IMPORTANTE resulta que en el vídeo decido escoger la cabecera de tamaño completo, por eso de que ocupara todo el ancho, pero finalmente, como lo he dejado en color blanco, no era necesaria una imagen tan grande que lo que haría sería ralentizar más la carga de nuestro blog (como en el caso de este blog:) ) así que al final he puesto la primera medida; 920px de ancho con 300px de alto. Puedes elegir el alto, pero te aconsejo que el ancho sea de 920px.



vídeo - tutorial como apoyo y complemento


Una vez claro todo esto te dejo con el vídeo para que te llenes de motivación e ideas y te animes a crear tu propia cabecera. 




Fin de la clase

ESPERO QUE TE HAYA GUSTADO LA CABECERA, ESTO ES ALGO MUY PERSONAL, ASÍ QUE CADA UNO CREA A SU MANERA. ME GUSTARÍA QUE COMPARTIERAS TU BLOG EN LOS COMENTARIOS PARA SABER CÓMO TE VA, Y SI HAS CREADO UNA CABECERA PUES LE ECHARÉ UN VISTAZO A VER QUÉ TAL TE HA QUEDADO. ME HARÍA MUCHA ILUSIÓN VER CÓMO LLEVAS EL CURSO :)




SUSCRÍBETE PARA NO PERDERTE NADA


   

19 comentarios

  1. Precioso recurso Mónica. Lo comparto porque es muy útil todo esto que propones.

    ResponderEliminar
    Respuestas
    1. Muchas gracias Yolanda!!! Intento que sea básico a la vez que útil! :D gracias por pasarte, comentar y compartir!! eres de 10 ;)

      Eliminar
  2. Gracias por los datos!! A mí que estoy empezando me sirven un montón! Lo que no conocía para nada son los recursos de las paletas de colores, ya me voy a sumergir en ello para buscar colores preciosos que agregar a mi blog.
    Un abrazo!

    ResponderEliminar
    Respuestas
    1. Hola Valentina, tienes un blog muy bonito!! Me he fijado que algunas imágenes se te han perdido (como las de compartir en redes sociales) pero salvo eso tienes un blog bonito! :)
      Me alegro que te sirvan los consejitos ;)

      Eliminar
  3. Tienes toda la razón!! Gracias, eres un sol!! Lo arreglaré inmediatamente, si no fuera por ti ando por la vida sin darme cuenta =)

    ResponderEliminar
    Respuestas
    1. Genial Valentina, ahora está ideal ¡ ;)
      Gracias a ti por pasarte!! Espero volver a leer tus comentarios
      Muaaa

      Eliminar
  4. Hola Mónica, me encanta el curso! Ya tenía un blog pero lo estoy rediseñando y organizando y este curso es perfecto. Gracias por todas las ideas, opciones, consejos y ayuda en general que das. Un saludo!

    ResponderEliminar
    Respuestas
    1. Hola Glenda,
      Muhas gracias a ti por tu comentario!! :)
      mucho ánimo con tu rediseño!! :)

      Muack!!

      Eliminar
  5. ¡Esto es genial! De veras me encanta, pero aún sigo escogiendo la paleta porque hay taaaantas combinaciones mega geniales dios x.x

    ResponderEliminar
    Respuestas
    1. Hola Cam!!

      jajaja, es que hay muchísimas y muy lindas!! Ánimo! jeje

      Un besazo y gracias por tu comentario!! :)

      Eliminar
  6. Yo quiero saber cómo se pone la cabecera a la izquierda del menú y qué dimensiones tiene. Saludos.

    ResponderEliminar
    Respuestas
    1. Hola maja!
      Para eso debemos crear un tutorial :)
      Lo anoto!;) en cuanto pueda lo haré
      Un saludo

      Eliminar
  7. Hola Mónica,
    He descubierto tu blog y este curso.
    Yo tengo un blog en funcionamiento y aprovechando que acaba de hacer 2 años me gustaría cambiarle un poco la imagen, pero lo voy retrasando porque me da un poco de miedo cargarme lo que ya tengo (aunque he hecho las copias de seguridad). He creado un blog de pruebas y voy a ir aplicando tus consejos para hacer cambios en el diseño de mi blog y después intentaré pasarlo al blog normal. Tus consejos me van a ir genial, gracias por compartirlos.
    Saludos

    ResponderEliminar
    Respuestas
    1. Ooh Conxita! Genial, muchas gracias y mucho ánimo :)
      Muack

      Eliminar
  8. Muchas gracias Mónica, lo único malo es que no me deja utilizar picmonkey en el ipad.

    ResponderEliminar
    Respuestas
    1. Vaya! No sabía Que en ipad no funciona!
      Lo siento!
      Espero que encuentres otra app online que tenga las mismas facilidades!

      Muack!

      Eliminar
  9. No se si te llegaron mis mensajes sobre el tema que no puedo utilizar el picmonkey

    ResponderEliminar
    Respuestas
    1. Hola karmen, siii, te había recomendado Canva.com

      Un saludo muack

      Eliminar
  10. He llegado con un año de retraso a tus clases, pero las estoy siguiendo ahora a velocidad de vértigo :)
    Ya te tengo en favoritos.

    ResponderEliminar

© Blogger Paso a Paso • Theme by Maira G. Adaptada por Mónica Lemos, autora de este blog.
Todas las imágenes son del banco de imágenes Unsplash.com o bien de mi propia autoría.
Si quieres puedes reclamar tu autoría - Contactar con la autora del blog.