UX/UI Design

Colores Gradientes UI

A medida que pasa el tiempo, el gradiente logra ganar más y más espacio dentro del diseño de la web, es por eso que en este artículo hablaremos sobre esto, con el fin de hacerlo más sencillo para ti.

Si ya llevas unos años en el mundo del diseño web o si le prestas atención a todos los cambios que han estado desarrollando los diseños con el paso de los años, te podrás dar cuenta que los colores gradientes están de vuelta y mucho mejores que los que teníamos disponibles hace unos años. Sin avisar y de repente parece como si el gradiente ha regresado con todo, ya que se encuentra apareciendo en todos lados, esencialmente en los diseños web UI.

El gradiente forma parte de las tendencias del diseño del año 2018, sin embargo, no lo hace de la manera en que era utilizado anteriormente, sino que de una forma mucho más refinada y con mayor estilo.

Por lo tanto, con el propósito de ayudarte a que encuentres el gradiente ideal para tu siguiente proyecto de diseño web, te mostramos tres sitios que ofrecen asombrosas paletas de colores gradientes.

WebGradients

WebGradients consiste en un sitio web libre, que contiene más de 180 paletas de colores gradientes lineales que resultan ser unas más bonitas y atractivas que las otras y que podremos emplear sin ningún tipo de problema.

Sus puntos positivos son:

  • Cuenta con el código HEX.
  • Es ideal para web, ya que muestra el código CSS3 completamente listo para copiar en tu página web.
  • Posee PNG.

UiGradients

UiGradients resulta ser un sitio bastante parecido al WebGradients, que también cuenta con una amplia y variada cantidad de paletas de colores gradientes y además se utiliza de la misma forma.

Sus puntos positivos son:

  • Exhibe el código CSS totalmente listo para ser copiado y pegado por los usuarios.
  • Cuenta con el código HEX.
  • Permite que los usuarios elaboren su propio gradiente

Blend

En Blend, los usuarios tienen la oportunidad de elaborar por sí mismos no sólo sus colores sino también los gradientes de estos. Este sitio funciona de la siguiente forma: se escogen dos colores, se hace clic en “blend” y listo, el gradiente queda preparado.

Sus puntos positivos son:

  • Es bastante práctica, por lo que es ideal para una visualización rápida.
  • Exhibe el código CSS al igual que los demás, completamente listo para que los usuarios copien y peguen.
  • Cuenta con formato de visualización radial y lineal

2 Comments to “Colores Gradientes UI”

Leave A Comment