Los kits de interfaz de usuario son colecciones de elementos de diseño de interfaz de usuario que, idealmente, ayudan a los diseñadores a crear sus diseños más rápido y con las especificaciones adecuadas de los dispositivos para los que están creando. Durante años, estos kits han sido un gran éxito entre los diseñadores de toda la web. Comprensiblemente!
En mi última publicación, mencioné una forma en que los kits de interfaz de usuario pueden ser útiles (como parte de un proceso rápido de creación de prototipos ), pero incluso si solo los quiere para inspiración o maquetas estáticas, aún pueden ser extremadamente útiles. Es por eso que en la publicación de hoy he reunido una gran colección de algunos de los mejores kits de interfaz de usuario gratuitos de toda la web para que la comunidad los use como les plazca.
Los siguientes kits de interfaz de usuario se recopilaron de varias fuentes de toda la web. Todos son gratuitos para descargar y usar, pero es posible que desee verificar ciertos detalles de licencia por kit que usa solo para asegurarse de que todo lo que tiene en mente esté bien con los creadores.
Si bien la mayoría, si no todos, de estos kits están destinados a ser utilizados dentro de Adobe Photoshop, algunos probablemente se puedan utilizar en un programa de diseño nuevo (más o menos) llamado Sketch que es muy prometedor. Se mencionó mucho mientras investigaba para esta publicación, así que pensé en compartirlo. Sin ataduras, ingresos de afiliados obtenidos, ni nada por el estilo.
Sketch está diseñado solo para diseñadores con énfasis en la interfaz de usuario y la experiencia en todos los dispositivos. Lo que la convierte en una gran herramienta nueva, ¡y estos kits de interfaz de usuario gratuitos son muy útiles!
Para cualquiera que se pregunte cómo aprovechar al máximo los kits de PSD, le recomiendo que vea este video .
Independientemente del programa en el que estés diseñando, otra herramienta que puede ser útil al usar estos kits es Skala Preview . Está destinado a proporcionar rápida y fácilmente vistas previas de diseño en dispositivos móviles y de escritorio de varios tamaños de pantalla.
Bien, con esos pequeños consejos y sugerencias de herramientas fuera del camino, ¡vamos a los kits de interfaz de usuario gratuitos!
Kit de interfaz de usuario de materiales
Este kit, de PSDboom, está destinado a ayudar a los diseñadores a maquetar rápidamente sus diseños siguiendo el Material Design relativamente nuevo de Google. Los elementos de este kit están destinados a poder usarse en un sitio web (como un tema de WordPress) o en una aplicación móvil. Viene como un archivo PSD de Photoshop completamente en capas.
Más información
Tablero del curso
Este kit, de 365PSD, está destinado a ser un modelo para paneles de control de sitios web. Pude ver que esto funcionaba muy bien para cualquiera que quisiera crear un tablero de WordPress personalizado usando la nueva API JSON ( WP API ). Este kit viene como un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario
Este kit de interfaz de usuario, de 365PSD, también tiene un hermoso aspecto de diseño plano/material. Estos elementos podrían usarse para crear maquetas para sitios web vistos en dispositivos de cualquier tamaño (con un poco de ajuste). Este kit viene como un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario plana suave
El kit de interfaz de usuario Soft Flat, de 365PSD, utiliza un diseño plano y colores suaves para crear hermosos elementos que son agradables a la vista. Estos elementos de diseño podrían usarse fácilmente para sitios web en múltiples dispositivos. Este kit viene como un archivo PSD de Photoshop.
Más información
colorista
Coloristic, de 365PSD, es un kit de diseño plano para aplicaciones iOS y Android. Ideal para maquetas o prototipos de sus ideas. Este kit viene como un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario plana
Este Flat UI Kit, de 365PSD, contiene hermosos elementos que podrían estar en casa en una aplicación o en la web. Pude ver muchos de estos elementos trabajados en un tema de WordPress o una aplicación móvil. Este kit viene como un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario del panel de análisis
El kit de interfaz de usuario del panel de análisis, de 365PSD, es una excelente herramienta para simular paneles de análisis personalizados para aplicaciones web o paneles de sitios web. Pude ver que esto sería muy útil para cualquiera que quiera crear un tablero de WordPress personalizado. Este kit viene como un archivo PSD de Photoshop.
Más información
Interfaz gráfica de usuario de iOS 8 (para iPhone 6)
El kit iOS 8 GUI PSD para iPhone 6 de teehan+lax es una belleza. Es una plantilla magnífica para todos los elementos móviles del software iOS 8. Puede usar este kit como una forma de maqueta, diseño o prototipo de sus ideas. ¡Vuélvete loco! (Pero no intente reclamarlo como propio. Consulte la línea de autor de su licencia para obtener todos los detalles).
Más información
Oh no, no otro kit de interfaz de usuario
Oh no, no otro kit de interfaz de usuario de Unity es simple, hermoso, plano y gratuito. Se puede usar para aplicaciones web o móviles y está disponible bajo la licencia MIT. Sus elementos podrían ser útiles para diseñar todo tipo de cosas, desde estilos de artículos, elementos del tablero, widgets de la barra lateral, pantallas de aplicaciones y mucho más. Viene en forma de un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario de eShop
El eShop UI Kit de Creative Crunk es excelente para diseñar sitios web de comercio electrónico. Está diseñado para funcionar bien con bootstrap y viene como un archivo PSD de Photoshop con capas totalmente editables y organizadas, listas para trabajar. Las imágenes en la vista previa no vienen con la descarga, pero puede colocar las suyas para reemplazarlas.
Más información
Kit de interfaz de usuario Eventray
El kit de interfaz de usuario Eventray de dtailstudio es excelente para crear diseños de proyectos web y móviles. Algunos de sus usos previstos son para proyectos que apuntan a anclar contenido, administrar elementos, realizar un seguimiento de los saldos y recopilar estadísticas. Este kit viene en forma de archivo PSD de Photoshop.
Más información
Kit web de interfaz de usuario Retina
El Retina UI Web Kit de Bradley Bussolini está diseñado pensando en pantallas de alta resolución. Estos elementos listos para retina son perfectos para crear maquetas de páginas web para usarlas en sitios creados a mano o como parte de un tema de WordPress. Viene como un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario blanco limpio
El Clean White UI Kit de Tomasz Mazurczak es un hermoso paquete con más de 55 elementos. Se enfoca en una estética de diseño minimalista que funciona para la web y los dispositivos móviles. Este kit viene como un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario mínima plana
El Flat Minimal UI Kit de Jenn Pereira está diseñado con Bootstrap en mente. Usados juntos, puede crear rápida y fácilmente un diseño web limpio y receptivo. Este kit viene como un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario web de Gumballz
El kit de interfaz de usuario web Gumballz de Maxine Heyns viene con más de 70 elementos de diseño. Auto descrito como «limpio», «juguetón» y «peculiar», también es divertido y hermoso. Gumballz se puede usar para maquetar diseños para sitios web hechos a mano, así como para nuevos temas de WordPress . Viene como archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario plana
El Flat UI Kit de Nik Pletikos está diseñado para usarse junto con Bootstrap (como algunos otros en esta lista). Su diseño plano y su estética minimalista pero colorida es una combinación elegante que podría ser un gran diseño web. Viene como un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario de panel personal
El kit de interfaz de usuario del panel personal de Dennis Terrey es un concepto divertido que podría ver como el punto de partida para un tema de WordPress de nicho o tal vez una aplicación de escritorio/móvil. Este kit viene como un archivo PSD de Photoshop.
Más información
interfaz de usuario zen
El kit de interfaz de usuario Zen de Virgil Pana es un kit de interfaz de usuario móvil que se divierte mucho con las transparencias. Se puede descargar como un archivo PSD de Photoshop.
Más información
Kit de interfaz de usuario de héroe
El Hero UI Kit de Влад Камельский es un divertido kit inspirado en los superhéroes. Podrías usar este kit para crear el próximo gran blog de fans o algo completamente distinto. Está disponible como un archivo PSD de Photoshop.
Más información
Gráficos de interfaz de usuario
UI Graphs de Saurabh Jaiswal es un pequeño y encantador kit de UI para, lo adivinaste, gráficos. Este tipo de elementos siempre son excelentes piezas visuales para complementos, tableros o incluso elementos en la página. Puede obtener este kit como un archivo PSD de Photoshop.
Más información
En conclusión
En el proceso de creación de esta publicación, probablemente clasifiqué más de cien kits de interfaz de usuario hasta llegar a este grupo final. Hice lo mejor que pude para apegarme a kits bastante recientes que (con suerte) no se han compartido hasta la muerte. Dicho esto, estoy seguro de que hay muchas cosas que me perdí. Si tiene un kit de interfaz de usuario que cree que pertenece a esta lista o que simplemente le gustaría compartir con la comunidad aquí, tómese un minuto más o menos para compartirlo con nosotros en la sección de comentarios. Además, cuéntenos sobre sus futuros planes de diseño y si alguno de los kits anteriores le será de ayuda.
Miniatura del artículo a través de WinMaster // shutterstock.com