Sé que no todo el mundo nace con habilidades de diseño, así que estoy aquí para darte un poco de esperanza y decirte que aún puedes crear un encabezado de blog de aspecto agradable, ¡incluso si no eres diseñador!!
Lo primero es lo primero, necesitarás algún lugar para crear un encabezado. Si tienes Photoshop, estás en el camino correcto. Si aún no has estado usando Photoshop, puedes usar algo como Gimp (es como un Photoshop gratuito) o Canva.
Paso 1: Establecer sus dimensiones
Una vez que haya elegido el arma de editor de su elección, es hora de establecer las dimensiones de su encabezado. Lo más probable es que quieras que tu encabezado extienda el ancho de tu blog. Si no sabes cuál es el ancho completo de tu blog, puedes aparecer en tu Editor/Personalizador de plantillas y buscar el ancho del área del encabezado que debe mostrarse en píxeles.
Cuando crea una Nueva Imagen o proyecto en cualquiera de estos programas (Archivo > Nuevo), debería pedirle dimensiones. Establece tus dimensiones personalizadas en píxeles e introduce el ancho de tu blog, seguido de la altura que quieres que tenga tu banner. No hay ninguna regla para una altura, pero que probablemente se mantenga bajo 350px sólo para fines estéticos.
Si hay una configuración de resolución o PPP, debe establecerse en 72. Todo para la web debe tener siempre una resolución de 72 DPI. Haz que el fondo sea blanco para facilitar las cosas.
Genial! Ahora tiene un documento en blanco con el tamaño exacto de su encabezado. Vamos al diseño
Paso 2: Diseñar el encabezado de tu blog
Si eres una de esas personas que no tiene habilidades artísticas, el mejor consejo que puedo darte es algo que aprendí en 3er grado K K. I. S. S. – ¡Hazlo simple, Estúpido!
Un encabezado de aspecto agradable no tiene que estar lleno de gráficos y todas tus cosas favoritas. Puede ser simple y elegante sin gráficos. Las fuentes son tus nuevos mejores amigos.
Algunas cosas que debe recordar al mantenerlo simple:
- Limite el uso de fuentes, pruebe con un máximo de dos fuentes.
- Los títulos deben ser fáciles de leer. Utilice una fuente que sea legible.
- Si está utilizando una fuente elegante para un elemento, pruebe con una fuente simple para el otro.
- Asegúrese de que todo se alinee correctamente
- Intente dejar la misma cantidad de relleno alrededor de todos los bordes
Aquí hay algunos ejemplos de encabezados simples:
Este primer encabezado es el más simple de los simples. Utiliza la misma fuente en todo y el eslogan está alineado con el final de la «T» en la línea de arriba, haciendo las cosas agradables y justificadas. El relleno (espacio en blanco) en la parte superior e inferior es igual, y lo mismo ocurre con los lados izquierdo y derecho.
Esta es una mejora desde el primer encabezado. ¿Ves la diferencia que hace si eres capaz de alinear perfectamente el eslogan con la palabra que está encima? Cuando las cosas están en línea, el diseño se ve mucho más unificado. Llené el espacio en blanco vacío al lado del eslogan con una simple línea recta de 1 pieza para unir las cosas un poco mejor.
El encabezado anterior utiliza diferentes fuentes. Para el título del blog, utilicé una fuente elegante, lo que significa que el eslogan debajo debería ser algo mucho más simple. Creo que estas dos fuentes se complementan bien porque son fuentes serif y ligeramente altas. Encuentra fuentes que se complementen entre sí si vas a usar varias. Esta fuente de título se llama Rosewood si está interesado en probarla.
¡Añade un poco de color! Una vez que haya configurado sus fuentes, puede experimentar con un poco de color. Una vez más, asegúrese de que los colores que elija se complementen entre sí y también asegúrese de que el texto destaque del fondo. Por ejemplo, no hagas esto:
El título es demasiado ligero y tenso para los ojos. No se destaca como debería sobre el fondo blanco. El eslogan es demasiado NEÓN y también tensa tus ojos cuando lo miras. Por favor, dejen de usar verde neón. En su lugar, si desea usar estos colores, intente tonificar los tonos un poco como este:
Eso es mucho más fácil para los ojos, ¿no? Estoy volviendo a algunas fuentes más básicas porque creo que la anterior es un poco demasiado ocupada para mi gusto y realmente no da el ambiente correcto de mi blog. Eso también es algo que debes tener en cuenta the la sensación general de tu blog. Vamos a tratar de golpear que uno fuera del parque mediante la adición de un poco de trabajo gráfico:
Utilicé la misma estructura básica que el encabezado #2, solo que agregé un poco de detalle gráfico y me aseguré de que no interfiriera con el texto.
Puede obtener imágenes prediseñadas de sitios como Etsy o Creative Market o puede buscar en línea algunos gráficos pequeños. Asegúrate de tener los derechos para usar los gráficos mean y con eso quiero decir que no te limites a sacar cosas de la búsqueda de imágenes de Google.
Lo que debes tener en cuenta con los gráficos es que no quieres dominar el texto. El objetivo de un encabezado es que la gente se familiarice con el nombre de tu blog. Es como su propio logotipo.
Si estuviera diseñando un logotipo para usted, no agregaría un montón de fotos al azar de usted y sus aventuras, ¿verdad? Así que, si bien un encabezado puede establecer el tono de tu blog, no necesitas mostrar a todo el mundo todos los aspectos destacados de tu blog a la vez. Para eso están tus publicaciones ;).
Si insiste en mostrar algunas fotos en su encabezado, asegúrese de que no distraigan del título y estén organizadas de manera que la página fluya bien.
Estos son algunos ejemplos de lo que no debe hacer:
La justificación está por todas partes y el relleno está desactivado.
No. Simplemente no. Dos fuentes elegantes completamente diferentes juntas se ven así. El eslogan es difícil de leer. Esto podría ser lindo si el eslogan fuera más pequeño, no con mayúsculas y en una fuente básica sans serif.
Hay muchas fuentes para elegir, y si las tomas de un sitio como DaFont, incluso puedes escribir el nombre de tu blog en el cuadro de texto «escribe tu texto aquí» en las páginas de categorías para ver exactamente cómo se vería tu título.
Paso 3: Guardar el encabezado
Cuando esté configurado, deberá guardar esa imagen como PNG si decidió un fondo transparente. Guárdelo como un JPG de lo contrario. JPG y PNG funcionan bien para imágenes web.
¡Espero que eso te haya ayudado un poco! Solo recuerda confiar en tus ojos y asegurarte de que todo esté bien espaciado. ¡Te sorprendería cómo simplemente alinear las cosas y elegir las fuentes correctas puede hacer o romper un encabezado!
Última actualización el 6 de abril de 2021