Gráficos de fondo que puede obtener de algunos consejos inspiradores

En primer lugar, ¿cuáles son los gráficos de fondo? Los gráficos de fondo es un tipo de fondo que ofrece contornos para un diseño de sitio web. Se mantienen junto a imágenes de fondo, animaciones y videos y tienen su papel en el diseño del sitio, cuando se usan sabiamente. Entonces, la pregunta más completa debería ser: ¿Cuál es el fondo de un sitio web o cuáles son los antecedentes de las páginas web? Comenzaremos a explicar los fondos de los sitios web con un ejemplo:

Este ejemplo muestra una combinación de elementos gráficos que complementan el diseño y le da contornos finos. ¿Cuál es el trasfondo de un sitio web?
De hecho, los antecedentes de un sitio web mantienen el tema del sitio unido. Los antecedentes inspirados lo ayudan a crear un tema general o personalizarlo mejor, por lo que le dan a las páginas más personalidad. Nuestros expertos en diseño web recomiendan el uso de gráficos de fondo si responden preguntas importantes sobre la marca, la publicidad, el marketing u otros materiales promocionales. El fondo crea una sensación general de un sitio web. Esto contribuye fuertemente a modelar la marca e imponer su expresividad frente a los visitantes. Podría ser parte de las formas en que la marca expone sus valores y transmite emociones específicas.
A través de efectos estratificados, los fondos proporcionan profundidad a las páginas web. Crean una perspectiva y ayudan a los navegadores web mejor a obtener el mensaje de la marca. Una forma moderna de antecedentes del sitio web se refiere a Paralax:

Verá que si desplaza la página hacia abajo, la imagen en el fondo permanece en su lugar, mientras que el primer avión se mueve a la siguiente sección. Aquí hay una definición del efecto de paralaje: “El desfile paralelo es una tendencia del sitio web en el que el contenido de fondo (es decir, una imagen) se mueve a una velocidad diferente del contenido de primer plano.” ¿Por qué debería hacer gráficos de fondo para mi web? ¿sitio? Antes de encontrar la respuesta a esta pregunta, debe conocer los dos tipos principales de entornos:
El fondo del cuerpo
El contenido de fondo
El fondo del cuerpo es el fondo “distante”, y los usuarios lo verán cubriendo todo el cuerpo de las páginas. Se puede representar por gráficos, una imagen, una ilustración, un modelo, un video, etc. El fondo del contenido es el fondo especial para los elementos de contenido de la página, como texto, imágenes y videos. Puede cubrir toda la página o configurarse individualmente para las secciones de la página.
Dados estos, puede determinar si necesita gráficos de fondo para su sitio web, ya sea en la página de la página o en el contenido de la página. Pero, ¿por qué deberías necesitar uno? Es posible que necesite antecedentes de un sitio para:
Comience la historia de su empresa. Como ya sabe, las imágenes y los gráficos, así como los videos, ayudan mucho a contar una historia. Y cuando se trata de la historia de la compañía, es posible que desee usarlos para mayor expresividad y emoción o para establecer el marco …
Ancla el contenido y el mensaje en elementos gráficos. Su sitio podría centrarse en el contenido y el mensaje de las páginas, pero encontrarán un buen ancla en un gráfico o imagen bien elegido, incluso en colores … en el caso de los gráficos y en esta etapa del diseño web, está Libre para experimentar e innovar, pero elija sabiamente los gráficos. Es decir, su selección debe basarse en hechos y datos o algunas pruebas A / B que hayan demostrado que la elección es buena. Ejemplo:
La fuente en el caso de las imágenes parece ser la gama más amplia de opciones, debido a la gran cantidad de recursos que puede encontrar en línea. Sin embargo, hay reglas específicas que debe considerar al establecer una imagen como fondo de su sitio web. Ejemplo:
La fuente y los videos deben tener cuidado. Los videos se pueden usar como fondos para sitios de presentación y para sitios que no han sido difíciles. Agregan interactividad, pero su uso puede ser algo difícil. Debe considerar usar videos y videos cortos en el bucle.

Ejemplo:

