Por qué estos 21+ esquemas de color funcionan tan bien

¿Cómo contribuyen los esquemas de color a la personalidad de un sitio web? El elemento clave para un buen esquema de color Los 3 tipos de colores que son importantes para un sitio web Los componentes de un color color, los 3 modos de color se pueden combinar modelos según los cuales son emociones combinadas que deberían parecer un buen esquema de color en la práctica Ha aprendido: crea sus propios esquemas de color Los esquemas de color del sitio web son uno de esos canales de comunicación silenciosos que hablan con el usuario como una palabra escrita no puede. En cada creación humana, incluido el diseño del sitio web, los colores envían mensajes. Por esta razón, encontrar la combinación de colores correcta lo ayudará a saber que su sitio es el lugar adecuado para él y dónde encontrará lo que está buscando. compromiso y te ayuda a convertirte mejor.
¿Cómo contribuyen los esquemas de color a la personalidad de un sitio web? Los esquemas de color definen cuatro aspectos de la personalidad de un sitio web:
El reconocimiento de la marca y su poder de convicción, cuando usted (el propietario del sitio web) habla con sus lectores.
Llamado emocional para conectarse subliminalmente con los lectores
Dígale al visitante que ha llegado al lugar correcto, por ejemplo: el rojo y el rosa son una elección perfecta para los blogs de relaciones, los colores más oscuros son excelentes para sitios científicos, los pasteles son maravillosos para los comediantes.
Aumentando el número de conversiones, la razón de todo el trabajo de diseño web (esquemas de color incluidos).
Algunos estudios de casos sobre cómo los colores ayudan a los sitios web a ayudarlo a tener una mejor idea de cómo las combinaciones de colores pueden afectar el rendimiento de un sitio web, he enumerado algunos estudios de casos interesantes: ¿de qué color convierte mejor?
¿Cómo influyen los colores en la participación de los usuarios del sitio web?
El color en sí no es directamente responsable del desempeño de un sitio web. Sin embargo, influye en la jerarquía visual de la página y llama la atención de los usuarios a ciertas partes. Y una copia inteligente se convierte en un solo mensaje unificado. Cuando todos estos elementos se encuentren, los visitantes tendrán más confianza en usted (y se convertirán mejor), porque no hay nada allí para que los visitantes lo duden.
Así que equilibra. Para ser conscientes, lo guiaremos a través de algunos principios de color. Y si sabe lo que hace, cada paso en el proceso de diseño lo acercará a la distribución óptima del color. Entre los colores y el tema del sitio web (por ejemplo, flores, sol, edificios, estaciones, ropa elegante, etc. ) teniendo en cuenta ellos, teniendo en cuenta la distinción entre los 3 colores clave que debe elegir:
El color básico: este es el color fundamental que construirá. En la parte superior agregarás otros colores y combinarás tonos y tonos
El color del énfasis: utilizado para el énfasis y los efectos contrastantes
El color del texto en negro, blanco o gris, dependiendo del color de fondo, el color del texto debe ajustarse para un buen contraste y legibilidad. En términos de legibilidad, es conveniente tener una relación negra-blanco de aproximadamente 60 a 80%. ¿Es usted? Cuanto menos se use, más probabilidades tiene de resaltar. Bueno, saber por exhortaciones. Prohibiciones: no use colores complementarios para texto y fondo. Es bueno saber para la legibilidad y la apariencia visual. * Los colores complementarios son aquellos colores directamente opuestos entre sí en el espectro de color.
Saciedad

La saturación se refiere al ancho de la banda de luz de una fuente. O, en términos más simples, significa una intensidad de color. La saturación máxima significa color en su forma más pura.
luminosidad
El brillo o el brillo se refiere a la cantidad de blanco contenido en un color. En términos técnicos, el brillo se identifica como el “valor” de un color.
Sombra
Hue es una propiedad de color que describe cuán diferente es un color para otro.
Ahora que sabe qué considerar para definir los colores y qué elegir para un esquema de color completo, para ver algunos principios básicos de combinación de colores. Los 3 modos de color se pueden combinar, estos principios son orientación sobre cómo Combine los colores, siguiendo las reglas básicas de representación visual.
¿Por qué son estas reglas? Porque parece que percibimos algunas combinaciones de colores como agradables, por razones biológicas (debido a las células en los ojos que identifican los colores) y psicológicos (debido a sus propias experiencias y simbolismo cultural de cada color). Entonces, ¿cuáles son las reglas subyacentes a las combinaciones de colores fundamentales? La regla del complemento se refiere al enfoque en los colores complementarios, es decir, en los colores opuestos directamente en el espectro de color. Sin embargo, una nota … el complemento de colores debe abordarse cuidadosamente, porque su uso inadecuado conducirá a esquemas de color inadecuados (consulte la recomendación para evitar el complemento en el color del color de fondo).

