¿Qué color combina mejor?

Primero, procesamiento del color

El color es lo más sensible a la visión humana. Si se maneja bien el color de la página de inicio, puede ser la guinda del pastel y conseguir el doble de resultado con la mitad de esfuerzo. El principio general de aplicación del color debe ser "coordinación general, contraste local", es decir, el efecto de color general de la página de inicio debe ser armonioso y solo las áreas locales y pequeñas pueden tener un fuerte contraste de color. En el uso de colores, se pueden utilizar diferentes colores principales según las necesidades del contenido de la página de inicio. Debido a que los colores tienen significados simbólicos, por ejemplo, el verde tierno, el verde esmeralda, el amarillo dorado y el gris pardo pueden simbolizar la primavera, el verano, el otoño y el invierno respectivamente. En segundo lugar, están los colores de logotipos profesionales, como el verde oliva para el ejército y la policía, y el blanco para la atención médica. El color también tiene sensaciones psicológicas obvias, como sensaciones de frío y calor, efectos de avance y retroceso, etc. Además, los colores también tienen características nacionales. Afectados por factores como el medio ambiente, la cultura, la tradición, etc., los diferentes grupos étnicos tienen grandes diferencias en sus preferencias de color. Hacer pleno uso de estas características del color puede hacer que nuestra página de inicio tenga una profunda connotación artística, mejorando así el sabor cultural de la página de inicio. A continuación se muestran algunas combinaciones de colores comunes:

1. Es decir, la combinación de rojo, naranja, amarillo y ocre. El uso de este tono de color puede darle a la página de inicio una atmósfera cálida, cálida y entusiasta.

2. Colores fríos. Es decir, la combinación de cian, verde y morado. El uso de este color puede darle a la página de inicio una atmósfera tranquila, fresca y elegante.

3. Contraste de colores. Es decir, se combinan colores con colores completamente opuestos en el mismo espacio. Por ejemplo: rojo y verde, amarillo y morado, naranja y azul, etc. Esta combinación de colores puede producir un fuerte efecto visual y dar a las personas una sensación brillante, animada y festiva. Eso sí, si no se utilizan bien los tonos contrastantes será contraproducente y producirá efectos adversos horteras y llamativos. Es necesario comprender el importante principio de "gran armonía y pequeño contraste", es decir, el tono general debe ser unificado y armonioso, y puede haber algún pequeño contraste fuerte en las áreas locales.

Finalmente, considere la profundidad del color de fondo de la página de inicio. Un término tomado de la industria de la fotografía se llama "alto perfil" y "bajo perfil". Un color de fondo claro se denomina discreto; un color de fondo oscuro se denomina discreto. Si el color de fondo es más oscuro, el color del texto será más claro y el contenido de color claro (texto o imágenes) se resaltará con un fondo oscuro; por el contrario, si el color de fondo es más claro, el texto será más oscuro; el contenido de color oscuro (texto o imágenes) será de color más claro. Este cambio de profundidad se denomina "cambio de brillo" en la ciencia del color. En algunas páginas de inicio, el color de fondo es negro, pero el texto también es oscuro. Debido a que el brillo de los colores es relativamente cercano, los lectores se sentirán muy cansados ​​al leer, lo que afecta el efecto de lectura. Por supuesto, el brillo del color no puede cambiar demasiado, de lo contrario el contraste de brillo en la pantalla será demasiado fuerte y resultará insoportable para los ojos de los lectores.

La combinación de colores de las páginas web

El color de las páginas web es una de las claves para establecer la imagen de un sitio web, pero la combinación de colores es un dolor de cabeza para los internautas. ¿Qué colores se deben utilizar para fondos, texto, iconos, bordes, hipervínculos... y qué colores se deben utilizar para expresar mejor la connotación deseada? Ajie habla sobre algunas experiencias aquí, con la esperanza de inspirarte.

Primero, aprendamos algunos conocimientos básicos sobre el color:

1.

2. El rojo, el amarillo y el azul son los tres colores primarios, y se pueden mezclar otros colores con estos tres colores. La expresión del color en el lenguaje HTML de la página web está representada por los valores numéricos de estos tres colores. Por ejemplo, el rojo es el color (255, 0, 0), la representación hexadecimal es (FF0000) y el blanco es (FFFFFFFF). A menudo vemos "bgcolor = #FFFFFFFF" que indica que el color de fondo es blanco.

3. Los colores se pueden dividir en colores acromáticos y cromáticos. Los colores acromáticos se refieren a los colores del sistema negro, blanco y gris. El color se refiere a todos los colores excepto los colores acromáticos.

4. Cualquier color tiene atributos de saturación y transparencia. Los cambios en los atributos producen diferentes tonalidades, por lo que se pueden crear al menos millones de colores.

¿Es mejor utilizar color o no color para la producción de páginas web? Según una investigación realizada por instituciones de investigación profesionales, el efecto de memoria del color es 3,5 veces mayor que el del blanco y negro. En otras palabras, las páginas en color suelen ser más atractivas que las páginas completamente en blanco y negro.