La fuente también, en el caso de los colores, es más simple. Puede ser aún más eficiente. El color (colores) debe encajar bien en el esquema de marca. Y la relación de contraste (el contraste entre el color de fondo y el color del contenido) debería ser razonable, de modo que los elementos de contenido sean fáciles de leer. Incluso el blanco (si tiene un fondo blanco) debe seleccionarse después de un período de tiempo considerado y no solo porque olvidó establecer el fondo de fondo. Ejemplo:
Fuente ¿Qué efectos tienen gráficos de fondo en los sitios web? Si elige ir con los gráficos de fondo, debe considerar su elección y tener en cuenta que los ha seleccionado por una razón. Los gráficos en los entornos de los sitios web tienen ciertos efectos que necesita saber antes de hacer la selección efectiva: ofrecen profundidad a las páginas del sitio web.

El uso de los gráficos en el fondo puede dar profundidad a las páginas web y hacer que se vean mejor. Los usuarios estarán más inclinados a analizar el contenido de esas páginas, porque esas páginas han atraído su atención y “les han dicho” que sigan siendo más.

Crean una perspectiva en las páginas del sitio web.
Los gráficos de fondo, cuando se usan sabiamente, pueden crear una perspectiva. El mensaje de texto y otro contenido de contenido pueden verse mediante un ángulo específico, como sugiere que todo el diseño de fondo) sugiere que los usuarios lo hagan.
Los gráficos dan personalidad a un sitio web.
Junto con la marca y el logotipo, así como con el nombre de dominio, los gráficos de fondo contribuyen a la conferencia de la personalidad de un sitio web. Estos se agregan a su expresividad y son un buen ancla de contenido bien escrito, inspirados.
Además, los gráficos sirven para la marca.
En un nivel extendido, los gráficos de fondo pueden servir en la marca. Además de conferir la personalidad del sitio web, adjuntan ciertas características de la marca. Funciones que desea mostrar.
Sirven para dar contornos de diseño
Simplemente, los gráficos de fondo sirven para dar contornos de diseño. Son una manera fácil de completar el diseño con ingredientes esenciales que lo hacen brillar.
Aquí hay algunos ejemplos de gráficos en los entornos de los sitios web: fuente
Fuente
Generadores de fondo gratuitos de origen Si desea encontrar algo similar o su propio estilo para el fondo de su sitio web, debe probar una de las siguientes herramientas:

Kennethcachia

Msurguy

tinta

