Uno de los aspectos más importantes de cualquier blog o página Web es el diseño y la apariencia.
El contenido por supuesto que debe ser una de las prioridades (posiblemente la #1), en especial cuando se quiere posicionar un blog con autoridad y generar tráfico; pero el diseño y la primera impresión que tienen las personas que visitan un sitio Web tienen mucha influencia en su decisión de quedarse navegando o cerrar la pestaña de su navegador y pasar a lo siguiente.
Hoy en día el usuario promedio de Internet tiene una capacidad de atención cada vez menor, en gran parte por todas las distracciones y cosas a su alrededor que están sucediendo. La navegación compulsiva y sin sentido es algo muy común, es por eso tener un gran diseño es nuestra arma secreta para que los usuarios se queden, naveguen, consuman información, se suscriban y/o compren.

La navegación por Internet compulsiva es un problema que debe atender todo Webmaster
Existen muchos elementos o piezas que juntas completan el rompecabezas del diseño Web en WordPress (y también en otros lenguajes o plataformas).Uno de ellos son los fondos web que utilizamos. Si tuviéramos que clasificar los fondos, podemos decir que existen 2 categorías principales:
- Fondo general de la página o blog (body)
- Fondo del contenido, es decir, el fondo que aparece en el cuerpo de una entrada, página o hasta un widget.
La mayoría de los temas o plantillas de WordPress vienen con la opción de configurar el fondo que se usa tanto en el sitio como en la parte del contenido. Estos pueden ser un color en específico, una imagen o una textura.
Tips para usar fondos web correctamente
Podía pensarse que los fondos Web que se utilizan no tienen mucho impacto en la experiencia del usuario, sin embargo, con algunos pequeños cambios podremos notar excelentes cambios y resultados. Revisa estos tips para sacarle el máximo provecho a tus fondos:
No uses colores muy brillantes
Puede ser muy molesto entrar a una página web o blog y ver que tenga de fondo colores muy brillantes que molesten o hagan complicado ver el contenido principal. Lo mejor es utilizar colores amigables a la vista, ni tan intensos pero tampoco tan obscuros; hay que encontrar un buen balance.
Que combine con otros elementos
Encuentra combinaciones entre tus fondos y otros elementos de tu diseño. Por ejemplo, que el fondo y los encabezados de tus entradas y/o páginas tengan el mismo color o con colores que combinen y hagan más entendible todo.
También puedes combinar tonos. Si el fondo de tu blog es azul marino, puedes utilizar en tu contenido, menús y widgets tonos de azul un poco más claros. Todo es cuestión de probar y usar sacar ese lado creativo que todos tenemos 🙂
Atención a lo que más importa
¿Cuál es la prioridad #1 de tu página web o blog? Es obvio que tu objetivo no será que los usuarios se queden viendo tu fondo tan bonito y moderno y después abandonen el blog 😀
El fondo Web que utilices es algo que ayuda mejorar el diseño pero nunca debe “robarle” atención a los elementos más importantes de tu blog:
- Los encabezados
- El contenido
- Formas de suscripción
- Enlaces importantes
- O cualquier otra cosa
Utiliza los fondos a tu favor para que sea más sencillo localizar, leer y utilizar las partes más importantes y que implican cierta conversión (formas de suscripción) o aprendizaje (leer contenido).
Identifica qué es lo que necesitas primero
Como ya vimos, los fondos pueden ser colores, imágenes o texturas. Dependiendo de tus necesidades y objetivos, es posible que en algunos casos necesites cierto tipo de fondo Web y en otras situaciones otro completamente distinto.
Por ejemplo, si vas a crear una página Web estática (no blog), quizá sea buena opción utilizar una imagen de fondo que tenga relación con la temática principal. Si vas a insertar texto en la imagen, revisa que sea legible, de lo contrario prueba otra posición de la fotografía o utiliza otra.
En el caso de un blog, en la mayoría de los casos se utiliza un color como fondo, aunque también es posible aplicar una textura, la cual lo hace más moderno y da una impresión de mayor calidad.
Todo es cuestión de identificar qué se necesita y elegir en base a eso el tipo de fondo más adecuado.
Recursos para Obtener Fondos Web
Ya que conoces la importancia de los fondos y también cómo aplicarlos de la mejor forma, vamos a ver algunos recursos para obtener fondos Web de calidad para tu sitio Web o blog en WordPress.
1. Subtle Patterns
En este sitio Web podrás encontrar una gran variedad de texturas de muy buena calidad para aplicar en cualquier proyecto Web que tengas. Cuenta con diferentes colores, elementos y patrones para todo tipo de necesidades.
Los puedes descartar de forma gratuita en formato PNG, también puedes adquirir el plugin para Photoshop, el cual te recomiendo mucho (lo utilizo todo el tiempo) y lo mejor de todo: ¡puedes instalar el plugin con las texturas!
Si usas WordPress, descarga Subtle Backgrounds Patterns, en donde podrás aplicar cualquiera de los estilos disponibles en diferentes áreas de tu blog.
2. Imágenes de fondo cortesía de ElegantThemes
En Internet – gracias a nuestro gran amigo Google – podemos encontrar muchos fondos Web de gran calidad y de forma completamente gratuita (algunos de ellos). Hace algunos días encontré un paquete de 20 fondos muy variados en color y forma para usarse en WordPress como imagen.
Sólo descarga el .ZIP, haz doble clic en el archivo y disfruta 🙂
Link: 20 Stunning Background Images for Wordperss
3. 80 Texturas para tu Sitio
Con diseños un poco sofisticados y alternativos, en este enlace podrás encontrar 80 imagenes y texturas para que puedas experimentar y usar tu creatividad al máximo con WordPress o cualquier otra plataforma.
Link: 80 Stunning Background Patterns for your Website
4. Product Mockups
Si necesitas crear una página en donde muestres algún producto en específico con imágenes de alta calidad, puedes probar un Product Mockup (Maqueta o Representación de un producto). Esto le dará un salto de calidad impresionante a tu sitio.
Por ejemplo, páginas web que venden cursos, software o plugins utilizan en muchas ocasiones fotografías de Macbook Pro, iMac, iPad o cualquier otro producto de Apple para mostrar en las pantallas el producto. En lo personal me encantan este tipo de estrategias de diseño y marketing.
Combina estas fotografías con fondos o texturas y tendrás una combinación perfecta.
Link: Product Mockups
En GraphicRiver, además de Mockups, puedes también encontrar una gran cantidad de gráficas como fondos de diferente estilo, otros patterns, texturas, ilustraciones, vectores, elementos Web, plantillas de logos y mucho más. Seguro que encontrarás muchas utilidades para tus proyectos en la Web.
5. Fondos de tu plantilla
Dependiendo de la plantilla que utilices en WordPress, es muy posible que esta incluya varios tipos de fondos, imagenes y texturas que puedes aplicar con un par de clics. Un recurso que siempre está disponible para uso inmediato, en especial si usamos algún tema premium.
Recuerda siempre que los fondos Web son un elemento importante el diseño y la apariencia de tu blog o página. Además contribuyen a que tu contenido sea legible y haya una efectiva navegación por parte de los usuarios.
Este tipo de aspectos suelen ser subestimados. ¡No cometas este error! Con este artículo y toda la información que compartí contigo estoy seguro que tendrás fondos Web que te permitan tener un sitio Web impresionante, funcional y que te permita lograr tus metas.
¿Qué otros recursos conoces para fondos web?
Comparte tu experiencia, dudas o comentarios en la parte de abajo.