Diseño de color de artículo sin título ｜¿Conoce las 7 reglas de color y los 6 tabúes de colocación?

El color es un tipo de lenguaje y un tipo de información. El color es emocional, puede hacer que las personas se asocien y hacer que las personas se sientan cálidas y frías. En la combinación de colores, los diseñadores pueden dominar el contraste de colores fríos y cálidos, el contraste entre la luz y la oscuridad, el contraste de áreas, la mezcla y la armonía, la armonía de la luz y la oscuridad, etc., para mantener el equilibrio de la imagen y el orden de los colores. .

El contenido del color es rico y colorido, pero siempre que dominemos los métodos de combinación de colores y sigamos las reglas de equilibrio, ritmo, énfasis, repetición y otras composiciones de color, podremos organizar y disponer los colores. con la belleza del color como objetivo final En el trabajo de diseño gráfico se puede conseguir un efecto visual armonioso, bello y agradable.

a través de los últimos segundos

Coincidencia de color basada en tonos

Este método de combinación de colores se basa en el círculo de tonos y utiliza diferentes tonos para igualar el plan regional. .

A la hora de trabajar en un trabajo de diseño gráfico, primero se debe decidir el color principal o color clave según la idea del tema, las características del contenido, el efecto de la idea, los factores de expresión, etcétera. ¿Es un color frío o un color cálido, un color brillante o un color claro, un color suave o un color duro, etc.?

Una vez decidido el color principal, se puede decidir la combinación de colores. Luego, el color principal se introduce en el círculo de tonos y luego se puede realizar la combinación de colores de acuerdo con el mismo tono, un tono similar o un tono similar. Matiz contrastante, matiz complementario y tonalidades múltiples.

①? La combinación de colores del mismo tono se refiere al mismo color, que se basa principalmente en cambios en diferentes tonos de luz y oscuridad para formar una combinación de colores. Debido a que es solo un cambio de luz y oscuridad, tonos de un solo color, hace que las personas se sientan estables, suaves y unificadas. Pero si el cambio es demasiado pequeño, el color se sentirá monótono, opaco y sombrío.

Póster "Boundless Beauty"

②? La combinación de colores con tonos similares cubre una gama más amplia. Cuanto mayor es el ángulo del color, más vivo y enérgico es, y menor es el ángulo. , más estable y enérgica es la unidad. Pero si es demasiado pequeño, producirá una sensación sombría, gris y perezosa; por el contrario, si es demasiado grande, producirá un efecto pictórico en el que los colores son mutuamente excluyentes y discordantes;

③? La combinación de colores de tonos contrastantes tiene un gran ángulo de combinación de colores, una gran distancia y una gran diferencia de color. El efecto es vivo, vibrante, hermoso, brillante y refrescante. Pero si ambos colores son de alta pureza, el contraste será fuerte y deslumbrante, lo que hará que la gente se sienta incómoda.

Sellos Internacionales de la Paz de las Naciones Unidas

④ La combinación de colores de tonalidades complementarias tiene un campo cromático completo y ocupa los pigmentos de los tres colores primarios, por lo que sus características son claras, brillantes, preciosa y brillante. Pero es el color que más contrasta entre los tonos. Si se combina con la alta pureza del color, producirá una sensación de fuerte impacto, picante y ruidosa.

vía 西西coolbaby

Coincidencia de color basada en el brillo

Como se mencionó anteriormente, cada tono tiene un grado diferente de brillo y sus cambios se pueden controlar Expresiones de color El uso de diferentes tonos de color claros y oscuros puede producir diferentes sentimientos psicológicos.

Por ejemplo, el brillo alto brinda a las personas una sensación brillante, hermosa, llamativa, suave, limpia y positiva; el brillo medio brinda a las personas una sensación suave, dulce, digna y elegante; un sentimiento serio, cauteloso, estable, misterioso, deprimido, embotado.

via visiongave

Combinación de colores basada en la pureza

La pureza es la saturación del color En los trabajos de diseño gráfico, el uso de la pureza juega un papel decisivo en la determinación. La imagen El papel de la atracción.

Cuanto mayor es la pureza, más vivo, vivo, llamativo y conflictivo es el color; cuanto menor es la pureza, más simple, elegante, tranquilo y suave es el color.

