Más de 25 kits de interfaz de usuario plana para diseñadores web
Si eres una persona que vive, se mueve y respira, entonces es muy probable que hayas oído hablar del nuevo enamoramiento en el mundo del diseño, el diseño plano. Si no está seguro, aquí hay un curso acelerado rápido: es de color plano. Esto significa que no hay gradientes (o muy sutiles) y ya no estamos creando botones y otras partes de las interfaces de usuario se ven tridimensionales.
La repentina carrera hacia este tipo de diseño hace que el diseño plano se sienta como una moda. Todos hablan de eso y todos lo hacen. Queda por ver si esto se mantendrá o si haremos algo nuevo en 2014. Cualquiera que sea el resultado, el diseño plano está en este momento. Es el último empujón de lo que era la Web 2.0 y lo que depara el futuro.
Si no está utilizando un diseño plano, hoy hemos reunido una gran cantidad de kits de interfaz de usuario planos gratuitos y premium. Vamos adelante y saltamos.
Flat UI Kit por Riki Tanone (gratis)
Aquí hay un buen kit gratuito de PSD de algunos widgets que son populares para usar en diseño web. Este también tiene una maravillosa paleta de colores.
Flat UI Kit (PSD) por Devin Schulz (gratis)
Este es un PSD más extenso para colores planos que tiene una paleta de colores muy simple. Incluye todo, desde botones de navegación hasta estilos de etiqueta.
Eerste UI Kit (gratis)
Eerste obviamente se hizo con la idea de mantener todo lo más simple posible. Hay tantos elementos para elegir en este PSD para ayudar a crear un sitio web maravilloso.
Kit Metro UI (gratis)
Este kit de Metro me recuerda mucho a lo que Windows está haciendo con sus interfaces de usuario de Windows 8. Si estás buscando algo tan audaz, prueba este kit de PSD.
Ui Kit por Abhimanyu Rana (gratis)
Aquí hay otro kit de UI bastante simple que tiene algunas piezas interesantes. En particular, esos botones son realmente agradables, y los formularios están muy bien formados.
Flat Ui Kit por Zachary VanDeHey (gratis)
La mayoría de los kits planos dependen mucho de una gran paleta de colores. Zachary hizo algo bastante diferente aquí yendo con una paleta de colores pastel muy ligera. ¡Funciona!
Kit de UI plana GRATIS de Visualcreative.cz (gratis)
Este kit probablemente necesite una edición una vez que lo incorpore a su proyecto, pero hay algunas piezas bonitas para comenzar gracias a este kit. El reproductor multimedia definitivamente vale la pena echarle un vistazo.
Kit UI (PSD) de Piotr Kwiatkowski (gratis)
El diseño plano tiene que ver con el color plano, pero cada cierto tiempo, encuentras un kit como este. Si bien hay una gradiente muy sutil en estos colores, no se puede negar de dónde vienen los principios básicos de este kit.
Vertical Infinity (gratis)
Este es un mega kit UI plano que definitivamente querrás descargar. Tiene los diferentes estados de tus botones y navegación y tiene tantas piezas que probablemente te olvides. Este es un gran PSD gratis.
Flat / UI Kit por Sebastiaan Scheer (gratis)
Me gusta este kit porque tiene un color muy popular y lo convierte en una paleta de colores monocromática. La tipografía es deliciosa también.
Kit Flat UI de Jan Dvorak (gratis)
Este es solo un maravilloso kit que tiene pequeños personajes por todas partes. Realmente disfruto los iconos, la navegación, el reproductor multimedia y el gráfico. Cosas muy útiles en este kit.
Conceptos de interfaz de usuario de diseño plano (gratis)
Este también es una reminiscencia de la interfaz de usuario de Windows 8, sin embargo, este kit parece vale la coherencia en su paleta un poco más. Este es otro kit bastante grande que tiene muchos elementos, especialmente para un blog de algún tipo.
Kit de UI / UX (gratis)
Este kit viene con una variedad de colores para que usted elija. No es tan predecible como la mayoría de los kits en su diseño y estilística, pero definitivamente es algo para aquellos interesados en hacer algo un poco diferente.
Kit de interfaz de usuario Flat Bold de Simon Eramo (gratis)
Me encanta todo lo relacionado con el baloncesto, así que cuando vi este, supe que tenía que incluirlo. De lo contrario, este kit es hermoso, simple y ofrece muchas variaciones de botones. Ideal para sitios de noticias y estadísticas.
UI Kit por Huseyin Yilmaz (gratis)
Este kit de interfaz de usuario es una iteración bastante estándar y muy sólida de lo que nos gusta del diseño plano. Tienes un registro, una ventana de perfil y mucho más para comenzar a diseñar sitios.
Kit Premium Splash of Color (gratis)
La gente de Ice Flow Studios creó un kit premium GRATUITO que se enfoca en el minimalismo. Abrazaron el espacio en blanco y el más pequeño de los detalles a la vez que agregaban un toque de color llamativo
Flat UI Kit por Design Modo (gratis)
Por último, pero no menos importante, echa un vistazo al kit DesignModo.com creado. También hay un PSD disponible para la versión PRO. ¡Consíguelo ahora si aún no lo has hecho!
Drops Flat UI Kit ($ 5)
Si va a trabajar con gráficos e infografías en su diseño web, es probable que desee invertir en este kit. Este viene con una etiqueta de precio de $ 5 pero incluye algunos elementos gráficos muy útiles.
Kit de UI plana de píxeles ($ 9)
Este kit de $ 9 no solo incluye montones de botones y formularios, pero también incluye máscaras para cosas como un reproductor de YouTube y el perfil de Behance. De hecho, veo que este kit se usa mucho para músicos y súper creativos.
Interfaz de usuario de Atom ($ 10)
Este kit de color plano presenta un aspecto muy elegante, pero detallado perfecto para el diseño de fondo y frontal. Y es asequible y vale la pena el dinero gastado.
Tema del cielo nocturno ($ 18)
Este tema fue creado pensando en el usuario final. Es un tema de administradores, pero tiene algunos excelentes elementos de color plano, desde gráficos de barras hasta botones. Tal vez pueda tomar partes de esta plantilla HTML / CSS de $ 18, que también incluye el PSD.
Kit de IU de trazo plano ($ 8)
Cuanto más limpio, mejor es un mantra en el que viven muchos diseñadores. El diseño plano es bastante limpio, pero para hacerlo más limpio, muchos diseñadores están empezando a usar solo contornos para crear sus interfaces. Aquí hay un ejemplo y un kit que puedes comprar por $ 8.
UI cuadrada ($ 39)
Square fue creado originalmente para ayudarnos a los diseñadores a crear sitios web prototipados más rápido de lo habitual. Venga a descubrirlo, es un gran conjunto de elementos de color plano, así como algunos otros elementos necesarios para el diseño web. Por $ 39, obtienes muchas cosas que te ayudarán a diseñar mejor y más rápido.
Kit UI - Diseño plano ($ 8)
Este kit de diseño plano de $ 8 no solo incluye elementos geniales para la web, sino también para el desarrollo de aplicaciones. La calidad y el detalle de este conjunto es sorprendente y agrega un poco de fuerza a nuestro conjunto normal de elementos planos.
Kit de interfaz de usuario plana ($ 6)
Este kit incluye una versión PSD y PNG para nuestros amigos programadores que no tienen demasiado en mente el diseño. Los elementos incluidos en este kit de $ 6 son ideales para aplicaciones web y, tienen botones, controles deslizantes y mucho más.
Kit Ultimate Flat UI ($ 6)
El diseñador de este kit tenía la vista puesta en una cosa: el diseño y el desarrollo de dispositivos móviles. Si está buscando un conjunto de elementos específicamente para teléfonos inteligentes, este es el kit para usted.
Kit de interfaz de usuario plana ($ 4)
Botones, iconos e infografías son una gran parte de este maravilloso kit. La paleta de colores también es genial, pero es fácil de cambiar. Por $ 4, este es un pequeño kit para tener a mano.
Plantilla de administración receptiva de Metro UI ($ 16)
Aquí hay otra plantilla de administradores para aquellos de nosotros que deseamos diseñar para el back-end. Ciertamente, se inspiraron mucho en el estilo de color plano de Windows y crearon una maravillosa plantilla para ser utilizada.
Conclusión
El diseño plano es funcional y se adapta a nuestro otro estilo favorito, el minimalismo. A medida que la web se transforme en un lugar donde debería haber menos pelusa, menos embellecimiento y más de lo que es importante, es difícil ver que el diseño plano se evapore en el corto plazo. Mi sugerencia es obtener uno de estos kits, aprender el estilo e implementarlo lo más rápido posible. El diseño plano no es solo lo "en", sino que es lo más inteligente.
¿Has usado uno de estos kits? ¿Nos hemos perdido su kit de UI? Háganos saber en los comentarios.