Consejos para el diseño de color frontal
"Si no reservas por un día, Pepsi es estéril"
01 Prefacio
Recientemente, de repente vi un artículo sobre la entrevista inicial, "¿Hay alguna investigación sobre el color?" A primera vista, ¿no es esta una pregunta que los diseñadores deberían considerar? El método de cuestionamiento del entrevistador también está dentro de las expectativas. Piense que la tarea del front end es implementar los dibujos de diseño del diseñador con código. También podemos proporcionar opiniones y opiniones sobre el problema de coincidencia de colores, que también está relacionado con la experiencia del usuario.
Desde la perspectiva de la teoría del color, la elección del color puede revelar la personalidad, las emociones y las emociones de una persona o incluso los recuerdos. Por lo tanto, cuando se utiliza la teoría del color en el diseño de sitios web, debe ser cauteloso, especialmente el diseño de algunos sitios web oficiales, que deben ajustarse a los productos, conceptos de la compañía o características de la compañía.
02 fuente de color
Todos los colores se derivan básicamente de los tres colores primarios, que es la coincidencia de color RGB con la que el front-end está familiarizado. Los tres colores primarios se refieren al rojo, azul y amarillo. Antes de comenzar a explicar, echemos un vistazo a la siguiente información:
- Color primario color intercolor de tres niveles
- Tres roles de colores complementarios y colores similares.
- Colores complementarios dispersos
- Colores cálidos y fríos
Color primario : RGB, que es familiar para el extremo frontal. La fuente de todos los colores se genera a partir del color primario. Por ejemplo, cuantos más píxeles en la pantalla del televisor, más puntos de color se muestran, lo que significa alta resolución.
Intercolor:
Intercolor es en realidad una mezcla de rojo, azul, rojo amarillo, amarillo y azul, y aparecerá púrpura, naranja y verde.
Tres colores :
El color de tres niveles es la fusión entre el color primario y el color intermedio, que producirá una variedad de colores, azul-verde común, amarillo-verde, etc.
Colores complementarios :
Los dos colores opuestos que vemos en la rueda de colores se denominan colores complementarios. Por ejemplo, rojo y verde, se caracteriza por un fuerte contraste de color, es decir, hay una sensación de conflicto y coordinación.
Colores similares :
Estos son los tres colores similares en la rueda de colores.
Tres roles :
Al dibujar un triángulo equilátero en la rueda de colores, el color correspondiente son los tres caracteres.
Dispersar colores complementarios :
En comparación con el color complementario, en realidad es el color en ambos lados del color complementario. Los colores son más contrastantes y más ricos.
Cuatro colores :
Dibuje un cuadrado en la rueda de colores, y el color correspondiente es el color cuadrado.
Cuarteto de colores complementarios :
El color complementario cuadrado adopta una forma rectangular, y el correspondiente es el color complementario cuadrado.
Colores claros y oscuros:
Es sombreando un color. Los colores resultantes son muy ricos y pueden usarse para algunas imágenes de texto o de fondo, pero no quieren ser demasiado obvios. Da una sensación de relajación.
Colores cálidos :
Da una sensación cálida. Por ejemplo, si usa un vestido rojo en verano, le dará a las personas una sensación más acalorada.
Color fresco :
Los colores fríos tienen muchos significados, como el pesimismo, el otoño y la noche. Pero puede ser un sentimiento tranquilo, tranquilo.
03 Resumen
Lo que debemos defender para la combinación de colores es un principio de armonía y estabilidad. Tenga cuidado al usar los colores impactantes, por ejemplo, si el póster usa contraste rojo y verde, la gente se mareará. Por lo tanto, nuestra combinación de colores se basa en una elegancia suave.
Balance de color
- Color único, a través del sombreado
- Use varios colores auxiliares alrededor del color principal.
- Alta saturación con baja saturación
Color de transición
Cuando debe usar colores con un fuerte contraste, como los colores complementarios, debe prestar atención al uso de colores intermedios para el almacenamiento en búfer, la transición equilibrada y dar a las personas una sensación de búfer equilibrado.
Colores similares
El uso adecuado de colores similares hará que el diseño de su página se vea muy armonioso, como la página de descarga de QQ, dando una sensación suave, elegante y simple.
Colocación blanca
El blanco da una sensación limpia y simple, creo que a muchas personas les gustará la sensación simple sin demasiadas modificaciones. Pero también debe usar una coincidencia de color auxiliar, de lo contrario producirá una sensación monótona.
Caso 1 : Todas las estaciones del metro de Hong Kong son de un color que no se usa, se puede ver que se forman mezclando colores primarios con otros colores.
Caso 2 : El color de la estación de bomberos de Berlín en Alemania es rojo, y el color de la estación de policía es verde. Los dos colores complementarios de rojo y verde se mezclan hábilmente.
04 Resumen
La combinación de colores también es el contenido de la vida, como la forma de combinar el color de la ropa, el diseño del hogar en interiores, el diseño de papel tapiz, etc., estos son la gama de colores. Solo cuando podemos tener una cierta comprensión de la combinación de colores, podemos enriquecer nuestra inspiración estética.
Para cuestiones de diseño de color y coincidencia, puede consultar los sitios web oficiales de algunas grandes empresas nacionales, de las cuales obtendrá inspiración para el diseño. Después de todo, escribir este artículo es solo para enriquecer su conocimiento. El front end solo necesita saberlo. No necesita estudiarlo cuidadosamente. Puede dejar el resto al diseñador del departamento de UI. La división del trabajo de muchas grandes empresas es muy clara.