como crear una cabecera bonita o logotipo minimal paso a paso tutorial blogger-min

Como diseñar una CABECERA bonita y un LOGOTIPO elegante

En esta clase vamos a diseñar una cabecera bonita para nuestro blog. Aunque este es un trabajo de profesionales del diseño gráfico, si no tenemos recursos y esto no es más que un hobbie, podremos conseguir un buen resultado con este tutorial.

Hay que tener en cuenta que aunque existen herramientas que nos facilitan la creación de diseños, lo cierto es que no es una habilidad que tenga todo el mundo.

Tendemos a crear diseños a partir de lo educado que tengamos nuestro ojo, y muchas personas no lo tienen educado. La identidad visual de una marca (tú eres una marca) es parte esencial de ella junto a la identidad verbal. Por ello si quieres de verdad profesionalizar, lo mejor es que NO intentes hacerlo todo por ti misma.

Diseñar NO es fácil. Por eso existe una carrera universitaria para ello y cursos superiores.

Como digo, en este tutorial te voy a ayudar a crear una cabecera y un logo, con los recursos que tienes a mano, para que puedas personalizar tu marca y tu blog mientras no te decides a emprender y profesionalizar tu proyecto. Pero en cuanto lo hagas no dudes en ponerte en contacto conmigo.

Colores para nuestra identidad visual en el blog

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 INTELIGENCIA DEL COLOR y luego a Pantone Color of the Year y allí encontramos los colores del año.  

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 para diseñar una cabecera del blog

Paleta de colores para diseñar tu cabecera
  • #E4EBF0
  • #C1D7DE
  • #8FB59E
  • #A5C7B2
  • #D5E8D3
  • #EDF5EB

Tipografías para diseñar una cabecera del blog

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 Montserrat o Arial, por ejemplo, y con la otra ya podrás jugar más.  

  • Otro consejo es que NO uses tipografías que no se leen correctamente.

Queremos que se entienda perfectamente el nombre de nuestro blog o web para que nos recuerden fácilmente.  

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

Herramientas para diseñar una cabecera de blog o logotipo

Usaremos PicMonkey y Canva.com son muy simples y fáciles de usar, intuitivas y con bastantes recursos. Para iniciarnos en diseño es primordial empezar por esta plataforma web. (ahora Picmonkey requiere registro de pago así que mejor usa Canva)  

Ambas plataformas son muy fáciles de usar y muy parecidas. Honestamente me gusta mucho más Canva.

Elegiremos la medida adecuada y después te 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.  

IMPORTANTE

En el vídeo decido escoger la cabecera de tamaño completo, para que ocupara todo el ancho. Como lo he dejado en color blanco, no era necesaria una imagen tan grande (que es lo que te recomiendo) porque lo que haría sería ralentizar más la carga de nuestro 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.

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.