25 + platt UI-kits för webbdesigners
Om du är en levande, rörlig, andas person, så är chansen mycket hög att du har hört talas om den nyaste förälskelsen i designvärlden, platt design. Om du är osäker, här är en snabb kollisionskurs: den är plattfärgad. Det betyder att det inte finns några (eller mycket subtila) gradienter och vi gör inte längre knappar och andra delar av användargränssnitt ser tredimensionella ut.
Den plötsliga rushen till denna typ av design gör honligt att platt design känns som en kram. Alla pratar om det och alla gör det. Huruvida detta kommer att hålla sig kvar eller om vi kommer att göra något nytt år 2014, återstår att se. Oavsett resultatet, är platt design i just nu. Det är den sista push away från vad Web 2.0 var och in i vad framtiden håller.
Om du inte använder platt design, har vi idag samlat en båtladdning av gratis och premiuma platta användargränssnitt. Låt oss gå direkt och hoppa in.
Flat UI Kit av Riki Tanone (gratis)
Här är ett bra gratis PSD-paket av några widgets som är populära att använda i webbdesign. Den här har också en underbar färgpalett.
Flat UI Kit (PSD) av Devin Schulz (gratis)
Detta är en mer omfattande PSD för plana färger som har en mycket enkel färgpalett. Den innehåller allt från navigeringsknappar till taggstilar.
Eerste UI Kit (gratis)
Eerste var självklart gjord med tanken på att hålla allt så enkelt som möjligt. Det finns så många element att välja mellan i denna PSD för att hjälpa till att skapa en underbar webbplats.
Metro UI-kit (gratis)
Det här Metro-paketet påminner mig mycket om vad Windows gör med sina Windows 8-gränssnitt. Om du letar efter något som är djärvt, prova det här PSD-paketet.
Ui Kit av Abhimanyu Rana (gratis)
Här är en annan ganska enkel UI-kit som har några intressanta bitar. Mest speciellt är dessa knappar riktigt fina, och formulären är mycket väl sammanställda.
Flat Ui Kit av Zachary VanDeHey (gratis)
De flesta platt kit är mycket beroende av en bra färgpalett. Zachary gjorde något ganska annorlunda här genom att gå med en mycket ljus pastellfärgspalett. Det fungerar!
GRATIS platt UI-kit av Visualcreative.cz (gratis)
Denna uppsättning kommer troligen att behöva en del redigering när du har tagit det in i ditt projekt, men det finns några fina bitar att börja med tack vare det här paketet. Mediaspelaren är definitivt värt att kolla in.
UI Kit (PSD) av Piotr Kwiatkowski (gratis)
Plattdesign handlar om platt färg, men så ofta hittar du ett kit som detta. Medan det finns en mycket subtil gradient på dessa färger, kan du inte neka var de grundläggande principerna för detta kit kommer ifrån.
Vertikal oändlighet (fri)
Detta är en platt UI mega kit som du definitivt vill ladda ner. Den har de olika tillstånden för dina knappar och navigering och det har bara så många bitar som du förmodligen skulle glömma. Detta är en bra fri PSD.
Flat / UI Kit av Sebastiaan Scheer (gratis)
Jag gillar det här paketet eftersom det har en mycket populär färg och gör den till en monokromatisk färgpalett. Typografi är också härlig.
Flat UI Kit av Jan Dvorak (gratis)
Detta är bara ett underbart kit som har lite bitar av tecken överallt. Jag gillar verkligen ikonerna, navigering, mediaspelare och grafen. Mycket användbara grejer i detta kit.
UI-koncept för plattdesign (gratis)
Den här påminner också om Windows 8: s användargränssnitt, men det verkar som om det här paketet slår samman konsistens i paletten lite mer. Detta är ett annat stort stort kit som har massor av element, speciellt för en blogg av något slag.
UI / UX Kit (gratis)
Denna sats kommer med en mängd olika färger för dig att välja mellan. Det är inte så förutsägbart som de flesta kit i sin design och stilistik, men det är definitivt något för dem som är intresserade av att göra något lite annorlunda.
Flat Bold UI Kit av Simon Eramo (gratis)
Jag älskar något som handlar om basket, så när jag såg den visste jag att jag var tvungen att inkludera den. Annars är det här läget vackert, enkelt och erbjuder många olika knappar. Bra för nyheter och statistik webbplatser.
UI Kit av Huseyin Yilmaz (gratis)
Denna UI-kit är en ganska standard och väldigt solid iteration av vad vi älskar om platt design. Du har ett registreringsprofil, profilfönster och mycket mer för att börja utforma webbplatser med.
Splash of Color Premium Kit (gratis)
Folk över på Ice Flow Studios skapade ett GRATIS premium kit som fokuserar på minimalism. De omfamnade vitt utrymme och det minsta av detaljerna samtidigt som de tillsatte ett stänk av djärv färg
Flat UI Kit av Design Modo (gratis)
Sist men inte minst, kolla in KitModo.com skapat. Det finns också en PSD tillgänglig för PRO-versionen. Hämta nu om du inte redan har!
Drops Flat UI Kit ($ 5)
Om du ska arbeta med diagram och infographics i din webbdesign, kommer du noga att investera i den här uppsättningen. Den här kommer med en pris på $ 5 men innehåller några mycket användbara grafelement.
Pixlar Flat UI Kit ($ 9)
Det här paketet innehåller inte bara knappar och blanketter, men även skinn för saker som en YouTube-spelare och Behance-profil. Jag ser faktiskt att detta kit används kraftigt för musiker och superannonser.
Atom UI ($ 10)
Denna platta färgkit har en mycket slick, men ändå detaljerad look som passar perfekt för bakre änden och frontändesignen. Och det är överkomligt och väl värt pengarna.
Night Sky Theme ($ 18)
Det här temat skapades med slutanvändaren i åtanke. Det är ett administratörstema, men har några bra platta färgelement från stapeldiagram till knappar. Kanske kan du ta bitar av denna $ 18 HTML / CSS mall, som också innehåller PSD.
Flat Stroke UI Kit ($ 8)
Renare desto bättre är en mantra som många designers bor i. Plattformen är ganska ren, men för att göra den renare, börjar många designers bara använda konturer för att skapa gränssnitt. Här är ett exempel och ett kit som du kan köpa för $ 8.
Square UI ($ 39)
Square skapades ursprungligen för att hjälpa oss designers skapa prototyper webbplatser snabbare än vanligt. Kom och ta reda på, det är en ganska bra uppsättning av platta färgelement och några andra nödvändiga element för webbdesign. För $ 39 får du många saker som hjälper dig att designa bättre och snabbare.
UI Kit - Flat Design ($ 8)
Denna $ 8 platt design kit innehåller inte bara element som är bra för webben, men också för apputveckling också. Kvaliteten och detaljerna i denna uppsättning är fantastiska och lägger lite slag till vår vanliga uppsättning plana element.
Flat UI Kit ($ 6)
Denna kit innehåller en PSD- och PNG-version för våra utvecklingsvänner som inte är för design-minded. De element som ingår i det här paketet $ 6 är bra för webb och apps, har knappar, skjutreglage och mycket mer.
Ultimate Flat UI Kit ($ 6)
Designern för detta kit hade sitt öga på en sak: mobil design och utveckling. Om du letar efter en massa element specifikt för smartphones, så är det här för dig.
Flat UI Kit ($ 4)
Knappar, ikoner och infographics är en stor del av detta underbara kit. Färgpaletten är också bra men lätt att ändra. För $ 4 är det här ett trevligt litet kit att ha till hands.
Metro UI Responsive Admin Mall ($ 16)
Här är en annan administratörsmall för de av oss som vill designa för backend. De tillkännagav visserligen massor av inspiration för de flacka färgerna i Windows och skapade en underbar mall som skulle användas.
Slutsats
Plattformen är funktionell och passar in i vår andra favoritstil, minimalism. Eftersom banan övergår till en plats där det ska finnas mindre fluff, mindre förskönelse och mer av det som är viktigt, är det svårt att se plattformen fördunsta helst snart. Mitt förslag är att få ett av dessa kit, lära sig stilen och implementera det så snabbt som möjligt. Plattform är inte bara "in" sak, men det är smart.
Har du använt ett av dessa kit? Har vi missat ditt go-to UI-kit? Låt oss veta i kommentarerna.