¿Cómo se deben combinar los colores?

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 de aplicación general 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 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. Por supuesto, si no se utilizan adecuadamente 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 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 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 en 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 o 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 gradiente 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. . Los 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 genere 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. 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 el color de las páginas 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 en la 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í eliges 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, eso es todo.

Toda la página es colorida pero no demasiado cara.

3. Utiliza un sistema de color. En pocas palabras, utilice un color sensorial, como azul claro, amarillo claro, verde claro o caqui, caqui, caqui; Hay diferentes formas de determinar el color. Presiono el cuadro de color de primer plano en Photoshop, selecciono "Personalizado" en la ventana emergente del selector de color y luego selecciono de la "Biblioteca de colores" :)

4. Por ejemplo, las fuentes rojas con bordes negros se sienten muy "saltando".