IO
Codgena
Btmills
apuesta
Las mejores prácticas para los gráficos de fondo en los sitios web antes de realizar gráficos de fondo, debe considerar algunas de las mejores prácticas que garantizarán el éxito de su diseño. Aquí están ellos:
Primero, no permita que el fondo exceda el contenido de su sitio web.
Si se enfoca demasiado en los gráficos de fondo, puede perder de vista la importancia de su contenido. Por lo tanto, el fondo de su sitio puede verse mejor que el contenido de su sitio, no permita que el fondo exceda el contenido de su sitio web, no. importa lo interesante o evocador que lo considere. Si los gráficos de fondo son extremadamente interesantes, entonces el contenido debería ser aún más.
Debe centrarse en los gráficos en la parte superior de la página. Sin embargo, no los corte repentinamente.
Los estudios muestran que las personas se centran más en el espacio sobre el área en una página web. Debe hacer lo mismo en el diseño de los gráficos para el fondo de sus páginas web. Considere colocarlos en la parte superior de la página en lugar de abajo antes de que los usuarios comiencen a ejecutarse. Además, si sus gráficos de fondo se limitan a la parte superior de la página, no debe cortarlos de repente. El diseño sobre el pliegue debe combinarse con el diseño de la página debajo de los pliegues.
No intente hacer que los gráficos sean demasiado obvios en la página. Si los gráficos de fondo son demasiado visibles en la página, es posible que no cumplan con su propósito: llevar el contenido al frente. Recuerde que su papel único es proporcionar contornos y hacer que el contenido sea más expresivo. Por lo tanto, no debe diseñar nada que contrarresta este objetivo. Permita que el contenido brille solo y tenga un efecto completo en los lectores del sitio web.
A veces es mejor tener gráficos de fondo solo en el encabezado del héroe.
En ciertas situaciones, es mejor tener un fondo blanco para las secciones de su página que cargar la página con cualquier gráfico de fondo. Si lo considera necesario, puede incluirlos en el encabezado del héroe y limitarlos a esta sección. Es la primera sección que la gente verá cuando aterrice en su sitio web, para que puedan impresionar desde el principio. Su contenido de la página hará el resto.
Recuerde que los videos pueden ser pesados ​​y lentos.
Si le resulta más útil incluir videos para el fondo del sitio web, tenga en cuenta que pueden ser pesados ​​y aumentar el tiempo de carga del sitio. Si elige videos, debe elegir los cortos o usar videos en el bucle y limitar la cantidad de renders de video. Si reduce el tamaño del video y pierde su calidad, una superposición (incluso un modelo) hará el truco. Sin embargo, en términos de velocidad del sitio, es mejor tener un gráfico de fondo que un video de fondo, así que elija sabiamente. Los gráficos son mucho más fáciles de manejar y no sobrecargan la página. ¿Cómo agregar gráficos de fondo en un sitio web? Los gráficos de fondo deben agregarse en formato .jpg o .png. Así que elija uno de los formatos de imagen mencionados anteriormente, incluso para gráficos. En las cabañas, no tiene que ir a Customizer, a la sección Configuración general. Haga clic en esa sección y extienda la configuración, donde encontrará la subsección de los antecedentes. Haga clic en la imagen de fondo en el cliente y cargue los gráficos en formato .jpg o .png.
Puede configurar los gráficos de fondo ajustando el tamaño de la imagen: pantalla de llenado / ajuste en la pantalla / personalizado, etc. También verá configuraciones adicionales para sus antecedentes, en chozas. ¿Cómo eliminar los gráficos de fondo de los sitios web? Para los sitios web creados con chozas, eliminar los gráficos de fondo es tan simple como eliminar un fondo. Debe abrir el personalizador, acceder a la configuración general, luego a la imagen de fondo. Expandirá la configuración de su fondo y debe presionar la eliminación en su imagen / gráficos, para suprimir el elemento en su sitio web. Después de eliminar, puede seleccionar un nuevo gráfico de fondo o puede dejar este campo en blanco. ¿Cómo cambia los antecedentes de un sitio web? En un sitio web de Colibri, puede reemplazar los antecedentes existentes con uno nuevo, de las mismas secciones indicadas anteriormente. En Customizer, desplácese hacia abajo a la sección Configuración general, luego haga clic en la subsección de la imagen de fondo. Se supone que ya debe tener imágenes de fondo, por lo que debe reemplazarlas con otro fondo. En los gráficos (cargados como .jpg o .png formato), presione el botón Cambiar la imagen y seleccione los nuevos gráficos / imagen que desea cargar. La nueva imagen se mostrará en la imagen de fondo:
Para guardar sus cambios, debe acceder a la publicación. El nuevo fondo se mostrará en su sitio web. ¿Cómo editar sus gráficos de fondo en el sitio? Para editar los gráficos de fondo en un sitio web de Colibri, tiene las siguientes opciones: al cargar el formato .jpg o .png de su gráfico, puede hacer clic en editar la imagen y ajustar el tamaño, la orientación, etc. Tú también puedes:
Adjunte un texto alternativo a gráficos / imagen al título
Crear una leyenda para gráficos
Complete el espacio vacío con una descripción específica de los gráficos

Reposicionar la imagen / gráficos

Verifique los gráficos / imagen para desplazarse con la página

Elija repetir la imagen / imagen de fondo y probar cómo se ve
Con las cabañas, tiene la libertad de adaptar sus gráficos seleccionados al diseño que desea configurar para su sitio. Sin embargo, si no se tratan correctamente, podrían hacer más daño que bien. Este artículo está destinado a ofrecerle las pautas necesarias para usarlas correctamente, para que pueda aprovechar al máximo su uso. Un conjunto de buenas prácticas, algunos ejemplos que servirán como punto de partida, así como una colección de herramientas para crear sus propios fondos deben contribuir a un uso avanzado de gráficos de fondo. Nos gustaría conocer sus experiencias con gráficos de fondo y nos gustaría ver sus sitios web en camino al éxito.