¿Cómo hacer que todo el diseño de fondo de color de la página web sea más armonioso y unificado?
Permítanme hablar de una forma simple, práctica y cruda:
El primer paso es llenar todo el lienzo con la herramienta rectángulo debajo de la capa de fondo. En segundo lugar, elija un color relativamente neutro según el tono de toda la imagen y rellénelo con el color de relleno rectangular. El tercer paso, el más importante, es realizar una operación de decoloración en los gráficos sobre el rectángulo, cambiarlo a luz suave y luego sujetar la capa del rectángulo. Puede cambiar el color del rectángulo según diferentes tonos para ajustar el color. Balance de la imagen completa. Si te gusta, recógelo. Es simple y práctico.
Primero use PS y otro software para obtener el código de color de la imagen. El formato general es #****** (* es un número hexadecimal 1-f) y luego agregue el fondo. el área de la imagen en el archivo css Simplemente establezca el color en este código o en un color similar.
En primer lugar, depende del tipo de página web que estés creando y de si hay un logotipo de marca relevante.
Generalmente, antes de iniciar el diseño, es necesario diseñar primero el VI o CI para aclarar el lenguaje visual de la marca, el cual debe aclarar la forma (shape), color (color), palabra (fuente), estructura (composición), calidad (textura). Las características de la marca y el tono del producto dependen de que estas dimensiones visuales se reflejen, por lo que primero debe pensar en estos temas con claridad, sentar las bases del diseño y luego realizar el diseño de nivel superior.
En cuanto a la página web específica, depende de qué tipo de página web de cliente estés creando, ¿teléfono móvil u ordenador? La versión móvil es H5, el ancho visual es menor, mientras que la versión para computadora es mayor. Para la combinación de colores de las páginas web, los colores principales, los colores auxiliares, los colores de contraste, los colores de advertencia y otros colores comunes que se utilizarán en la página web deben mezclarse de acuerdo con la forma y la estructura de color mencionadas anteriormente. Este proceso de mezcla debe considerarse. el área de la pantalla y la Frecuencia, para que puedan ser lo más armoniosos posible cuando se combinen. Existen algunos métodos, como elegir colores de una foto armoniosa de un paisaje natural, hacer referencia a la combinación de colores de una página web bellamente diseñada o utilizar una combinación de colores que haya sido preparada por otros, como /best-22-color-website. . Después de determinar cada tono de color, colóquelos en la paleta de PS o Sketch y luego úselos directamente al diseñar la página.
Otro recordatorio: la cantidad de colores en la página web debe controlarse de la manera más conservadora posible y no incorporar demasiados tonos. Esto hará que la página se vea muy desordenada. El diseño actual de la página es muy simple. para resaltar el contenido y ayudar a los usuarios a completar las tareas correspondientes. Por lo tanto, establecer una paleta de colores con anticipación también puede ayudarlo a evitar el uso de demasiados colores y, finalmente, deseo que logre el efecto de diseño que desea.
Los pasos de la operación son los siguientes:
1. Primero abra el software PS, seleccione Archivo-Abrir (tecla de acceso directo Ctrl o), busque el material a sintetizar y abra el material. .
2. Luego cree un nuevo lienzo o arrastre directamente las dos imágenes del material a un archivo, en dos capas respectivamente.
3. Seleccione "Capa 1" y presione la tecla Ctrl ] para mover la capa a la parte superior (es decir, encima de la capa 2). Luego haga clic en el menú en la parte inferior de la capa para agregar una máscara de capa.
4. Seleccione la herramienta de degradado de las herramientas de la izquierda, establezca un degradado lineal en la parte superior, establezca el color de primer plano en negro y el color de fondo en blanco. Seleccione la máscara de capa en la capa.
5. Utilice el ratón para desplazarse desde el centro de la imagen de izquierda a derecha para realizar un degradado lineal. (Como se muestra en la imagen) 6. Una vez completada la operación, verifique el efecto. Si está satisfecho con el efecto, puede realizarlo unas cuantas veces más. La comparación del efecto final antes y después de la síntesis es la siguiente.