Por lo tanto, los colores de alta pureza se utilizan a menudo como colores que resaltan el tema, y ​​los colores de baja pureza se utilizan como colores para resaltar el tema, es decir, los colores de alta pureza se utilizan como principales. Como colores auxiliares se utilizan colores y colores de baja pureza.

Factor de área

Además del tono, el brillo y la pureza, el tamaño del área de color es un factor importante que afecta directamente al tono.

Al combinar colores, primero considere la disposición de colores de áreas grandes, que tienen efectos visuales a larga distancia. Además, cuando el contraste entre dos colores es demasiado fuerte, puedes mezclarlo ampliando o reduciendo el área de uno de los colores sin cambiar el tono, la pureza y el brillo.

Siete reglas de color

- Color de acento -

El color de acento es el color clave en el tono general. Es una combinación de factores de área y reconocimiento visual. color. Generalmente, se requiere que el brillo y la uniformidad sean mayores que los colores circundantes, y el área debe ser más pequeña que los colores circundantes, de lo contrario no se logrará el énfasis.

vía Edisonwong7

- Color espaciador -

El uso de color espaciador se refiere al uso de otro color en medio de colores adyacentes y fuertemente contrastantes. Los efectos pueden mejorar la coordinación y debilitar el contraste. Los colores de los espaciadores son principalmente negro neutro, blanco, gris, dorado y plateado. Si utiliza intervalos de colores, es necesario que el color del intervalo y el color separado tengan una gran diferencia en tono, brillo y pureza.

- Color degradado -

El degradado es un color que cambia gradualmente. El tono, el brillo y la pureza se pueden cambiar en los degradados. El color degradado tiene un efecto de color rico y armonioso y se utiliza a menudo en el procesamiento del color de los anuncios.

vía Wanwanyang

- Color de contraste -

El color de contraste es diferente del color de acento. Es un color con área similar pero con tono y brillo contrastantes. de uso El color tiene un fuerte efecto visual, por lo que es "publicitario" y puede atraer la atención al instante.

vía ATOMIC14

- Color simbólico -

No imita directamente las características de color del contenido, sino que se simboliza según el entendimiento común de los consumidores. Uso conceptual del color. Se utiliza principalmente para expresar ciertos atributos espirituales de productos o expresar ciertas ideas de marca.

- Color del logotipo -

El color del logotipo aquí mencionado no se refiere al color del LOGO, sino a la serie de colores utilizados para distinguir diferentes tipos, o diferentes tipos de productos de el mismo tipo.

Por ejemplo, se utilizan distintos colores para distinguir cosméticos de una misma marca, y se utilizan distintos colores para distintos ingredientes. En términos de procesamiento, se debe cambiar el área, la forma y la posición.

Por ejemplo, la marca de cosméticos china Yue Sai, sobre la que Dajun escribió antes, considera plenamente los elementos de color de los ingredientes del producto en sí al combinar el color de sus productos y carteles.

- Color auxiliar -

Este es el color opuesto al color de acento. Es un método de color auxiliar que ajusta el tono general o el color de acento para mejorar el nivel del tono. lograr ricos efectos de color. En el proceso de diseño debemos tener cuidado de no abrumar al huésped y no abusar de él ciegamente.

Por ejemplo, en la siguiente imagen publicitaria de HNA Modern Logistics, el naranja se utiliza como color de acento y el punto azul en el medio de la "A" se utiliza como color auxiliar para amortiguar el visión del lector.

vía Flyingbeard

La regla de oro

¿Esta es una regla muy básica 60:30:10, el color principal es la proporción de 60, el secundario? el color tiene una proporción de 30, el color secundario es una proporción de 10. Esta regla es la regla de oro y es absolutamente cierta en todo momento y en todo lugar.

vía Swallow_Ho

Tabúes de color

- Colores neón demasiado brillantes -

Los colores neón brillantes parecen interesantes, parece hacer que la página Luce muy moderno y popular. Sin embargo, no hacen que los ojos se sientan cómodos y, a menudo, dan a las personas la incómoda sensación de "parpadear a ciegas".

Para solucionar este problema, puedes intentar reducir el brillo del color neón para que parezca más oscuro y más sutil o aumentar la escala de grises del color para añadir suavidad a toda la página. , el sentimiento de cercanía.

via aute Couture

- colores "temblor"-

Cuando se combinan colores muy saturados, producen un "efecto temblor" que te hará sentir que los dos colores tendrán efectos visuales borrosos, temblorosos o con halos, lo cual resulta incómodo.