La regla de contraste que este proceso aprovecha los colores contrastantes, para reducir la fatiga de los ojos y hacer que las páginas web sean agradables de explorar.
La regla de vibración con este principio de combinación de colores, comenzamos a arrojarnos a la enorme tierra de la psicología del color. Los colores más vibrantes están destinados a producir emociones fuertes en los lectores, mientras que los colores menos vibrantes están destinados a relajar a los lectores, para enfocar su energía en algo o de mayor importancia. Ver, por ejemplo:
Contra

En esta era digital, la comunicación con los usuarios de un sitio web es extremadamente importante. Desea hacer que comprendan un mensaje en particular o hacer una acción específica. Por lo tanto, los colores no deben ser la “estrella” de su sitio web, sino que deben servir como una guía sutil a las diversas partes de su mensaje en la página. Los colores deben conectar los puntos entre estos elementos y proporcionar un contexto adecuado para transmitir un mensaje, todo útil como una descripción general de lo que se puede hacer en términos de combinaciones de colores. En primer lugar, debe saber que estos modelos se dividen en 2 categorías distintas:

Los patrones de color aditivos

En esta categoría de modelos, la regla ubicua es que cuanto más luz agrega luz, más brillante y más ligero es el color. Define el sistema de color RGB (rojo, verde, azul) y es específico del entorno digital.

Patrones de color sustractivos
En esta segunda categoría de modelos, el color se obtiene mediante una luz disminuida. Esta categoría es específica de las artes, es decir, pintura, que difiere mucho por el sistema de color digital.
Centrémonos en el sistema de color digital, porque es el que nos preocupa. Hay 6 patrones principales y 6 puntos de partida a considerar antes de soplar las mangas y llegar a trabajar: el modelo monocromo monocromo se refiere a las variantes de un solo color, que difieren en términos de brillo, sombras y saturación de sombras.
Modelos analógicos modelos analógicos se refieren a 3 colores colocados uno al lado del otro, en el espectro de color. Crean armonía y una representación visual muy cohesiva.
Modelo complementario Los modelos complementarios combinan un color con su opuesto en la rueda de color.
Modelo de color triádico Los modelos Triade combinan los colores colocados en las 3 esquinas de un triángulo equilibrado dibujado en el espectro de color.

Modelo de complejo dividido Los modelos de complemento dividido combinan los colores colocados en las 3 esquinas de un triángulo dibujado en la rueda de color. Este triángulo unifica un color con su color opuesto (complementario), además de los dos colores adyacentes a este opuesto.




La imagen se toma del blog.kissmetrics.com

Modelo tetradic / de doble computadora Este modelo rectangular / tetradic combina 2 colores con sus colores opuestos en la rueda de color. La forma que define la combinación es un rectángulo, de ahí el nombre de este modelo.

Modelo cuadrado El modelo cuadrado combina 2 colores con sus opuestos en la rueda de color, así como en el patrón tetradico, con una diferencia: los 2 colores y sus opuestos se distribuyen uniformemente en el color y la rueda unificada, dan la forma de un cuadrado.




La imagen se toma del blog.kissmetrics.com


Tenga en cuenta que, independientemente del modelo de color que elija, hay algunas buenas prácticas a considerar. Aquí están las recomendaciones:

Regla 60-30-10 (60% es el color dominante, 30% es el color secundario, el 10% es el color del acento). Si tomamos el ejemplo del tema de Mesmeris, el personalizador incluye una sección dedicada en la que define los colores. Tiene opciones para seleccionar el color primario, el color secundario, el tercer color (acento) y hacer cambios y refinamientos con tonos adicionales. Apropiado primero en tonos grises. Esta es la mejor manera de verificar los posibles problemas y detectar rápidamente cualquier interrupción del aspecto del sitio web. Por lo tanto, puede verificar el diseño en relación con la regla de continuidad y puede hacer cambios para garantizar una experiencia consistente en el sitio.

El tema desarrollado por StartBootstrap


Puede intentar generar esquemas de color con Palletton. También puede combinar los colores de acuerdo con cada uno de los patrones de color, como simples. Entonces, la experiencia con cualquiera de los patrones de color anteriores, practíalos perfectamente, hasta que el equilibrio de color desencadine las emociones en sus lectores. Web ahora que domina las técnicas de combinaciones de colores, es hora de considerar las implicaciones psicológicas del uso de esquemas de color, en cambio de otros. Ya controla “cómo” y “qué”, pero vamos a profundizar, descubrir “por qué” detrás de sus elecciones. Aquí viene la fórmula Muller. Afirma que ciertos esquemas de color son agradables a la vista y están sujetos a percepciones favorables, mientras que otros esquemas de color son “feos” y perciben negativamente por la mayoría de las personas. ¿Cómo es esto posible?

