Conocimientos de combinación de colores en diseño web.
Conocimiento de la combinación de colores en el diseño web.
El color es el primer y más duradero factor que da a los visitantes la imagen de un sitio web. Tú y yo entendemos la importancia de la armonía del color :). ¿Cómo combinar bien los colores? A continuación, resumí varios puntos clave del diseño práctico del color, con la esperanza de ayudar a todos.
1. Determine el color principal
Siga la relación maestro-esclavo, que es el principio más estable para manejar el color.
De hecho, cada palabra como rojo, amarillo, verde, azul, morado, etc. representa un tipo específico de color, es decir, matiz, se refiere a la apariencia del color y es el nombre. que distingue los tipos de colores. En la página, además del blanco como fondo, los colores que se utilizan mucho son los colores principales de la página web. Si se utilizan varios colores en la misma página, si no lo entiendes bien, no podrás determinar cuál es el color principal. Debido a que el área de otros colores no puede ser demasiado grande, siga la relación maestro-esclavo.
2. Colores similares
Elige colores con colores similares, que sean muy fáciles de combinar.
Explicación: Si se añade blanco al rojo, el rojo se volverá cada vez más brillante. Y a medida que agregas negro, el rojo se vuelve cada vez más oscuro. El brillo disminuye. Entonces el brillo de un color se refiere a la claridad u oscuridad de cualquier color.
Si se añade negro, blanco, gris u otro color al azul, el azul quedará impuro y dejará de ser brillante. Entonces, la pureza del color se refiere a la viveza de cada color en el sistema de color.
Varios colores del mismo sistema de color (mismo tono) con diferente brillo o pureza son fáciles de combinar. Por ejemplo, si eliges varios tonos diferentes de verde para combinar, generalmente no habrá gran problema. la página; intenta usar la misma página. No tienes 4 colores más. La combinación de colores súper conectada también sigue los principios anteriores. La combinación de colores del texto debe estar separada del fondo. Existe un pequeño método: abra el cuadro de color de Dreamweaver (como se muestra a continuación). Si son un grupo de 6 colores, cada grupo tiene una combinación de colores muy buena, pero todos tienen un perfil relativamente alto. De hecho, si tiene problemas para combinar colores, puede ajustar varios sistemas de color diferentes en el panel de colores y observar sus colores adyacentes, o combinarlos con varios colores diferentes. Definitivamente no será fácil encontrar el color que se adapte a su página. . Desastre.
3. Equilibrio de color
Este es un principio relativamente seguro de combinación de colores complementarios. No es fácil captar bien cuando existen varios colores al mismo tiempo, por lo que hay que armonizarlos y unificarlos.
Por ejemplo, utilizando el fenómeno de la ilusión de color, la ilusión de peso es muy útil en el diseño práctico. Es decir, los colores claros con alto brillo parecen más claros, mientras que los colores oscuros con bajo brillo parecen más pesados.
Así en diseño web, si se utilizan más colores con mayor brillo. Por ejemplo, el lado izquierdo de la Figura 3 es un color más claro o más brillante. Puede usar negro o un color oscuro del mismo tono para cubrir un área pequeña y embellecerla para que la página no sea demasiado clara y lograr un equilibrio de peso del color. . Los colores equilibrados están más en consonancia con la psicología del color de la mayoría de las personas. Dependiendo de tu situación, si eliges el negro, puede resultar serio y solemne, mientras que utilizar un color oscuro del mismo tono puede resultar más relajado.
4. Uso del negro, el blanco y el gris
De hecho, el negro, el blanco y el gris son tesoros y no deben subestimarse.
Si tiene problemas para usar los colores, puede agregar blanco o gris a un área grande; agregar negro a un área pequeña para ajustar la falta de coincidencia de otros colores. Cuando se utilizan colores de alta pureza, como azul puro, amarillo puro, etc., dicha combinación será muy brillante y visualmente emocionante. Aumentar o disminuir el brillo de dichos colores y combinarlos con gris y blanco también son métodos de ajuste.
5. Psicología del color y emoción.
Elige colores que se adapten al estilo del contenido.
1. El color tiene una sensación de calor y frío. Por ejemplo, los sitios para niños no deben usar colores fríos y los colores deben ser más intensos.
2. El color es suave y duro. Con el mismo tono y alto brillo, hay una sensación de suavidad. Si la luminosidad es baja, se sentirá duro. Para las zonas femeninas, elija una cantidad adecuada de rosa claro suave o gris de alta gama, mientras que para las zonas masculinas, puede utilizar marrón o azul oscuro.
3. Desde la perspectiva del tono, los colores cálidos hacen que las personas se sientan hermosas; desde la perspectiva del valor, los colores con mucha luminosidad se sienten hermosos desde la perspectiva de la pureza, los colores con alta pureza hacen que las personas se sientan hermosas. Por lo tanto, los sitios de joyería pueden usar café elegante y amarillo dorado, mientras que los sitios de perfumes pueden usar verde claro o azul claro con alto brillo.
4. Asociación de colores. Asociaciones abstractas de tonalidades principales (omitiendo asociaciones específicas):
Rojo: pasión. Naranja: Calidez y alegría. Amarillo: brillante y alegre. Verde: pacífico, fresco. Azul: Tranquilidad, calma, razón. Púrpura: elegancia, nobleza, solemnidad, misterio. Negro: terror, muerte. Blanco: pureza, sacralidad, pureza. gris; modestia, etc.
Por ejemplo, para sitios de juegos, el negro es adecuado, ya que los colores oscuros son más misteriosos. Para sitios turísticos, puedes elegir verde hierba con amarillo. Para sitios gubernamentales, se pueden utilizar el rojo y el azul. Para los sitios de moda, puede elegir gris, morado, etc. de alta gama para resaltar la atmósfera elegante. Los campus también son aptos para el verde. La tecnología es adecuada para el azul oscuro. La categoría de noticias es adecuada para rojo oscuro o negro, con gris de alta gama, etc.
5. El brillo del color está relacionado con el nivel del sonido. Los colores fuertes como el amarillo brillante y el rojo brillante tienen un sentido musical agudo y agudo. Los colores oscuros como el azul marino y el gris oscuro tienen un profundo y rico sentido musical. El arte audiovisual moderno adopta el método de combinar multimedia visual y auditiva para mostrar efectos audiovisuales ricos y novedosos.
6. Según el gusto del color. El verde y el amarillo verdoso son los colores de los frutos inmaduros, que tienen un sabor ácido y astringente. Los colores naranja, amarillo claro, marrón claro y rosa recuerdan a los colores de las frutas maduras y producen un sabor dulce. Al diseñar un sitio de alimentos y bebidas, puedes seguir los principios anteriores.
6. Asignación de colores de las páginas
1. El contenido de una página web es espacio de almacenamiento de información, que requiere fondo brillante, texto oscuro y alto contraste. Suele ser blanco y negro, si es sobre fondo negro también puede ser gris. Se puede hacer en un color muy claro, tan claro que se pueda ignorar.
2. El encabezado de la página web es donde se coloca el LOGO y la información principal. Generalmente oscuro. Tener un alto contraste para que el usuario pueda ver fácilmente dónde se encuentra en el sitio. Los títulos suelen tener un "aspecto" diferente al del resto de la página; pueden utilizar una fuente o combinación de colores muy diferente al contenido de la página. También puedes utilizar el color inverso del contenido de la página web.
3. El área donde se encuentra el menú de navegación. Oscurezca el color de fondo del menú y luego confíe en un mayor contraste de color, elementos gráficos más fuertes o fuentes únicas para distinguir con precisión los diferentes propósitos del contenido y el menú de la página web.
4. Barra lateral. Aunque no todas las páginas web utilizan barras laterales, sigue siendo una forma útil de mostrar información adicional. Debe distinguirse claramente del contenido de la página web y, al mismo tiempo, ser fácil de leer.
5. Pie de página, este elemento es el menos importante y no debe predominar. Considere el mismo color que la barra lateral o un color ligeramente más oscuro.
6. Utilice más colores saltantes en la combinación de colores para guiar la línea de visión. Por ejemplo: /gris marrón es el color del tema. Utilice el color naranja saltador para la navegación y los botones para guiar la dirección de la vista. ;