Pero incluso si no intentas combinarlos, puedes evitar razonablemente los colores "temblores" a través de sus características básicas:

Todos son colores de alta saturación

Los dos colores son colores complementarios en la rueda de colores

Están separados 180 grados en la rueda de colores y están en posiciones simétricas

Después de convertir los dos colores a escala de grises, el dos colores La escala de grises está muy cerca

Si debe utilizar la combinación de colores "temblor", esta contradicción no es irreconciliable: simplemente agregue un color neutro para separar los dos.

- Color de luz Color de luz -

Color de luz La combinación de colores claros también es uno de los errores más comunes. Tal vez haya utilizado esta combinación de colores en un diseño gráfico o en un proyecto relacionado con la impresión, pero al final no afectó la legibilidad. Esto puede deberse a un problema de configuración o a una diferencia de color, pero en la gran mayoría de los casos, es incorrecto. .

No importa cómo lo diseñes, la combinación de colores será difícil de leer. Solucionar este problema es realmente muy sencillo: elige un fondo con un color uniforme con el que el texto pueda contrastar.

vía say417

Si el fondo no se puede modificar, puedes agregar una capa entre el fondo y el texto para aumentar el contraste.

vía lokngs

Intenta ajustar el tono, la luminosidad, la saturación, etc. de toda la imagen de fondo para lograr el propósito de mejorar el contraste.

- Combinación de colores estilo arco iris -

"Arco iris revoloteando", el diseñador debe estar desesperado. Piénselo, cuando muchos colores diferentes se convierten en parte de la combinación de colores, la interferencia entre los distintos colores romperá muchas reglas de combinación de colores.

Aunque este tipo de diseño puede atraer la atención del usuario al principio, las náuseas y el malestar que le causa posteriormente definitivamente superarán con creces las expectativas del diseñador, por muy bueno que sea el contenido, no lo será. reconocido por la gente.

Si realmente desea que la página sea más "colorida", no mezcle los colores. Intente utilizar un diseño estilo tarjeta para colocar diferentes colores. Una disposición razonable puede hacer que los colores sean más coloridos. La flexibilidad también garantiza la organización y el flujo.

- Colores brillantes/Colores oscuros -

Al igual que la combinación de colores claros, la combinación de colores brillantes o colores oscuros se debe a la estrecha saturación que genera problemas de reconocimiento. No hay duda de que éste también es un problema que hay que evitar. Incluso los diseñadores experimentados pueden caer en una trampa en este punto.

Por ejemplo, en el LOGOTIPO de Ele.me Star Selection, hay varios carteles de "diálogo" entre marcas:

En el área de comentarios, un fan dejó un mensaje "ojos deslumbrantes ". Estos son dos colores que son demasiado brillantes cuando se combinan y pueden causar molestias visuales.

En resumen, preste atención al contraste de la combinación de colores y logre un equilibrio adecuado entre contraste visual y legibilidad.

- "K" negro -

Solemos decir que la K en CMYK es negra. Los trabajos de diseño de muchos diseñadores abarcan tanto la web como el material impreso. A veces, cuando diseñan para material impreso, utilizan por error el negro en la combinación de colores en línea.

Los estampados, incluidos los numerosos colores negros de nuestra vida diaria, en realidad se dividen en muchos tipos. Suelen ser el efecto que se produce al superponer mucho un determinado color. Por ejemplo, las plumas de un cuervo son negras. , pero si miras con atención será ligeramente azulado.

Por eso, a la hora de diseñar este negro, lo mejor es elegir un negro con un tono de marca (no el #000000). Esto facilita la coordinación al imprimir.

De hecho, todos los problemas de combinación de colores mencionados anteriormente tienen que ver casi todos con problemas de contraste y legibilidad. De hecho, se pueden utilizar casi todos los colores siempre que se garantice el contraste y la combinación de colores y contenido.

Si el diseño del color carece de inspiración y no tiene avances, recuerde visitar "Aiji.com" para encontrar un sentimiento.

Aiji.com es un producto de solución de inspiración centrado en trabajadores creativos que reúne 200 trabajos de sitios web de diseño conocidos en el país y en el extranjero, que cubren 26 categorías principales, como diseño gráfico, publicidad, comercio electrónico. UI, páginas web, ilustraciones y fotografía.

Si cree que no ha visto lo suficiente, haga clic en "/" a continuación; el sitio web del material incluye combinación de colores, diseño y redacción.