Kits de GUI de Sketch gratuitos para diseño web y móvil: lo mejor de

Muchos diseñadores están saltando rápidamente de Adobe Photoshop al maravilloso reino de Sketch. Este programa de diseño digital para OS X proporciona mejores herramientas para el diseño de la interfaz de usuario, el diseño de iconos y ofrece soporte vectorial de píxeles en un solo programa. Esto ha llevado a un aumento en la popularidad de los obsequios lanzados por los diseñadores de Sketch .

Cualquiera que esté familiarizado con el mercado de regalos sabe que los kits de interfaz de usuario son algunos de los recursos más populares para el trabajo de diseño de interfaz. He compilado esta selección de kits Sketch UI gratuitos para sitios web y aplicaciones móviles. Todos los kits se pueden descargar gratis y deben funcionar con cualquier versión de Sketch. Siéntase libre de tomar cualquier cosa que llame la atención y ver si puede utilizar estos kits de interfaz para un buen uso.

Kits de interfaz de usuario web

Los sitios web siguen siendo el alma del diseño de la interfaz de usuario, y las maquetas son a menudo un requisito antes de la codificación. Estos kits de interfaz de usuario le proporcionarán los recursos que necesita para crear interfaces digitales de belleza y propósito que pueden codificarse rápidamente en diseños de sitios web reales.

Kit Dark UI

Este kit UI gris oscuro / azul puramente está diseñado específicamente para Sketch 3+ e incluye elementos comunes como botones, controles deslizantes, menús desplegables e interruptores. Cada elemento también presenta un estado de encendido / apagado para que pueda crear elementos de interfaz con estados interactivos personalizados.

Kit UI oscuro y ligero Aquí hay un kit único que se adapta a un público más amplio con un estilo de fondo oscuro y claro. Este kit se enfoca más en los widgets de la página que en los elementos simples, por lo que encontrarás muchos más elementos oscuros, como barras de carga y reproductores de medios .

Kit UI de verano

Este kit de interfaz de usuario de verano está lleno de botones, formularios, menús desplegables y otros elementos de página muy comunes para mejorar las maquetas digitales. Además, es un documento de Sketch completamente en capas, por lo que no tendrá problemas para realizar modificaciones en el contenido según sea necesario.

Kit Pearl UI

El kit Pearl UI sigue un diseño plano muy simple con elementos de página básicos. Botones, campos de entrada, acordeones y pestañas son solo algunas de las opciones a su disposición. Si eres nuevo en el boceto, este kit puede ser útil para ayudarte a deconstruir cómo diseñar tu propio kit.

Diseños de página de aterrizaje

Este obsequio bastante oscuro funciona mejor durante la etapa de wireframing . Estos diseños no se representan por completo en Sketch, sino que ofrecen diseños de baja fidelidad con elementos de bloque estáticos. Los colores, las formas y el posicionamiento de estos diseños deberían ayudar a cada diseñador de UI a comprender mejor el proceso de wireframing .

Conjunto de UI de aplicación web

Un kit de interfaz de usuario muy simple basado en el tema de los vehículos a motor Tesla, este regalo de promoción es mucho más detallado que el resto. Usted tiene acceso a botones simples pero también tiene elementos de interfaz más complejos como una lista de tablas detallada y un widget de calendario .

Kit de interfaz de usuario flexible

Este es, sin duda, uno de los kits de UI más completos que encontrará en Sketch. La página de demostración en vivo cuenta con más de 25 tipos diferentes de elementos, desde controles deslizantes de imágenes hasta formularios de pago y comentarios de los usuarios . Definitivamente uno de los kits gratuitos de Sketch más interesantes y útiles que encontrarás en la web.

Bootsketch UI

Los diseñadores de UI a menudo se quedan fuera del circuito cuando se trata de marcos de frontend, por lo que este regalo de promoción es un lujo. Este kit de Bootsketch tiene elementos vectoriales para cada elemento de Bootstrap en existencia. Esto hace que sea muy fácil crear maquetas con Bootstrap en Sketch sin siquiera tocar el navegador.