Nuestro enfoque habitual es: el texto del contenido principal es acromático (negro) y los bordes, fondos e imágenes son de color. De esta forma, toda la página no será monótona y el contenido principal no deslumbrará.

●Sin combinación de colores

El blanco y negro es la combinación más básica y sencilla. Texto blanco sobre fondo negro, el texto blanco sobre fondo negro es muy claro. El gris es un color versátil que se puede combinar con cualquier color y también puede ayudar a crear una transición armoniosa entre dos colores opuestos. Si realmente no encuentras un color adecuado, prueba con el gris. El efecto nunca será tan malo.

●Combinación de colores

Los colores cambian constantemente y la combinación de colores es el foco de nuestra investigación. También necesitamos aprender algo más sobre los colores.

1. Círculo cromático. Presionaremos "Rojo->Amarillo->Verde->Azul->Rojo" para hacer un degradado excesivo y podremos obtener un círculo de color. Los dos extremos de la rueda de colores son colores cálidos y fríos, y el medio es un color medio. (Como se muestra en la imagen de abajo)

Rojo, naranja, naranja, amarillo verdoso, verde, turquesa, azul verdoso, azul, azul violeta, morado, morado, rojo.

|_________| |____ |_________ |_________ | |

Sistema neutro cálido

2. . Diferentes colores darán a los visitantes diferentes sentimientos psicológicos.

El rojo es un color apasionante. El efecto estimulante puede hacer que las personas se sientan impulsivas, enojadas, entusiastas y enérgicas.

Verde: entre los dos colores, luce armonioso, tranquilo, saludable y seguro. Se pueden utilizar dorado y blanco claro para crear un ambiente elegante y confortable.

El naranja también es un color apasionante, con efectos luminosos, alegres, cálidos y elegantes.

Amarillo: tiene la personalidad de la felicidad, la esperanza, la sabiduría y la ligereza, y tiene el brillo más alto.

El azul es el color más cool, fresco y profesional. Mezclado con blanco, puede reflejar una atmósfera suave, elegante y romántica (como el color del cielo :)

Blanco: tiene una sensación de blanco, brillante, puro y limpio.

Negro: tiene un sentimiento profundo, misterioso, silencioso, triste y depresivo.

Gris: tiene un sentido de moderación, mediocridad, gentileza, humildad, neutralidad y elegancia.

Ligeros cambios en la saturación y transparencia de cada color producirán una sensación diferente. Tomemos el verde, por ejemplo. El amarillo verdoso tiene una concepción artística visual de vitalidad juvenil, mientras que el azul verdoso es tranquilo y sombrío.

●Principios de combinación de colores web

1. Brillo del color. Los colores de la página web deben ser brillantes y fáciles de llamar la atención.

2. La singularidad del color. Tenga un color distintivo que le cause una fuerte impresión. (Consulte la sección de colores estándar de CI en el segundo sitio web)

3. Esto significa que el color coincide con el estado de ánimo de tu expresión. Por ejemplo, el rosa refleja la flexibilidad de los sitios web de mujeres.

4. La correlación de colores. Los diferentes colores tienen diferentes asociaciones, por ejemplo, el azul se asocia con el cielo, el negro se asocia con la noche, el rojo se asocia con eventos felices, etc. El color que elijas debe ser relevante para el significado de tu página web.

●El proceso de dominar los colores de una página web.

Con la acumulación de experiencia en la producción de páginas web, existe la tendencia de que utilicemos colores: monocromático -> colorido - & gt; color estándar -> monocromático al principio por falta de tecnología y conocimiento, yo Solo puedo hacer una página web monocromática simple; después de tener cierta base y materiales, espero hacer una página web hermosa y acumular las mejores imágenes y los colores más satisfactorios que he recopilado en la página, pero a medida que pasa el tiempo, Se descubre que los colores son desordenados y no hay personalidad ni estilo; reposicione su sitio web por tercera vez, elija el color que más le convenga y el sitio web lanzado suele tener éxito cuando el concepto de diseño final y la tecnología alcanzan su punto máximo; volverán a lo original, simple y exquisito. Los sitios se pueden diseñar con un solo color o incluso sin color.

○Habilidades de combinación de colores de páginas web

En este punto del artículo, algunos internautas impacientes quieren preguntar: "¿Qué colores se ven bien?" "No te preocupes, aquí tienes algunos consejos que te ayudarán a convertirte rápidamente en un maestro del color:)

1. Usa un color. Aquí seleccionas un color primero y luego ajustas la transparencia o la saturación (coloquialmente, es decir para hacer el color más claro o más oscuro) para generar un nuevo color para la página web. Dicha página se ve uniforme y en capas

2. +shift+I en Photoshop). Mi página de inicio es azul y amarilla, por lo que toda la página es colorida pero no demasiado cara.

3. En pocas palabras, es para usar una sensación. color, como azul claro, amarillo claro, verde claro; o caqui, caqui, caqui. Presiono el cuadro de color de primer plano en Photoshop. Seleccione "Personalizado" en la ventana emergente del selector de color y luego selecciono en la "Biblioteca de colores". " :)