La fórmula dice que si un esquema de color sigue el brillo natural de los colores, esta combinación se percibirá como agradable. Si, por el contrario, un esquema de color no sigue el brillo natural de los colores, esta combinación no será agradable por las personas. Por lo tanto, debe ser consciente de lo que funciona y lo que no, en términos de combinaciones de colores. Además, su selección depende del mensaje que desee transmitir a sus usuarios, su tono y el impacto deseado. A continuación se muestra un desglose básico de la psicología del color. Enumeramos algunos colores simples que son adecuados para ciertos mensajes, con los significados y emociones apropiados (tenga en cuenta que las emociones son causadas por las percepciones personales y culturales del simbolismo): las paletas de colores azules son más conocidas. Elegido por su efecto relajante y relajante . También transmite seguridad, confianza y comunicación. Paletas de colores azules en sitios web: Blue es una excelente opción para las empresas de datos y tecnología. Comunique que la tecnología desarrollada por la empresa es segura y también gana la confianza de que los datos del usuario se administran adecuadamente. Paletas de colores verdes El color verde a menudo se asocia con la naturaleza, la naturaleza, la frescura, el crecimiento, el equilibrio y la tranquilidad. Paletas de colores verdes en sitios web:

Paletas de color amarillo Este color transmite brillo, alegría, energía y optimismo. Sin embargo, debe usarse con cuidado, para evitar la fatiga.
Orange Orange Color Palettes es el color del entusiasmo, la pasión, la energía y la alegría. La vitalidad, la diversión y la abundancia son fuertemente expresadas por el color naranja. El color de color violeta pálido generalmente se asocia con la conciencia y la contemplación y el poder espirituales.
Las paletas de colores de Poz como variación en rojo, el color rosa ha ganado un nombre distinto debido a su poder expresivo. A menudo se asocia con la feminidad, es tranquilizador y emana una sensación de calor.

Paletas de color rojo rojo: un color simple pero potente, que parece más cercano de lo que está y ofrece la impresión de una mayor velocidad. Sugiere lujo y abundancia, poder y calidez.

Pallets de color marrón marrón un sentido de confiabilidad, apoyo, tierra. Se acerca a las características negras.
Las paletas de colores negros negros a menudo se asocian con elegancia, misterio, poder y autoridad. También se puede asociar con lo desconocido.




Las paletas de colores blancos blancos significan limpieza, pureza, higiene, simplicidad y refinamiento. Tiene la propiedad de hacer que los espacios se vean más amplios.




Pon en práctica lo que has aprendido: crea tus propios esquemas de color armados con un buen conocimiento de la teoría del color, puedes continuar explorando la magia de los esquemas de color, probar con implicaciones diferentes emociones, puedes poner en Operación Los esquemas de color. Los estándares de combinación de colores facilitan la creación de su propia combinación de colores y limitan los errores para crear el esquema de color. Hay herramientas que lo ayudan a combinar los colores de manera hermosa, desatando sus poderes creativos:




Jroma




Khroma viene con una amplia gama de colores, lo que representa los elementos básicos para comenzar. Luego le permite hacer una selección de al menos 50 colores que alimentarán a un generador de color. Basado en un algoritmo personalizado, estos colores se mezclarán y organizarán para dar como resultado esquemas de color viables. Esto es lo que el generador de colores ha sugerido entrenado en una sola sesión: Colormind




Colormind, como Khroma, ofrece una herramienta de generación de colores. Su generador de colores utiliza un aprendizaje profundo, porque puede aprender nuevos esquemas de color de fotos, películas y arte. Además, puede definir los colores para su propia plantilla, y Colormind ajustará sus tonos, tonos y brillo para que se vea bien. Aquí está el generador de colores en acción:




Jim Nielsen




Esta herramienta le permite comenzar desde un color y ajustar el brillo, la saturación y el tono hasta que obtenga la versión perfecta de ese color. Aquí está el instrumento en el juego:




Colorma




Colorma es otra herramienta excelente para encontrar la versión perfecta de un solo color. Es similar a la herramienta anterior, pero incluye parámetros adicionales que puede ajustar. Por ejemplo, en el sistema RGB, seleccione la cantidad de rojo, verde y azul que el color final contendrá y previse los resultados. Aquí hay un ejemplo:




Color
Un instrumento que no puede abstenerse de no amar. Es interactivo y, por lo tanto, le pone a probar sus habilidades, para algunos patrones de color (analógicos, triádicos, tetradic). Para cualquier selección entre usted, el instrumento le dará una evaluación de la calidad de la combinación de colores (varía de “débil” a “muy bueno”). De esta manera, podrá identificar el método para combinar los colores que es mejor y puede confiar en crear el esquema de color en estos datos. A continuación se muestra una captura de pantalla de color. Método en acción: conclusión Los esquemas de devanado, colores y color del sitio web pertenecen al lado emocional de la comunicación con los lectores del sitio. Por lo tanto, su naturaleza evasiva cuando se trata de desarrollar un plan y crear los esquemas de color del sitio web. Sin embargo, existen técnicas y teorías que ayudan a sistematizar el proceso de combinación de colores. Después de ellos, el error se minimiza y el éxito puede prosperar en un excelente esquema de color. Por lo tanto, confíe en sus estándares de calidad y los verá reflejados en su excelente esquema de color para su propio sitio web.