25+ kits de interface do usuário para Web Designers
Se você é uma pessoa viva, em movimento, respirando, então as chances são muito altas de que você já ouviu falar da mais nova paixão no mundo do design, design plano. Se você não tiver certeza, aqui está um curso rápido: é de cor lisa. Isso significa que não há gradientes (ou muito sutis) e não estamos mais fazendo com que os botões e outras partes das interfaces do usuário pareçam tridimensionais.
A corrida repentina para este tipo de design faz honestamente o design plano parecer uma moda passageira. Todo mundo está falando sobre isso e todo mundo está fazendo isso. Se isso vai ficar ou se vamos fazer algo novo em 2014 continua a ser visto. Seja qual for o resultado, o design plano está agora. É o último empurrão longe do que Web 2.0 era e em o que o futuro reserva.
Se você não estiver usando o design plano, hoje reunimos uma carga de kits de interface de usuário simples e gratuitos. Vamos em frente e entrar.
Kit de interface do usuário plana por Riki Tanone (grátis)
Aqui está um bom kit PSD grátis de alguns widgets que são populares para usar em web design. Este também tem uma paleta de cores maravilhosa.
Kit de interface do usuário plana (PSD) por Devin Schulz (grátis)
Este é um PSD mais extenso para cores planas que tem uma paleta de cores muito simples. Inclui tudo, desde botões de navegação até estilos de tags.
Eerste UI Kit (grátis)
Eerste foi obviamente feito com a ideia de manter tudo o mais simples possível. Há tantos elementos para escolher neste PSD para ajudar a criar um site maravilhoso.
Kit de interface do usuário do metrô (gratuito)
Este kit Metro me lembra muito do que o Windows está fazendo com suas interfaces de usuário do Windows 8. Se você está procurando algo que seja ousado, experimente este kit PSD.
Kit de Ui por Abhimanyu Rana (grátis)
Aqui está outro kit de interface muito simples que tem algumas peças interessantes. Mais notavelmente, esses botões são realmente bons, e os formulários são muito bem colocados juntos.
Flat Ui Kit por Zachary VanDeHey (grátis)
A maioria dos kits planos é muito dependente de uma grande paleta de cores. Zachary fez algo bastante diferente aqui, com uma paleta de cores muito clara e pastel. Funciona!
Kit de interface do usuário plana grátis por Visualcreative.cz (grátis)
Este kit provavelmente precisará de alguma edição, uma vez que você o tenha incluído no seu projeto, mas existem algumas peças agradáveis para começar, graças a este kit. O media player definitivamente vale a pena conferir.
Kit de interface do usuário (PSD) por Piotr Kwiatkowski (grátis)
Design plano é tudo sobre cores planas, mas de vez em quando, você encontra um kit como este. Embora haja um gradiente muito sutil nessas cores, você não pode negar de onde vêm os princípios básicos desse kit.
Infinito Vertical (grátis)
Este é um mega kit de interface do usuário que você definitivamente vai querer baixar. Tem os vários estados dos seus botões e navegação e tem tantas peças que você provavelmente esqueceria. Este é um ótimo PSD grátis.
Kit de Flat / UI por Sebastiaan Scheer (grátis)
Eu gosto deste kit porque possui uma cor muito popular e torna uma paleta de cores monocromática. A tipografia é deliciosa também.
Kit de interface do usuário plana por Jan Dvorak (grátis)
Este é apenas um kit maravilhoso que tem pequenos pedaços de personagem por toda parte. Eu realmente gosto dos ícones, navegação, media player e gráfico. Material muito útil neste kit.
Conceitos de interface do usuário de Design plano (grátis)
Este também é uma reminiscência da interface do usuário do Windows 8, no entanto, este kit parece um pouco mais consistente na sua paleta. Este é outro kit muito grande que tem muitos elementos, especialmente para um blog de algum tipo.
Kit UI / UX (grátis)
Este kit vem com uma variedade de cores para você escolher. Não é tão previsível quanto a maioria dos kits em seu design e estilo, mas é definitivamente algo para os interessados em fazer algo um pouco diferente.
Kit de interface do usuário plana e ousada de Simon Eramo (grátis)
Eu amo qualquer coisa que lide com basquete, então quando eu vi este, eu sabia que tinha que incluí-lo. Caso contrário, este kit é bonito, simples e oferece muitas variações de botões. Ótimo para sites de notícias e estatísticas.
Kit de UI por Huseyin Yilmaz (grátis)
Este kit de interface do usuário é uma iteração bastante padrão e muito sólida do que amamos no design plano. Você tem uma inscrição, janela de perfil e muito mais para começar a criar sites com.
Splash of Color Premium Kit (grátis)
O pessoal da Ice Flow Studios criou um kit premium GRATUITO que se concentra no minimalismo. Eles abraçaram o espaço em branco e o menor dos detalhes, além de adicionar um toque de cor ousada
Kit de interface do usuário plana por Design Modo (grátis)
Por último mas não menos importante, confira o kit DesignModo.com criado. Há um PSD disponível para a versão PRO também. Obtê-lo agora, se você não tiver já!
Kit de interface do usuário plano de gotas (US $ 5)
Se você estiver trabalhando com gráficos e infográficos no seu design da web, provavelmente vai querer investir neste kit. Este vem com um preço de US $ 5, mas inclui alguns elementos gráficos muito úteis.
Pixels Flat UI Kit (US $ 9)
Esse kit de US $ 9 não inclui apenas toneladas de botões e formulários, mas também inclui capas para itens como um player do YouTube e o perfil do Behance. Na verdade, vejo esse kit sendo usado muito para músicos e super criativos.
Atom UI (US $ 10)
Este kit de cores planas apresenta um visual muito liso, mas detalhado, perfeito para design de back end e front end. E é acessível e vale a pena o dinheiro gasto.
Tema do Céu Noturno ($ 18)
Este tema foi criado com o usuário final em mente. É um tema de administradores, mas tem ótimos elementos de cores planas, desde gráficos de barras até botões. Talvez você possa pegar partes desse modelo HTML / CSS de US $ 18, que também inclui o PSD.
Kit de interface do usuário de traçado simples (US $ 8)
Quanto mais limpo melhor, é um mantra que muitos designers vivem. Design plano é bastante limpo, mas para torná-lo mais limpo, muitos designers estão começando a usar apenas contornos para criar suas interfaces. Aqui está um exemplo e um kit que você pode comprar por US $ 8.
UI quadrada (US $ 39)
A Square foi originalmente criada para nos ajudar a criar sites prototipados mais rapidamente do que o habitual. Venha descobrir, é um ótimo conjunto de elementos de cores planas, bem como alguns outros elementos necessários para web design. Por US $ 39, você obtém muitas coisas que ajudarão você a projetar melhor e mais rápido.
Kit de interface do usuário - Flat Design (US $ 8)
Esse kit de design plano de US $ 8 não inclui apenas elementos excelentes para a Web, mas também para o desenvolvimento de aplicativos. A qualidade e detalhe neste conjunto é impressionante e adiciona um pouco de força ao nosso conjunto normal de elementos planos.
Kit de UI Plana (US $ 6)
Este kit inclui uma versão para PSD e PNG para nossos amigos desenvolvedores que não são muito criativos. Os elementos incluídos neste kit de US $ 6 são ótimos para web e aplicativos, possuem botões, controles deslizantes e muito mais.
Kit Ultimate UI Plana (US $ 6)
O designer para este kit estava de olho em uma coisa: design e desenvolvimento móvel. Se você está procurando um monte de elementos especificamente para smartphones, este é o kit para você.
Kit de interface do usuário plano (US $ 4)
Botões, ícones e infográficos são uma grande parte deste maravilhoso kit. A paleta de cores também é ótima, mas fácil de mudar. Por US $ 4, este é um belo kit para ter em mãos.
Modelo de administração responsivo de interface do usuário do Metro (US $ 16)
Veja outro modelo de administradores para aqueles que desejam projetar para o back-end. Eles reconhecidamente atraíram muita inspiração para os estilos de cores planas do Windows e criaram um modelo maravilhoso para ser usado.
Conclusão
Design plano é funcional e se encaixa em nosso outro estilo favorito, o minimalismo. Como a web transita para um lugar onde deveria haver menos penugem, menos embelezamento e mais do que é importante, é difícil ver o design plano se evaporando tão cedo. Minha sugestão é pegar um desses kits, aprender o estilo e implementá-lo o mais rápido possível. Design plano não é apenas o "em" coisa, mas é a coisa inteligente.
Você já usou um desses kits? Sentimos falta do seu kit de interface do usuário? Deixe-nos saber nos comentários.