¿Cuál es la combinación de colores del sitio web?
Hay muchos principios sobre el color, por lo que no los explicaré uno por uno aquí. Puede leer libros de diseño relevantes que le ayudarán a comprender el sistema. Aquí, sólo quiero contarte algunos consejos sobre la combinación de colores en la web.
1. Utiliza un color. Aquí, primero selecciona un color y luego ajusta la transparencia o la saturación para generar un nuevo color para la página web. Una página así parece uniforme en color y clara en capas.
2. Utiliza dos colores. Comience eligiendo un color y luego elija el color que contraste.
3. Utiliza un sistema de color. En pocas palabras, utilice un color sensorial, como azul claro, amarillo claro, verde claro o caqui, caqui, caqui;
En la combinación de colores web, hay algunos malentendidos que debes recordar:
1. No uses todos los colores, intenta limitarlo a tres colores.
2. El contraste entre el fondo y el artículo anterior debe ser lo más grande posible (nunca utilices patrones complejos como fondo), para que se pueda resaltar el contenido del texto principal.
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. Porque los colores son simbólicos, como el verde claro, el verde esmeralda, el amarillo dorado y el topo, que 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 y la tradición, los diferentes grupos étnicos tienen preferencias muy diferentes por los colores. 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. Eso sí, si no se utilizan adecuadamente los tonos contrastantes será contraproducente y producirá un efecto hortera y llamativo. 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.
Después de eso, también debes considerar 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.
El color de una página 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?
Primero, aprendamos algunos conceptos básicos sobre el color:
El color se produce por la refracción de la luz.
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 sobregradar 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.
2. El sentimiento psicológico del color. 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. Puedes utilizar el dorado y el 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.
3. El color es apropiado. 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 las páginas web
Con la acumulación de experiencia en la producción de páginas web, existe una tendencia a utilizar colores: monocromo->; color estándar-; > ; Debido a la falta de tecnología y conocimiento, Monochrome solo pudo hacer páginas web monocromáticas simples al principio después de tener cierta base y materiales, espero hacer una página web hermosa, usando las mejores imágenes y las más satisfactorias; ha recopilado. Los colores se acumulan en la página; pero después de mucho tiempo, descubre que los colores están desordenados y no tienen personalidad ni estilo; reposicione su sitio web por tercera vez, elija los colores que más le convengan y, a menudo, el sitio web lanzado. exitoso; cuando el concepto de diseño final y la tecnología alcancen su punto máximo. Cuando llegue el momento, volverá al original. Los sitios simples y exquisitos se pueden diseñar con un solo color o incluso sin color.
1) Comparación simultánea y comparación continua:
Comparación simultánea: Cuando dos colores se yuxtaponen al mismo tiempo, ambos lados se empujarán entre sí hacia sus respectivos colores complementarios, rojo y verde. se yuxtaponen, y el rojo es más rojo, el verde es más verde cuando se yuxtaponen el blanco y el negro, el negro aparece más oscuro y el blanco parece más blanco. Este fenómeno pertenece al contraste simultáneo de colores.
Contraste continuo: se refiere al contraste de diferentes estímulos de color en diferentes condiciones temporales, o durante el movimiento del tiempo.
2) Contraste de tono:
La yuxtaposición de diferentes colores muestra la diferencia de tono en contraste, lo que se llama contraste de tono.
aContraste de colores primarios: el rojo, el amarillo y el azul muestran el temperamento de tono más fuerte, y el contraste entre ellos es el contraste de tono más fuerte. Hace que la gente sienta un conflicto de colores muy fuerte, que parece tener características más espirituales.
b Contraste de color intermedio: Naranja, verde y morado son colores intermedios que se obtienen mezclando colores primarios, y el contraste de color es ligeramente más suave.
c Contraste de color complementario: Los dos extremos del diámetro del círculo de color son colores complementarios. La yuxtaposición de un par de colores complementarios puede hacer que los colores de cada uno sean más vívidos.
Contraste de tonos adyacentes: tonos básicos que son adyacentes secuencialmente en la rueda de colores, como rojo y naranja, amarillo y verde, naranja y amarillo. Este es un débil contraste de tonos. Se caracteriza por una tonalidad unificada evidente sin perder los cambios contrastantes de unidad.
e Contraste de fase de color similar: el contraste de fase de color de colores muy adyacentes en la rueda de colores, como el azul y el verde con sabor a azul, es el efecto de contraste de fase de color más débil.
fContraste entre colores fríos y cálidos: Desde el círculo cromático, los colores que tienen una clara impresión de frialdad van desde el azul verdoso hasta el azul violeta, entre los cuales el azul es el color más frío y obviamente más cálido; Incluyen el rojo, el morado y el amarillo, entre los cuales el rojo y el naranja son los colores más cálidos. El contraste entre el frío y el calor produce una sensación de color maravillosa, viva y vivaz. Los colores fríos y cálidos pueden crear un efecto espacial. Los colores cálidos tienen una sensación de progreso y expansión, mientras que los colores fríos tienen una sensación de retroceso y contracción.
3) Comparación de pureza:
Un rojo brillante y un rojo grisáceo se yuxtaponen para comparar la diferencia en frescura y turbidez. Esto se llama comparación de pureza.
4) Contraste de brillo: Cada color tiene sus propias características de brillo. Al comparar los dos, la diferencia entre la luz y la oscuridad se sentirá claramente visualmente. Este es el contraste de brillo del color.
1) Ilusión psicológica de los colores materiales
Los colores fríos y los colores cálidos son clasificaciones físicas de los colores basadas en ilusiones psicológicas. La impresión material de los colores se produce aproximadamente a partir de los colores fríos y cálidos. . La luz roja y la luz amarilla anaranjada tienen una sensación de calidez, y cualquier color producirá una sensación de calidez. Por el contrario, la luz violeta, la luz azul y la luz verde dan una sensación de frío.
Además de la sensación de diferentes temperaturas, los colores fríos y cálidos también tienen otras sensaciones, como el peso y la humedad. los colores cálidos son pesados y los colores fríos son claros; los colores cálidos son gruesos y los colores fríos son finos; los colores fríos tienen una transparencia fuerte y los colores cálidos tienen una transparencia débil; los colores cálidos parecen secos; que se acerca.
El brillo y la pureza del color también pueden provocar la ilusión de una impresión física de color. El espesor de un color depende principalmente de la claridad del color. Los colores oscuros son más pesados y los colores brillantes son más claros. Los cambios de pureza y luminosidad también pueden dar la impresión de colores suaves o duros. Los colores claros y brillantes hacen que las personas se sientan suaves, mientras que los colores sólidos oscuros dan una sensación dura.
2) Expresión del color: La emoción del color se debe a que las personas han vivido en el mundo del color durante mucho tiempo y han acumulado mucha experiencia visual. Cuando la experiencia visual se hace eco de la estimulación de colores externos, algunas emociones se producen psicológicamente.
Rojo: Es un color potente, cálido e impulsivo, con un alto grado de solemnidad. Sobre la base carmesí, el rojo se calma y el calor se apaga; sobre el fondo azul, el rojo es como una llama ardiente; sobre el fondo amarillo verdoso, el rojo se convierte en un intruso audaz e imprudente, extremadamente feroz sobre el fondo naranja; , el rojo parece Ardiente, opaco, sin vida, como si estuviera seco al horno.
Naranja: Es un color brillante muy alegre y vivo, y es el color más cálido del sistema de colores cálidos.
Cuando el naranja se mezcla ligeramente con negro o blanco, se convertirá en un color estable, reservado, brillante y cálido, pero al mezclarlo con más negro, se volverá un color quemado añadiendo más blanco al naranja; tener un sabor dulce. La combinación de naranja y azul crea los colores más llamativos y alegres.
Amarillo: Es el color más brillante y puede mantener una gran pureza bajo un brillo elevado. El brillo y el brillo del amarillo tienen el brillo del sol, por lo que simboliza la luz de la sabiduría que ilumina la oscuridad; el amarillo tiene luz dorada, por lo que simboliza la riqueza y el poder, y es el color del orgullo. El negro o el morado pueden hacer que el amarillo alcance una intensidad que se expande infinitamente. El blanco es el color que se traga al amarillo, y el rosa claro puede conquistar al orgulloso príncipe amarillo como una hermosa niña.
El amarillo no resiste la erosión del negro o del blanco. Si penetra aunque sea un poquito, perderá su brillo en poco tiempo.
Verde: El verde brillante es muy bonito, elegante, tolerante y generoso. Sigue siendo hermoso independientemente de la penetración del azul o del amarillo. El amarillo verdoso es simple y joven; el azul verdoso es hermoso y abierto. El verde grisáceo sigue siendo un color tranquilo y pacífico.
Azul: Es un color espacioso y símbolo de la eternidad. El azul es el color más frío. En una situación pura, no significa indiferencia emocional, sino que muestra una especie de calma, racionalidad y pureza. El color que realmente hace que la gente sienta frío y tristeza es el azul turbio.
Púrpura: un color imperceptible, misterioso, impresionante, a veces opresivo, a veces amenazante e inspirador por sus diferentes contrastes. Cuando aparece el morado en el campo de color, puede dar mucho miedo, especialmente si tiende al morado.
El morado es un color que simboliza la piedad, y la profundización y el oscurecimiento también son un símbolo de ignorancia y superstición. Una vez que el púrpura se desvanece, cuando la luz y la comprensión iluminan los piadosos colores de la ignorancia, un halo de belleza y encanto encanta nuestros corazones.
Utilice el morado para expresar caos, muerte y excitación, utilice el azul violeta para expresar soledad y devoción, utilice el rojo violeta para expresar lo sagrado y el reino del amor y la espiritualidad; en resumen, este es el significado. de la cinta morada Algún valor de rendimiento.
Negro, blanco, gris: los colores acromáticos tienen el mismo valor psicológico que los colores. El blanco y el negro son las abstracciones finales del color, representando el cátodo y el ánodo del color.
La expresión abstracta y el misterio del blanco y negro parecen trascender la profundidad de cualquier color. Kandinsky creía que el negro significa vacío, como la destrucción del sol, como el silencio eterno, sin futuro, sin esperanza. Y el silencio blanco no es muerte, sino infinitas posibilidades. El blanco y el negro son colores extremadamente opuestos, pero a veces la gente siente que hay una sensación indescriptible de * * * entre ellos. Tanto el blanco como el negro pueden expresar el miedo y la tristeza de la muerte, y ambos tienen una ilusión insuperable y un espíritu infinito.
En el sistema de colores, el gris es el color más pasivo. Es un color completamente neutro que depende de los colores adyacentes para ganar vida. Una vez que el gris se acerca a los colores cálidos y brillantes, mostrará calma. si está cerca de un color frío, se convertirá en un gris cálido suave.
3) La naturaleza simbólica del color: la sublimación adicional de la emoción del color es que expresa profundamente los pensamientos y creencias de las personas. Este es el significado simbólico del color.
4) Amor por los colores: Hay muchas motivaciones que influyen en que las personas amen los colores. Antecedentes sociales; b. Diferencia de edad; c. Necesidades psicológicas; d. Diferencias en el uso;