Gradiente Uigradients: ¿cómo aprender a combinar colores en diseño gráfico?
Parece que hay muchas cosas que la gente no entiende sobre los colores degradados, por eso hoy planeo hablar sistemáticamente sobre los colores degradados en PPT.
Aunque la implementación de degradados en PPT es muy simple, no suena bien decirlo, y los degradados realizados por muchas personas no son bonitos, ni siquiera feos.
En PPT, si desea establecer el color del degradado, solo necesita abrir la barra de propiedades y establecer el formato de la forma. El funcionamiento también es muy sencillo. Seleccione la forma y haga clic derecho para formatear la forma. A la derecha, puedes ver que hay un relleno degradado en las opciones de relleno para formatear la forma.
La configuración del color del degradado se ajusta principalmente a través de tres variables, a saber, el tipo de degradado, la dirección del degradado y la apertura del degradado.
Hay cuatro tipos principales de gradientes: gradientes lineales, gradientes proyectados, gradientes rectangulares y gradientes de ruta.
Degradado lineal: un degradado circular de color desde el punto inicial hasta el final desde el interior hacia el exterior.
Degradado de luz: el degradado de color desde el punto inicial hasta el punto final, es decir, una línea recta.
Estos son dos tipos de degradados muy utilizados en PPT. Además, hay gradientes rectangulares y gradientes de camino.
La dirección del gradiente y el ángulo del gradiente en realidad significan lo mismo y la operación es muy simple. Simplemente ajuste el valor del ángulo directamente.
La apertura del degradado es la parte más importante del degradado, incluido el color, la posición, la transparencia y el brillo del degradado. Podemos aumentar y disminuir los puntos de control de color en la apertura del degradado para afectar el efecto del degradado.
Si quieres hacer un degradado de alta calidad, debes tener mucho cuidado al elegir los colores. Lo mejor es elegir colores similares o colores de la misma serie de colores.
De esta forma, la combinación de colores que creamos aporta a las personas una sensación muy cómoda y agradable.
Las siguientes situaciones son: una es un degradado de monocromo azul, otra es un degradado de monocromo púrpura y la otra es un degradado de colores similares verde y amarillo.
Enmascaramiento
Como todos sabemos, es un bloque de color translúcido, por lo que la máscara de degradado es fácil de entender. Es un color degradado translúcido.
Este degradado translúcido existe desde hace casi dos años.
Diseño web
Es muy popular y se puede ver a menudo.
Podemos ver que la máscara de degradado de arriba siempre tiene dos capas. La superficie más pequeña es una imagen y la superior es un bloque de degradado translúcido.
Este es un degradado de color similar del azul al morado, pero hemos ajustado la transparencia del color debajo de la apertura del degradado para que podamos ver vagamente la imagen de fondo.
Cuando nuestra imagen es demasiado brillante o el tamaño de la imagen es demasiado pequeño para cubrir la pantalla, podemos usar degradados para procesar la imagen.
Por ejemplo, en la siguiente situación, vemos que el brillo de la imagen es demasiado alto y el tamaño no coincide con el diseño general. Si ingresa texto directamente, las imágenes interferirán en gran medida con el texto.
En este momento podemos agregar una máscara de degradado translúcida a la imagen, con el extremo izquierdo de la apertura establecido en 100% y sin transparencia en el extremo derecho. Luego agregamos otra apertura en el medio sin ella. arreglando la transparencia.
Después de la configuración, podemos obtener el efecto como se muestra a continuación.
Si no tienes un alto sentido del color y no sabes qué colores usar, necesitas buscar algunas buenas combinaciones de colores en este momento.
En cuanto al uso de gradientes, recomiendo dos sitios web, uno es WebGradients y el otro es uigradients. Ambos sitios web contienen muchos ejemplos de colores degradados, que puedes consultar cuando te quedes sin inspiración.
Esto es lo que el hermano Li ha estado estudiando recientemente. Espero que te guste.
Hermano Li
(Fin del texto completo)
Cómo resaltar hermosos colores degradados es muy importante en el diseño. Con el desarrollo y la evolución de la tecnología de diseño, los hermosos colores degradados se están volviendo cada vez más populares. Pero se necesita mucho tiempo para igualar rápidamente un degradado satisfactorio, por eso hoy compartiré con ustedes algunos sitios web que generan degradados rápidamente, que son realmente prácticos y convenientes ~
Espacio de color
>
Si te gustan las creaciones de estilos degradados, debes probar este sitio web. Sólo necesita seleccionar un color y se pueden generar rápidamente más de 20 combinaciones de colores diferentes.
Por ejemplo, si seleccionas el valor RGB como se muestra en la imagen, aparecerán los siguientes 25 esquemas de color.
Degradado web
WebGradients tiene más de 100 esquemas de color de degradado lineal que se pueden utilizar para el fondo del contenido de cualquier parte del sitio web. Para usarlo, simplemente copie fácilmente.
Tonos
Y preparé cada esquema de degradado.
Las imágenes en formato PNG
están disponibles para descargar.
Botones de degradado
Este sitio web tiene muchos tipos de botones de degradado. Cuando se mueve el mouse, puede ver el efecto de animación de desplazamiento. También puedes copiar el código CSS con un solo clic, lo cual es muy conveniente.
ui gradient
/
Uigradients ha recopilado casi cien colores de degradado y se puede decir que es un sitio web centrado en compartir hermosos colores de degradado. Tiene cientos de colores degradados que puedes elegir según tus necesidades.
Coolpad 2.0
Swatch es un complemento gratuito de combinación de colores degradados y una herramienta de recopilación que se puede descargar y utilizar.
Ingredientes del huevo
/
Puedes llamarlo un artefacto de "huevo hermoso", porque la forma del huevo muestra varios gradientes que son interesantes. Actualmente hay más de 200 esquemas de degradado en la plataforma y cada color es hermoso. Se recomienda recopilarlos.
Gradient Tower
/
Es una herramienta gratuita de generación de fondos de degradado CSS. El esquema de degradado es completamente de código abierto y gratuito, y puede ser utilizado por individuos o. negocios.
Hay más de 100 fondos degradados cuidadosamente diseñados disponibles como código CSS, formatos de imagen SVG y JPG.
Degradado de malla
MeshGradients proporciona más de 100 conjuntos de exquisitos colores degradados, incluidos degradados ordinarios y degradados de arco iris.
Hay un botón de descarga en la esquina superior derecha de cada
enfoque
, que se puede descargar directamente. Los formatos también son diferentes, incluidos AI, JPS, PNG y otros formatos.
Fondo genial
Además de proporcionar imágenes de fondo degradado, también proporciona una variedad de efectos de imagen de fondo de textura. Más adecuado para estilos formales de negocios y estilos maduros.
Doble Tono
Sube imágenes en este sitio web para crear un efecto de dos tonos. Si no te gusta el efecto actual, puedes ajustarlo.
Contraste
Hay brillo. Y los valores de color de las imágenes generadas se pueden descargar y copiar.
Lo anterior trata sobre
la recopilación y disposición de sitios web degradados
Espero que sea útil para todos.
¿Cómo aprender a combinar colores en diseño gráfico? ¿Qué color?
El color es el efecto visual de la luz producido por los ojos, el cerebro y nuestras experiencias vitales.
El color es el factor formal que más despierta nuestro placer estético.
El color es uno de los elementos más expresivos porque sus propiedades inciden directamente en los sentimientos de las personas.
No hay otra razón para compartir uno de mis diseños de interfaz de aplicaciones favoritos: Muji, principalmente por su simplicidad y claridad. He visto muchas aplicaciones coloridas y ¡me gusta mucho este diseño más puro!
Fuente de la imagen: MUJI
En primer lugar, además del "Anuncio" en negrita y en negro, "Novedades", el nombre del producto en fuente negra normal y el azul Hay no hay otros colores excepto “Ver todo”, el patrón del logotipo gris y el ícono rojo a continuación. El negro, el gris y el azul dan a la gente una sensación de calma y compostura, mientras que el rojo es el color temático de MUJI.
Fuente de la imagen: MUJI
En la página de detalles del producto, además del color del producto en sí, el color más destacado es el rojo temático, que es llamativo y claro.
Fuente de la imagen: MUJI
Además del monto a pagar y "Ir a pagar", el tema de la página de pago es rojo, continuando con el color de la página de inicio y la página de detalles anteriores. Y el estilo general está muy unificado. ¿Se aburrirán los usuarios de ver un color tan único? ¡No lo haré! Solo sentiré que es muy coherente con el estilo de mi propia marca de "natural, simple y sencillo".
Fuente de la imagen: MUJI
Mira el logo de su marca. Tiene fondo rojo y caracteres blancos. El color es brillante y muy fácil de recordar.
Muchas veces, descubrirás que no recuerdas nada después de caminar por la tienda de Muji, pero el logo de su marca está firmemente grabado en tu mente. Su marca es probablemente lo más destacado de toda la tienda. Ésa es la genialidad de una marca: siempre destaca.
Hay otras dos aplicaciones que son muy familiares para el público, Alipay y NetEase Cloud. El color temático de Alipay es el azul, que representa seguridad y estabilidad. Este es un concepto que una APP de fondos financieros quiere promocionar entre los usuarios. El color del tema de NetEase Cloud es el rojo, que representa entusiasmo, vivacidad y valentía. No sólo aumentará considerablemente la frecuencia de clics del usuario, sino que también estará contento porque escucha una buena pieza musical.
Por lo tanto, la comprensión del concepto de marca por parte del diseñador de la interfaz de usuario puede afectar en gran medida el color principal de todo el producto, lo que requiere que los diseñadores tengan un alto grado de control del color.
En mi opinión, no existe una combinación de colores especialmente atractiva, porque diferentes personas tienen diferentes preferencias. "Las llamadas emociones de las personas no están conectadas. Simplemente creo que son ruidosas".
Por lo tanto, dominar los principios estándar del color es lo más importante. Es mejor enseñarle a pescar a un hombre que enseñarle a pescar~
1 Principios estándar de color
1 Principio de combinación de tres colores
El MUJI mencionado anteriormente. El rojo llamativo en la página de inicio es solo un color de acento.
Generalmente, los colores con alta saturación, colores profundos, áreas grandes y que ocupan el centro visual a primera vista son los colores principales.
Generalmente se utiliza como colores secundarios el mismo color, colores adyacentes, colores complementarios y colores contrastantes.
Generalmente, los colores de modificación se agregan en función de los colores presentados en la página. Sin embargo, el color del adorno debe estar muy saturado para crear un estilo único y emitir una luz diferente en toda la página.
2. Domina el carácter del color
Blanco
El blanco simboliza la pureza, la santidad, la bondad, la confianza y la apertura, y convierte la complejidad en simplicidad.
Azul
El azul es el color que menos molesta. El cielo azul brillante simboliza esperanza, ideales e independencia; el azul oscuro significa honestidad, confianza y autoridad. El entusiasmo de Zhenglan y Baolan es firme y sabio.
Rojo
El rojo simboliza pasión, sensualidad, autoridad y confianza y es un color vibrante. Pero también puede dar a los demás una impresión sangrienta y violenta, lo que fácilmente puede causar estrés psicológico.
Naranja
El naranja aporta a las personas una sensación de bondad, franqueza, alegría y salud, con un entusiasmo similar al del sol.
Amarillo
El amarillo es un color muy brillante que puede estimular áreas del cerebro relacionadas con la ansiedad y tiene un efecto de advertencia. El amarillo brillante simboliza confianza, inteligencia y esperanza; el amarillo claro parece inocente, romántico y delicado.
Verde
El verde brinda a las personas una sensación infinita de seguridad y simboliza libertad, paz, frescura y comodidad. El verde amarillo da a las personas una sensación de frescura, vitalidad y felicidad; el verde hierba, el verde oscuro y el verde oliva de bajo brillo dan a las personas una impresión tranquila e intelectual.
Negro
Simboliza autoridad, elegancia, discreción, perseverancia, indiferencia y defensa.
Gris
El gris simboliza la sinceridad, la compostura y la elegancia.
3. Observa la naturaleza
La naturaleza siempre es la mejor colorista del mundo. Cuando le preocupa la combinación de colores, también puede tomar una fotografía de la naturaleza y encontrará muchos problemas. La naturaleza te ha dado respuestas e inspiración.
Asegúrese de comprender que "el color no añade una textura agradable/cómoda a su trabajo de diseño; su función real es mejorar esta textura".
2. /p>
1. ColorHunt-Color Matching:
Diseño, sitio web de herramienta de combinación de colores.
2. Degradado de interfaz de usuario:
Sitio web para compartir degradado, ¡hay muchas opciones hermosas!
3.:
Generador de combinaciones de colores ultrarrápido, crea la paleta de colores perfecta o inspírate en miles de hermosas combinaciones de colores.
4. Color del material:
Ayuda a los diseñadores a localizar rápidamente combinaciones de colores.
5. flatuicolorpicker:
El mejor color plano para el diseño de UI.
3. Libros relacionados con el color
1. Principios del diseño del color
Los "Principios del diseño del color" escritos por el departamento editorial japonés de Obsco, de forma concisa. y fácil de entender. Este trabajo le permite aprender principios prácticos y sistemáticos de combinación de colores.
Compare casos de diseño específicos antes y después de la modificación y luego analice cómo utilizar la combinación de colores para hacer el trabajo más efectivo y expresivo.
2. Color Color Chronicle
Pionero de la cultura del color japonés, libro de referencia de combinación de colores, libro de referencia de combinación de colores para diseñadores gráficos, también se puede utilizar de por vida.
3. Diccionario de colores del diseñador
El Diccionario de colores del diseñador proporciona 30 colores clave para un estudio en profundidad del arte y el diseño gráfico. El libro está organizado por espectro, lo que facilita la navegación en áreas divididas por color. Traza cada color y muestra la gama de colores y los cambios de paleta.