Tiny Flat UI Kit

Este kit de UI ordenado se aleja del diseño plano para abarcar la estética de los degradados y la profundidad en los elementos de la página. Es un kit divertido para usar en cualquier proyecto y demuestra que todo lo que puede hacer en Photoshop es igualmente posible en Sketch.

Más

Si busca más alternativas, eche un vistazo a esta pequeña lista de kits de interfaz de usuario web a continuación.

• Kit de UI de mármol
• Kit de interfaz de usuario de Elements Library
• Kit de interfaz de usuario fresca
• Dink UI Kit (Muestra)
• Kit UI para web y móvil

Kits de UI móviles

El amor por las aplicaciones móviles nativas ha seguido aumentando a medida que más personas se trasladan a la economía móvil. Aunque las descargas de aplicaciones están disminuyendo, aún existe la necesidad de interfaces de calidad para que las aplicaciones nativas complementen las aplicaciones de escritorio. Estos kits gratuitos de Sketch UI te ayudarán a diseñar aplicaciones móviles de calidad para todos los dispositivos y mantenerte al día con las diferencias entre las resoluciones y las pantallas retina.

Kit de interfaz de usuario iOS 9.3

El impulso continuo de Apple hacia una mayor innovación genera un nuevo sistema operativo móvil casi todos los años. La tendencia actual es iOS 9 y este kit UI incluye todo lo que necesita para las aplicaciones nativas de iOS.

Kit de estructura metálica Salesforce1

Salesforce1 es una aplicación de tablero popular para la gestión de clientes y clientes. Este kit de interfaz de usuario de Salesforce1 ofrece todos los elementos comunes de su aplicación de iPhone para retocar y reutilizar su diseño estético.

Plantilla de UX móvil

¿Actualmente estás creando un prototipo de UX móvil para una aplicación de iPhone o Android? Entonces, este obsequio de Sketch seguramente te ayudará a completar esa estructura con facilidad. Es una forma gratuita de iniciar su fase de wireframing / prototyping en una pantalla digital.

Kit de interfaz de usuario de aplicación social de iOS

Desde Snapchat hasta Pinterest, docenas de redes sociales se han disparado en popularidad en los últimos años. Este kit de IU social podría ayudar a lanzar la próxima aplicación social importante y escalar rápidamente a una amplia audiencia de usuarios de iPhone.

Kit de bastidor de luna

Este kit de bastidor de ala Moon es una gran mezcla de interfaces renderizadas con una inclinación hacia el wireframing . El kit incluye 50 pantallas de aplicaciones móviles únicas que se pueden ajustar y reorganizar para cualquier proyecto. Puede usar el kit Moon UI para wireframing básico o maquetas completas de UI.

Kit de interfaz de usuario de la aplicación de viaje

Aquí hay un kit de UI oscuro pero hermoso basado en una aplicación de viaje para usuarios de Sketch 3+. Está hecho para cualquier persona que quiera juguetear con un concepto de aplicación móvil de vuelo o viaje.

Kit de interfaz de usuario de Instagram

Las aplicaciones para compartir fotos están saturando el mercado y algunas aplicaciones incluso incluyen funciones para compartir fotos complementarias al objetivo principal de la aplicación. Así que es genial tener este kit gratuito de UI de Instagram disponible para que los diseñadores de Sketch puedan replicar la funcionalidad de la foto en sus propios diseños. Es un paquete de concepto de interfaz de usuario de la aplicación de fotos iOS básico.

Más

Hay demasiados kits de GUI para escribir en esta publicación, pero tampoco puedo dejar ninguno bueno. Por lo tanto, si necesita aún más recursos de UI de Sketch móvil, eche un vistazo a estas alternativas.

• Kit de UI de Rutas
• iOS 7 UI Kit Light
• Uber iOS Wireframe Kit
• Kit de interfaz de usuario de Photo Splash iOS
• Kit de UI Phoenix - Vol 1