Mais um artigo do Mashableย que vale a pena traduzir para compartilhar com nossos leitores do Vitamina sobre Flat Design.

Em contraste com a concepรงรฃo do skeumorfismo, design plano, ou flat design centra-se em formas simples, cores e tipografia para enfatizar a clareza e a facilidade de uso. Era um termo cunhado por Allan Grinshtein da LayerVault em seu post “A Era do Flat Design“, publicado no ano passado. O lanรงamento do iOS 7 provou que o flat design nรฃo รฉ mais uma moda passageira, mas com certeza, um passo a frente.

LEIA TAMBร‰M:ย 53 coleรงรตes de รญcones para Flat Design

O achatamento de estilo significa simplificar os elementos da interface, remoรงรฃo de elementos estranhos e decoraรงรฃo – como relevos, gradientes e texturas – para criar um design fresco (no bom sentido), limpo, e concentrado na hierarquia dos elementos do layout.

Para ajudar vocรช a comeรงar com o flat design, o Mashable compilou 36 Kits de UI em .PSDs de alta qualidade, cada um com uma variedade de componentes de interface e elementos para a utilizaรงรฃo em seus projetos.
Hรก qualquer outro kit de UI de flat design que vocรช recomendaria? Se sim, por favor, compartilhe o link nos comentรกrios abaixo, com os nossos leitores.

 

1.ย Flat UI Pro

flat

Flat UI Pro รฉ baseada no Twitter Bootstrap e desenhada em um estilo simples, contendo um grande nรบmero de componentes bรกsicos, รญcones e sรญmbolos. O kit inclui tambรฉm uma versรฃo em PSD.

 

2.ย Flat UI Free

flat-free

Flat UI Free รฉ um recurso livre da Designmodo, e contรฉm os principais elementos bรกsicos de uma interface web para utilizaรงรฃo.

 

3.ย Flat Design Toolkit

flat-3

Um kit projetado pelo Freepik, contรฉm todos os componentes essenciais de interface de usuรกrio, fornecendo grรกficos e perfis de usuรกrio.

 

4.ย Blog/Magazine Flat UI Kit

Este kit IU visaย blogs e revistas, eย inclui uma grande variedade de componentes que podem ser usados โ€‹โ€‹para criar Websites limpos e coloridos.

 

5.ย Vertical Infinity UI Kit

A Vertical Infinity UI Kit contรฉm uma grande variedade de componentes, comoย menus, dropdowns, widgets, botรตes e players de mรญdia para formas e paginaรงรฃo. Ele tambรฉm รฉ otimizado para telas retina.

 

6.ย Flat UI Kit – Riki Tanone

Este รฉ um kit flat em PSD desenhado por Riki Tanone, com um widget de calendรกrio, mapas, etiquetas e muito mais.

 

7.ย Flat UI PSD – Devin Schulz

Este Kit UI de Devin Schulz possui um conjunto criativo de componentes, incluindo navegaรงรฃo, caixas de entrada e botรตes.

 

8.ย Metro Vibes UI Kit

Vibes Metro รฉ um premiado Kit de UI desenhado e disponรญvel no PixelKit, que presta atenรงรฃo aos mรญnimos detalhes e ร s caracterรญsticas das belas cores.

 

9.ย Flat UI PSD – Riki Tanone

Este kit รฉ uma outra oferta gratuita de Riki Tanone, com mais componentes de interface de usuรกrio, incluindo um player de mรญdia e perfis de usuรกrio.

 

10.ย Featherweight Flat UI Kit

Um kit de UI abrangente de Sarah Justine, onde cada elemento รฉ em vetor, otimizado para retina e distribuรญdo atravรฉs de camadas. Os texto e as cores sรฃo facilmente editรกveis, com projetos que sรฃo completamente livres para uso pessoal ou comercial.

 

11.ย Flat Web UI Kit

Este รฉ um pacote GUI que inclui o projeto de elementos de formulรกrio, controles, widgets, formas e loaders.

 

12.ย Flat UI Kit – Sebastiaan Scheer

Este รฉ um Kit UI de inspiraรงรฃo que รฉ gratuito para download como um PSD, e vem com widgets de tempo, um media player e elementos de navegaรงรฃo.

 

13.ย Flat UI Kit – Hรผseyin Yilmaz

Inspirado Kit deย UI de Hรผseyin Yilmaz, este kit tem os principais componentes de interface do usuรกrio, incluindo perfis, players e formas de mรญdia.

 

14.ย Square UI

O Square UI รฉ um dos meus preferidos. ร‰ um pacote de interface de usuรกrio premium incluindo um conjunto de componentes excelentes, ideal para prototipagem rรกpida. Hรก tambรฉm uma versรฃo gratuita disponรญvel para download que รฉ excelente. Use!

 

15.ย Flat UI Kit – Jamie Syke

Um Kit UI colorido de Jamie Syke, vem com uma interessante mistura de componentes e imagens e estรก disponรญvel como um PSD livre.

 

16.ย Flat Beach GUI

Uma UI pastel temรกtica de Mike Clarke, estรก disponรญvel como um PSD gratuito e inclui botรตes, widgets e componentes de mรญdia.

 

17.ย Flat UI Kit – Zachary VanDeHey

A UI Kit de verรฃo inspirada de Zachary Vandehey, disponรญvel como um arquivo gratuito em Adobe Illustrator, que apresenta widgets, botรตes, perfis, รญcones e um media player.

 

18.ย Design Shock Flat GUI

