Pagina inicial » UI / UX » Kits gratuitos de GUI Sketch para Web e Mobile Design - O melhor de

    Kits gratuitos de GUI Sketch para Web e Mobile Design - O melhor de

    Muitos designers estão rapidamente migrando do Adobe Photoshop para o maravilhoso reino do Sketch. Este programa de design digital para o OS X fornece melhores ferramentas para design de interface do usuário, design de ícone, e oferece suporte a pixel + vector em um programa. Isso levou a um aumento na popularidade para brindes liberados por designers de Sketch.

    Qualquer pessoa familiarizada com o mercado freebie sabe que os kits de interface do usuário são alguns dos recursos mais populares para o trabalho de design de interface. Eu compilei esta seleção de kits gratuitos de Sketch UI para sites e aplicativos móveis. Cada kit é gratuito para download e deve funcionar com qualquer versão do Sketch. Sinta-se livre para pegar qualquer coisa que chame a atenção e veja se você pode colocar esses kits de interface em bom uso.

    Web UI Kits

    Os sites ainda são a alma do design da interface do usuário, e os modelos são frequentemente um requisito antes da codificação. Esses kits de IU fornecerão os recursos necessários para criar interfaces digitais de beleza e finalidade que possam ser rapidamente codificadas em layouts de sites reais.

    Kit de interface do usuário escuro

    Este kit de UI cinza / azul puramente escuro foi feito especificamente para Esboço 3+ e inclui elementos comuns como botões, sliders, dropdowns e interruptores. Cada elemento também possui um estado on / off para que você possa criar elementos de interface com estados interativos personalizados.

    Kit de UI escuro e claro

    Aqui está um kit exclusivo que atende a um público mais amplo com um estilo de fundo escuro e claro. Este kit foca mais em widgets de página ao invés de elementos simples, então você encontrará muitos itens mais obscuros como barras de carregamento e media players.

    Kit de interface do usuário de verão

    Este kit de UI de verão está cheio de botões, formulários, dropdowns, e outros elementos de página muito comuns para melhorar os modelos digitais. Além disso, é um documento Sketch totalmente em camadas, para que você não tenha problemas para fazer alterações no conteúdo conforme necessário.

    Kit de interface do usuário

    O kit de pérola UI segue um design plano muito simples, com elementos básicos de página. Botões, campos de entrada, acordeões e guias são apenas algumas das opções à sua disposição. Se você for novato para desenhar, esse kit pode ser útil para ajudar você a desconstruir como criar seu próprio kit.

    Layouts de página de destino

    Este freebie bastante obscuro funciona melhor durante o estágio de wireframing. Esses layouts não são totalmente renderizados no Sketch, oferecendo layouts de baixa fidelidade com elementos de blocos estáticos. As cores, formas e posicionamento desses layouts devem Ajude cada projetista de UI a entender melhor o processo de wireframing.

    Conjunto de UI da Web App

    Um kit de interface de usuário muito simples baseado em tema de Tesla veículos a motor, este brinde é muito mais detalhado do que o resto. Você tem acesso a botões simples mas também tem itens de interface mais complexos como um lista de tabelas detalhadas e um widget de calendário.

    Kit de interface do usuário flexível

    Este é sem dúvida um dos kits de UI mais completos que você encontrará para o Sketch. A página de demonstração ao vivo conta Mais de 25 tipos diferentes de elementos de controles deslizantes de imagem para formulários de checkout e comentários de usuários. Definitivamente, um dos melhores e mais úteis kits de freebie Sketch que você encontrará na web.

    IU do Bootsketch

    Designers de interface do usuário são muitas vezes deixados de fora do loop quando se trata de frameworks frontend, razão pela qual este brinde é um deleite. Este kit do Bootsketch tem elementos vetoriais para todos os elementos do Bootstrap existentes. Isso facilita muito a criação de modelos com tema Bootstrap no Sketch sem tocar no navegador.

    Kit de interface do usuário plano

    Este kit de UI limpo se afasta do design plano para abraçar a estética de gradientes e profundidade nos elementos da página. É um kit divertido para usar em qualquer projeto e demonstra que qualquer coisa que você pode fazer no Photoshop é igualmente possível no Sketch.

    Mais

    Se você está procurando mais alternativas, dê uma olhada nesta pequena lista de kits de interface do usuário abaixo.

    • Kit de UI de mármore
    • Kit de interface do usuário da biblioteca de elementos
    • Kit de interface do usuário fresco
    • Kit de interface do usuário Dink (amostra)
    • Kit de interface do usuário para Web e dispositivos móveis

    Kits de interface do usuário para celular

    O amor pelos aplicativos móveis nativos continua aumentando à medida que mais pessoas entram na economia móvel. Embora os downloads de aplicativos estejam diminuindo, ainda há a necessidade de interfaces de qualidade para aplicativos nativos que complementem os aplicativos de desktop. Esses kits gratuitos de Sketch UI ajudarão você a criar aplicativos móveis de qualidade para todos os dispositivos, ao mesmo tempo em que mantém as diferenças entre as resoluções e as telas de retina.

    iOS 9.3 UI Kit

    O contínuo impulso da Apple em direção a uma maior inovação gera um novo sistema operacional móvel quase todos os anos. A tendência atual é iOS 9 e este kit de interface do usuário apresenta tudo o que você precisa para aplicativos iOS nativos.

    Kit de Wireframe Salesforce1

    O Salesforce1 é um aplicativo de painel popular para gerenciamento de clientes e clientes. Este kit de interface de usuário do Salesforce1 oferece todos os elementos comuns do aplicativo do iPhone para criar e reutilizar sua estética de design.

    Modelo de UX Móvel

    Você está atualmente criando um UX móvel para um aplicativo para iPhone ou Android? Então este brinde Sketch certamente irá ajudá-lo a completar esse wireframe com facilidade. É um caminho livre para kickstart sua fase de wireframing / prototipagem em uma tela digital.

    Kit de interface do usuário do iOS para aplicativo social

    Do Snapchat ao Pinterest, dezenas de redes sociais aumentaram sua popularidade nos últimos anos. Este kit de interface social pode ajudar lançar o próximo aplicativo social importante e escala rapidamente para uma ampla audiência de usuários do iPhone.

    Kit de Wireframe da Lua

    Este kit de wireframes da Lua é uma ótima mistura de interfaces renderizadas com uma inclinação para wireframing. O kit inclui 50 telas exclusivas para aplicativos móveis que podem ser ajustadas e reorganizadas para qualquer projeto. Você pode usar o kit Moon UI para wireframing básico ou para modelos completos de UI.

    Kit de interface do usuário de aplicativo de viagem

    Aqui está um kit de interface do usuário escuro, mas bonito, baseado em um aplicativo de viagem para usuários do Sketch 3+. Ele é feito para qualquer um que queira brincar com um conceito de aplicativo móvel de viagem aérea ou de viagem.

    Kit de UI do Instagram

    Aplicativos móveis de compartilhamento de fotos estão saturando o mercado e alguns aplicativos até incluem recursos de compartilhamento de fotos complementares ao objetivo principal do aplicativo. Por isso, é ótimo ter esse kit gratuito de UI do Instagram disponível para designers de Sketch replicarem a funcionalidade de foto em seus próprios designs. É um pacote básico de conceito de interface do usuário para iOS.

    Mais

    Há muitos kits de GUI para escrever neste post, mas não posso deixar nenhum bom para trás. Então, se você precisar de mais recursos móveis de Sketch UI, dê uma olhada nessas alternativas.

    • Kit de interface do usuário de rotas
    • Kit para iOS UI 7 Light
    • Kit de Wireframe Uber para iOS
    • Kit de interface do usuário do Photo Splash para iOS
    • Kit de UI do Phoenix - Vol 1