Lo primero que ve un visitante de la web no es el hermoso diseño o las bellas imágenes, sino los colores de la página web. Se puede ver lo importante que es el color web para el diseño web Este artículo se centra en la tecnología del diseño y la combinación de colores web.
En cualquier diseño, el color juega el papel de la primera transmisión de información a la estimulación visual. El diseño de color en la página web es el efecto visual más directo, y el uso de diferentes colores dará a las personas sentimientos diferentes.
Los diseñadores inteligentes utilizarán el color para expresar el concepto y la calidad intrínseca del sitio web. Para utilizar mejor el color para diseñar páginas web, debe dominar los siguientes conocimientos básicos de color.
Uno, reconoce el color
Los colores de la naturaleza son coloridos y cambiantes, como rosas rojas, mares azules, naranjas naranjas ... Pero en realidad solo hay tres colores básicos: rojo, amarillo y azul. Se pueden mezclar otros colores con estos tres colores, que generalmente se denominan "tres colores primarios".
La luz blanca que todo el mundo suele ver se analiza y se puede ver en la cinta. Incluye 7 colores: rojo, naranja, amarillo, verde, cian, azul y violeta. Hay una transición natural entre varios colores, incluidos rojo, verde, El azul son los tres colores primarios y se pueden obtener varios colores mezclando los tres colores primarios en diferentes proporciones.
Los colores en la vida real se pueden dividir aproximadamente en dos tipos: color y acromático. Entre ellos, el negro, el blanco y el gris pertenecen a la serie acromática y otros colores pertenecen a la serie de colores. Cualquier tipo de color tiene tres características: matiz, luminosidad y saturación Los colores acromáticos sólo tienen propiedades de luminosidad.
Los colores del mismo tono se pueden combinar fácilmente ajustando el brillo o la pureza, como verde oscuro, verde oscuro, verde hierba y verde brillante. Por ejemplo, algunos sitios web de compras y para niños usan colores brillantes, que hacen que las personas se sientan coloridas y vibrantes. Cuanto menor sea el brillo, más oscuro será el color. El brillo se usa principalmente en algunos sitios web de juegos, lo que puede hacer que el sitio web esté lleno de misterio.
Los colores acromáticos solo tienen propiedades de luminosidad, no de tonalidad y saturación. Entonces, ¿es mejor usar color o no color al diseñar el sitio web? Según investigaciones profesionales, el efecto de memoria de color es 3,5 veces mayor que el del blanco y negro. En otras palabras, en general, las páginas en color son más atractivas que las páginas en blanco y negro.
Por lo general, el contenido principal (como el texto) es acromático (negro) y los bordes, los fondos y las imágenes están coloreados. De esta manera, la página general no es monótona, sino armoniosa.
En segundo lugar, el color seguro de la página web.
En las páginas web, el modo RGB se utiliza a menudo para representar los valores de color. RGB representa los tres colores primarios: rojo, verde y azul. En circunstancias normales, cada RGB tiene 256 niveles de brillo, representados por 0 ~ 255.
Para el individuo R, G o B, cuando el valor es 0, significa que el color no emite luz; si es 255, significa que el color tiene el brillo más alto. Cuando los tres colores de RGB se envían al brillo más fuerte (los valores de RGB son 255, 255, 255), significa blanco puro, que está representado por hexadecimal como "FFFFFF".
Por el contrario, los valores RGB del negro puro son 0, 0, 0, que se representan como "000000" en números hexadecimales. Los valores RGB del rojo puro son 255, 0, 0, lo que significa que solo el rojo R existe y tiene el brillo más fuerte, y ni G ni B emiten luz. De manera similar, los valores RGB del verde puro son 0, 255, 0 y los valores RGB del azul puro son 0, 0, 255.
Según los cálculos, los colores RGB 256 de nivel pueden combinar un total de alrededor de 16.780.000 colores, es decir, 256 256 256 = 16.777.216, normalmente se conoce como 16 millones de colores o decenas de millones de colores, también conocido como color de 24 bits (2 a la potencia 24a) ). Dado que en teoría se pueden obtener 16.777.216 colores, ¿por qué hay 216 colores en la categoría de colores seguros para la Web? Esto se debe al navegador.
Una vez que el navegador reconoce la página web, solo se pueden mostrar 216 colores normalmente en el navegador. Si el color es mayor que este rango, algunos navegadores pueden mostrar desviaciones y no pueden mostrarse normalmente. Por lo tanto, los 216 colores que todos los navegadores pueden mostrar normalmente se denominan categorías de colores seguros para páginas web.
Hoy en día, el rendimiento de los navegadores es cada vez más alto y la gama de colores seguros de las páginas web es cada vez más amplia, pero las más seguras siguen siendo 216 colores. En Dreamweaver, se proporciona una paleta de colores con categorías de colores seguras para las páginas web y la selección de colores de las páginas web se puede controlar dentro de un rango seguro.
El modo RGB es el modo de color físico del monitor, lo que significa que no importa qué modo de color se utilice en el software, siempre que se muestre en el monitor, la imagen aparecerá eventualmente en modo RGB.
Coincidencia de color de la página web
Cuando se abre un sitio web, no es el contenido ni el diseño del sitio web, sino el color del sitio web lo que deja la primera impresión del usuario. El color es muy obvio para los efectos visuales humanos. El éxito del diseño de un sitio web depende en cierta medida del uso y colocación de colores por parte del diseñador. Debido a que el diseño web es una especie de diseño gráfico, el impacto del color es el más fuerte en el plano de planta y es el más fácil de impresionar a los usuarios.
Tres, como lidiar con el color
El color es el elemento más sensible de la visión humana. El color de la página web se maneja bien, lo que puede ser la guinda del pastel y lograr un efecto multiplicador.
1. La sensación de color
①La sensación cálida y fría del color
El rojo, el naranja y el amarillo representan el sol y la llama; el azul, el azul y el morado representan el mar y el cielo despejado; el verde y el morado representan colores neutros que no son ni fríos ni cálidos; el negro en el sistema incoloro representa frío y el blanco cálido.
②La suavidad y dureza del color
Los colores de alto brillo y alta pureza pueden dar a las personas una sensación suave; de lo contrario, se sienten duros.
③Sentido del color fuerte y débil
Los colores brillantes y brillantes con alto brillo se sienten fuertes y viceversa.
④La emoción y la tranquilidad del color
Rojo, naranja y amarillo son colores más cálidos, alto brillo, alta pureza y los colores de fuerte contraste se sienten emocionantes; azul, azul y morado son colores fríos, bajo brillo, baja pureza y colores de contraste débil se sienten tranquilos. Por ejemplo, la imagen a continuación es el sitio web de una hermosa y atmosférica empresa de cultivo de frutas y hortalizas (este sitio web es proporcionado por el producto de creación de plantillas de Alibaba Cloud: " Cloud · Cute Beauty Station ")
⑤ Colores hermosos y simples
Los colores cálidos como el rojo y el amarillo y los colores brillantes y brillantes pueden dar a las personas una sensación de belleza; los colores fríos como el cian y el azul y los colores turbios y grises pueden dar a las personas una sensación de simplicidad.
⑥La sensación de avance y retroceso del color
El contraste fuerte, los colores cálidos, los colores brillantes y de alta pureza representan el progreso y viceversa. Esta comprensión del color ha sido reconocida y aceptada por muchas empresas extranjeras hace más de 10 años, y de ella ha surgido una estrategia de marketing del color.
Muchas empresas lo utilizan como un medio favorable de competencia en el mercado y una forma de reproducir las características de la imagen corporativa, aprovechando las oportunidades comerciales mediante el diseño de colores. Como "cocodrilo" verde, "Coca-Cola" roja, "McDonald's" roja y amarilla y "Kodak" amarilla y así sucesivamente. En países desarrollados como Europa, América y Japón, el color del diseño se ha convertido durante mucho tiempo en un mercado competitivo y se utiliza ampliamente.
2. Estacionalidad de los colores
La primavera está llena de vitalidad, por lo que algunos colores vivos y saltarines serán populares; el verano es caluroso y la gente desea estar fresca, por lo que los colores refrescantes y brillantes dominados por el blanco y los tonos claros son populares; el otoño es alto y fresco, y los colores cálidos intensos son populares; clima de invierno En frío, los colores oscuros tienen el efecto de absorber la luz y transferir el calor. La gente desea estar más cálida y le gusta usar ropa oscura.
Obviamente, esto forma la tendencia de color de las cuatro estaciones, con colores claros y brillantes en primavera y verano; colores oscuros y estables en otoño e invierno. Por lo tanto, la tendencia de color anual se divide en dos tendencias de color principales: primavera y verano y otoño e invierno.
3. La sensación psicológica del color
Los diferentes colores darán a los visitantes del sitio web diferentes sensaciones psicológicas.
①Rojo
El rojo es un color emocionante que representa entusiasmo, vivacidad, calidez, felicidad y buen augurio. El rojo es muy fácil para atraer la atención de las personas. Es fácil hacer que la gente se emocione, entusiasme, entusiasme, nerviosa e impulsiva. También es un color que fácilmente causa fatiga visual.
②Verde
El verde representa frescura, esperanza, paz, suavidad, tranquilidad y juventud, y parece armonioso, tranquilo y saludable. El verde tiene dos componentes de color, amarillo y azul. En verde, la expansión del amarillo y la contracción del azul se neutralizan, y la calidez del amarillo se compensa con la frialdad del azul. La combinación de verde, dorado y blanco pálido crea un ambiente elegante y confortable.
③Azul
El azul representa trascendental, eterno, tranquilo, sensato, honesto, justo y autoritario, y es el color más fresco y fresco. La mezcla de azul y blanco puede reflejar la atmósfera suave, elegante y romántica (el color del cielo).
④Amarillo
El amarillo tiene la personalidad de la felicidad, la esperanza, la sabiduría y la ligereza. Tiene el brillo más alto, lo que representa brillante, alegre y noble, y es el color más delicado entre los colores. Siempre que una pequeña cantidad de otros colores se mezclen en amarillo puro, su tono y personalidad de color cambiarán en gran medida.
⑤Púrpura
El morado representa elegancia, nobleza, encanto, orgullo y misterio. Agregar blanco al morado puede hacerlo elegante, delicado y lleno de encanto femenino.
⑥Naranja
El naranja también es un color emocionante, que tiene el efecto de ligereza, alegría, calidez, calidez y moda.
⑦blanco
El blanco representa pureza, inocencia, sencillez, sacralidad y lucidez, y tiene la sensación de blancura, lucidez, inocencia y limpieza. Si agrega otros colores al blanco, afectará su pureza y hará que su carácter se vuelva sutil.
⑧Negro
Black tiene sentimientos profundos, misteriosos, tranquilos, tristes y deprimidos.
⑨Gris
En el diseño comercial, el gris tiene una sensación suave, ordinaria, gentil, modesta y elegante, y siempre es popular. En muchos productos de alta tecnología, especialmente los relacionados con materiales metálicos, el gris casi se utiliza para transmitir la imagen de alto nivel y tecnología. Cuando se usa gris, la mayoría usa diferentes combinaciones de variaciones para combinar con otros colores, para no ser demasiado aburrido, aburrido, aburrido y rígido.
Los cambios leves en la saturación del color y el brillo producirán diferentes sensaciones. Tomando el verde como ejemplo, el amarillo verdoso tiene un estado de ánimo visual juvenil y vigoroso, mientras que el azul verdoso parece tranquilo y profundo.
El diseño de color no es solo un trabajo técnico, sino también un trabajo muy artístico. Por tanto, a la hora de diseñar una página web, además de considerar las características del propio sitio web, también es necesario seguir ciertas reglas artísticas para diseñar un sitio web con colores llamativos y personalidad única.
Lo anterior trata sobre el contenido básico del diseño de color del sitio web (selección). Después de dominarlos, puede diseñar fácilmente colores que se ajusten al estilo del sitio web y también puede aplicar este conocimiento a otros lugares de su vida. Debido a limitaciones de espacio, he dividido el contenido de esta sección en dos partes, la primera. Hablaré sobre el contenido de la tecnología de igualación de color del sitio web en el próximo artículo, por favor continúe prestando atención.
El contenido anterior es original del investigador de tecnología del sitio web de Alibaba Cloud [Beike]. Indique la fuente de la reimpresión.