GUI em flat design disponรญvel em versรฃo premium ou gratuita, com um enorme nรบmero de componentes e elementos.

 

19.ย UI Pixels Flat UI Widget

Este รฉ um kit UI flat sensรญvel que usa apenas duas cores, por isso รฉ extremamente fรกcil de editar e vem cheio de widgets e componentes de interface. Estรก disponรญvel como um PSD livre.

 

20.ย Tempees Flat UI Kit

Tempees oferece um kit flat de UI para suas aplicaรงรตes ou sites, que inclui vรกrios estilos de botรตes, รญcones de menus, blocos de perfil e widgets. Estรก disponรญvel como um download gratuito em .PSD.

 

21.ย Eerste Flat UI Kit

Criado pela Design Your Way, Eerste inclui vรกrios elementos grรกficos, incluindo menus, perfis de redes sociais, formulรกrios de comentรกrios, tabelas de preรงos, players de vรญdeo, calendรกrios e muito mais.

 

22.ย Metro UI Kit

A Metro UI Kit รฉ outra UI excelente, inspirada peloย Microsoft Windows queย apresenta estatรญsticas, grรกficos, calendรกrio, menus e estilos de pesquisa.

 

23.ย Flat UI Kit – Abhimanyu Rana

Um kit UI maravilhosamente concebido a partir de Abhimanyu Rana presta muita atenรงรฃo aos detalhes e cores, com widgets, players de mรญdia e perfis de usuรกrio.

 

24.ย Flat UI – Andy Law

Esta impressionante UI em .PSD estรก disponรญvel para download gratuito. Possui um sistema flat de cor, estilo, media player, Widgets e muito mais.

 

25.ย UI Kit PSD – Piotr Kwiatkowski

A UI Kit lindamente projetada de Piotr Kwiatkowski estรก disponรญvel como um PSD grรกtis e tem widgets, grรกficos, galerias de arte, mapas e um carrinho de checkout.

 

26.ย Simple & Bold UI Kit

Elementos de interface do usuรกrio em um kit PSD livre, com estados de botรฃo, feeds de notรญcias, media players, menus de lista, painรฉis, widgets de calendรกrio e muito mais.

 

27.ย Flat UI/UX Kit – Asim Craft

Um Kit UI flat de Vectornpixel, que contรฉm campos de formulรกrio, botรตes de navegaรงรฃo, fotos e muito mais. Ele estรก disponรญvel como um download gratuito em .PSD.

 

28.ย Flat UI Kit PSD – Andreea Nicolaescu

Este kit de elementos de interface do usuรกrio de Andreea Nicolaescu tem menus, players de mรญdia, botรตes, forms, calendรกrios e listas suspensas, disponรญvel como um download gratuito em .PSD.

 

29.ย E-Commerce Flat UI Kit

Estรก disponรญvel como um download gratuito em .PSD e contรฉm vรกrios elementos de interface do usuรกrio para uso em projetos de comรฉrcio eletrรดnico, os quais sรฃo facilmente editรกveis.

 

30.ย Flat UI Elements – Andrew Beckwith

Elementos de interface do usuรกrio em alta qualidade com widgets e componentes maravilhosamente concebidos com grande atenรงรฃo ร  tipografia.

 

31.ย Polaris UI Kit

Polaris UI Kit รฉ um belo conjunto de componentes de interface do usuรกrio, que inclui caixas de ediรงรฃo, botรตes de navegaรงรฃo e widgets para uso em seus projetos de design.

 

32.ย Free Flat UI Kit – Visual Creative

Este รฉ um kit UI livre da Creative Visual que possui um player de mรญdia, botรตes, um relรณgio, formulรกrios de login e perfis de usuรกrio. Disponรญvel como um download em .PSD.

 

33.ย Flat UI Kit PSD – Pro Web Design

Disponรญvel gratuitamente e inclui navegaรงรฃo, painรฉis de usuรกrios, grรกficos de รกrea, grรกficos de barras, grรกficos de segmento circular, elementos de entrada, sliders, interruptores, botรตes e รกreas de widget.

 

34.ย Dark UI Kit – Hรผseyin Yilmaz

Outro kit UI de alta qualidade de Hรผseyin Yilmaz, caracteriza um projeto escuro, e inclui botรตes de mรญdia social, widgets, formulรกrios de contato e navegaรงรฃo.

 

35.ย Super Clean Flat UI Kit

Limpo, bem organizado Kit UI de WeCreate, disponรญvel como um download gratuito em .PSD. ร‰ facilmente editรกvel, contendo vรกrios dos principais componentes de interface.

 

36.ย Flat UI PSD – Alexandre Crenn

Simples e bem organizado kit de Alexandre Crenn, que tambรฉm apresenta um wireframe de iPhone flat.

 

Espero que tenha gostado! Outra matรฉria que complementa esta รฉ aย 53 coleรงรตes de รญcones para Flat Design.


Daniel Z. Chohfi

Daniel Zollinger Chohfi รฉ empresรกrio, publicitรกrio, e ajuda empreendedores a construรญrem seus negรณcios com aย internet.

Hรกย mais de 15 anos no mercado, jรก foi dono de agรชncias de marketing digital no Brasil, morou nos EUA, e รฉ editor-chefe do Vitamina Publicitรกria, eleito como um dos melhores blogs de marketing pela Hubspot. Recentemente foi destaque na Copyblogger, considerada a bรญblia do marketing de conteรบdo pela VentureBeat.

Author posts