4. Utilice negro y un color, como fuentes rojas y bordes negros, lo que da una sensación de "salto".

En la combinación de colores web, los tabúes son :

1. No uses todos los colores, intenta limitarlo a tres colores.

2. Fondo El contraste con el artículo anterior debe ser lo más alto posible (nunca uses). patrones complejos como fondo), para que se pueda resaltar el contenido principal del texto.

Esquema de colores

En primer lugar, el rojo es un color cálido, intenso y extrovertido que llama la atención fácilmente. , hace que la gente se emocione, se emocione, se ponga nerviosa e impulsiva. También es un color que fácilmente causa fatiga visual

1 Agregar una pequeña cantidad de amarillo al rojo lo hará más cálido y propenso a la irritación.

2. Agregar una pequeña cantidad de azul al rojo debilitará su calor y lo hará más suave.

3. Agregar una pequeña cantidad de negro al rojo lo hará tranquilo, espeso y. simple

4. Agregar una pequeña cantidad de blanco al rojo hará que su carácter sea gentil, tiende a ser reservado, tímido y delicado.

En segundo lugar, los personajes amarillos son fríos. arrogante y sensible, y tienen una impresión visual inquieta y en constante expansión. El amarillo es el más delicado de todos los colores.

Siempre que se mezcle una pequeña cantidad de otros colores en el amarillo puro, su tono y carácter de color cambiarán en gran medida.

1. Agregar una pequeña cantidad de azul al amarillo lo convertirá en un verde fresco. Su carácter arrogante también desapareció, tendiendo a un sentimiento de paz y humedad.

2. Si agregas un poco de rojo al amarillo, tendrás una sensación naranja obvia y tu carácter cambiará de frío y arrogante a una especie de entusiasmo y calidez con límites apropiados.

3. Cuando se agrega una pequeña cantidad de negro al amarillo, su sensación de color y cambio de color son mayores, convirtiéndose en una impresión multicolor con un verde oliva obvio. Su color también se ha vuelto maduro y relajado.

4. Añadir una pequeña cantidad de blanco al amarillo suavizará su color, diluirá su indiferencia y arrogancia y lo hará más sutil y accesible.

En tercer lugar, el azul es el color del cinismo, simple e introvertido, y es el color que ayuda a la mente de las personas a ser cínica y pacífica. El carácter simple y sobrio del azul a menudo proporciona un espacio de gran alcance, amplio y tranquilo para aquellos colores con personalidades activas y fuerte expansión, convirtiéndose en un amigo amigable y humilde que realza los colores activos. El azul sigue siendo un color que parece conservar una fuerte personalidad incluso después de desvanecerse. Si agrega una pequeña cantidad de rojo, amarillo, negro, naranja, blanco y otros colores al azul, no tendrá un impacto significativo en el carácter del azul.

1. Si la naranja contiene más componentes amarillos, su carácter tiende a ser dulce, brillante y fragante.

2. Mezclar una pequeña cantidad de blanco con naranja puede hacer que la percepción del naranja sea ansiosa y débil.

En cuarto lugar, el verde es un color con componentes amarillo y azul. Entre los verdes, la expansión del amarillo y la contracción del azul son moderadas, y la calidez del amarillo y la frialdad del azul se compensan entre sí. Esto hace que el verde sea el personaje más pacífico y estable. Es un color suave, tranquilo y elegante.

1. Cuando hay más componentes verdes y amarillos, el personaje tiende a ser vivaz, amigable e infantil.

2. Añadir una pequeña cantidad de negro al verde hará que su carácter sea más solemne, sofisticado y maduro.

3. Añade una pequeña cantidad de blanco al verde, y su carácter tenderá a ser limpio, refrescante y tierno.

5. El brillo del morado es el más bajo entre los pigmentos de color. La poca luminosidad del violeta da a la gente una sensación apagada y misteriosa.

1. Cuando hay más componentes rojos en el morado, se siente opresivo y amenazante.

2. Agregar una pequeña cantidad de negro al morado hará que la gente se sienta aburrida, triste y aterradora.

3. Añadir blanco al morado puede hacer que el carácter aburrido del morado desaparezca y se vuelva elegante, refinado y lleno de encanto femenino.

6. El blanco es de color brillante y tiene un carácter sencillo, puro y alegre. El blanco es sacrosanto. Si añades cualquier otro color al blanco, afectará su pureza y hará que su carácter sea sutil.

1. El blanco mezclado con una pequeña cantidad de rojo se convierte en un rosa claro, fresco y lleno de tentación.

2. Cuando se mezcla una pequeña cantidad de amarillo con blanco, se vuelve amarillo lechoso, dando a las personas una impresión fragante.

3. El blanco mezclado con una pequeña cantidad de azul da a las personas una sensación de frío y limpieza.

4. El blanco mezclado con una pequeña cantidad de naranja tiene un olor seco.

5. El blanco mezclado con una pequeña cantidad de verde da a las personas una sensación suave y tersa. 6. Mezclar una pequeña cantidad de morado con blanco puede inducir a la gente a pensar en una fragancia ligera.