[Ad_1]
Consejos generales sobre paletas de colores
No importa lo fácil que sea agregar una paleta de colores a su sitio web Divi, es imperativo que utilice el tipo de paleta adecuado para su industria y marca. Si ya tiene colores de marca, esta es la opción obvia. Además de profundizar en la teoría del color (que es muy interesante, por cierto), tenemos algunos consejos que pueden ayudarlo a descubrir por dónde empezar con su nueva paleta de colores.
1. Elija un sitio web de color oscuro o de color claro
En el esquema de color que usarás, sin duda tendrás colores claros y oscuros. El contraste es obligatorio en una paleta de colores para que el contenido escrito no se pierda.
Ahora, eso nos lleva inmediatamente a la primera pregunta que debe hacerse cuando desea aplicar un esquema de color a su sitio web; quiere usted crear un sitio web color oscuro o color claro? El hecho de que elija uno no significa que no pueda combinarlos, pero tener una opción lo ayuda a elegir su combinación de colores más fácilmente.
2. Elección de color
En teoría, puede determinar por sí mismo cuántos colores desea en su combinación de colores. No existe un método estándar para aplicar o determinar paletas de colores. Sin embargo, para crear un buen equilibrio de color con Divi, le recomendamos que utilice cinco colores.
Para ayudarlo a aplicar las paletas de colores con cinco colores a su sitio web, hemos elegido un tipo de método que aplicaremos consistentemente al mismo diseño al presentar las diferentes paletas de colores. Pero antes de sumergirnos en eso, echemos un vistazo a los diferentes tipos de colores que necesita tener en su paleta de colores si va a seguir nuestro método.
Colores de fondo
Asegúrese de que los colores de fondo que elija coincidan entre sí. Utilizará estos colores de fondo muy próximos entre sí y para obtener hermosos resultados; deben tener cierta armonía.
color de la fuente
Lo siguiente que deberá elegir es el color de la fuente. Lógicamente, el color de la fuente depende de los colores de fondo que elija. Si ha elegido colores de fondo claros, asegúrese de que el color de la fuente sea oscuro y viceversa.
Hipervínculo y color de la llamada a la acción
El color de hipervínculo que elija es uno de los colores que le dan vida a su sitio web. Asegúrese de que este color se destaque de otros colores en su paleta, ya que lo usará para cualquier llamada a la acción que incluya en su sitio web.
Color para los toques finales
Finalmente, puede elegir otro color listo para usar que le dará color a su sitio web. Aunque este color no es tan importante como el color del hipervínculo, te ayudará a completar el balance de color en tu sitio web.
3.Asegúrate de que haya suficiente contraste
Como se mencionó anteriormente, proporcionar contraste entre algunos de los colores en su combinación de colores es esencial. Si está utilizando una combinación de colores para un sitio web, este contraste lo ayudará principalmente a hacer legible el contenido escrito que comparte. Porque, si tu contenido no es fácil de leer, ¿cuál es el punto?
4. Encuentre el equilibrio adecuado en el uso del color
Hay diferentes formas de determinar la frecuencia con la que desea utilizar un color en particular en su combinación de colores. Es necesario crear un buen equilibrio de color si no quieres que se sientan abrumados por los colores que usas en tu sitio web.
Asegúrate de usar los colores más neutros en tu combinación de colores la mayor parte del tiempo y usa los otros colores para acentuar el contenido que proporcionas.
Cómo agregar una paleta de colores a su sitio web Divi
Con todo eso en mente, ¡es hora de profundizar en Divi y aplicar la nueva combinación de colores de su sitio!
La paleta Divi predeterminada
Primero, vaya a su panel de WordPress y navegue hasta Divi - Opciones de tema. Bajo el general pestaña, verá una entrada titulada Paleta de selector de color predeterminada. Esto le permite seleccionar los 8 colores a los que desea acceder rápidamente cada vez que abre las opciones de color en el generador Divi. Por defecto, estos son colores brillantes que muchas personas usan, pero no son una paleta completa que deba usarse en un solo sitio web.
Tenga en cuenta que esto no aplica los colores a su sitio en sí. Solo los presenta como opciones rápidas en el constructor.
Ingrese el constructor Divi
Ya sea que defina o no la paleta en la configuración de Divi, siempre tendrá la posibilidad de aplicar diferentes colores a los elementos de su sitio. Para hacer esto, vaya al Divi Builder e ingrese los parámetros de cualquier módulo que desee ajustar en su nueva paleta.
Debajo del color elegido actualmente para cualquier elemento, verá el icono de puntos suspensivos (tres puntos). Al hacer clic en él, aparece la herramienta Color mágico de Divi. El constructor tiene en cuenta los colores que usó recientemente y los colores de la propia página para brindarle una serie de paletas múltiples compuestas por colores complementarios que deberían funcionar bastante bien juntos.
Definir colores como globales
Una vez que haya decidido qué colores desea usar, es hora de configurarlos como globales. Los colores globales se pueden configurar para cambiar en una página completa, independientemente del módulo o elemento. Esto significa que si desea intercambiar 5 colores diferentes, no tendrá que hacerlo más de 100 veces, individualmente en instancias de ese color. Hará esto 5 veces.
Para comenzar, vaya a cualquier módulo con un selector de color. A continuación verá un enlace llamado Buscar. Haga clic en él y la paleta global desaparece. Desde allí, definirá los colores que desea que estén disponibles globalmente haciendo clic en el botón más + icono.
Cuando aparezca el nuevo selector, haga clic en el botón garrapata verde para agregar el color actual como una opción global.
No importa dónde esté el círculo blanco. El valor hexadecimal es lo que se agrega a los colores globales. Ahora verá el color predeterminado agregado al lado del ícono más. Y puede ver que el color se ha aplicado al sitio debido al icono de gota en el color en lugar del círculo habitual.
Además, puede hacer clic derecho en un color elegido y seleccionar "Convertir a global" para agregarlo a la lista.
Repita este proceso para cada color de la paleta que eligió para que toda la paleta se guarde finalmente en el enlace Global. Esto es muy importante ya que aplica la nueva paleta a todos los elementos de una página.
Aplicar colores globales
Luego, desea reemplazar todas las instancias del mismo color en su página que se pueden ajustar globalmente. Lo que quieres hacer es ir al elemento con el color que quieres cambiar y hacer clic derecho sobre él. Entonces elegirás Encontrar y reemplazar desde el menú contextual. No convierta este color a global aquí. Esto es parte del siguiente paso.
La siguiente pantalla será donde elija reemplazar este color con su color general. Asegúrate de que debajo Reemplazar con haces clic Buscar luego elija el color general que desea extender en la página. Asegúrese de marcar la casilla que dice "Reemplazar todos los valores encontrados en cada tipo de opción, no limitado a [insertar el tipo de elemento actual]". Esto asegurará que pase lo que pase, ese color será reemplazado.
Ahora puede cambiar ese color general en particular y, cuando lo haga, cambiará cada instancia. Tenga cuidado, no elige un nuevo color de la paleta. Esto solo cambiará el color actual. usted editar el color para cambiarlo en todas partes porque ha marcado cada instancia de ese color como global.
Puede editarlo colectivamente utilizando el selector de color. Simplemente haga clic en la gota para elegir una nueva.
Después de eso, simplemente repita este proceso para cada color en su nueva paleta. Solo un cambio para cada color de tu paleta. No es un intercambio de cada artículo en particular de un color determinado.
paquete
Elegir y aplicar una paleta de colores global a su sitio Divi nunca ha sido tan fácil. Puede usar nuestra función Magic Color para ayudarlo a elegir una paleta, y luego puede configurarlos como colores generales para su sitio. Una vez hecho esto, todo lo que necesita hacer es elegir el color que está intercambiando y usar la función de búsqueda y reemplazo incorporada de Divi para reemplazar esos colores en la página. Con este flujo de trabajo, seguramente ahorrará mucho tiempo rediseñando varios sitios web y modificando algunos de nuestros paquetes de diseño gratuitos.
¡Disfruta!
Imagen destacada del artículo de ART.ICON / shutterstock.com
[Ad_2]