Massor av nya freebies och öppen källkoder läggs online varje dag. Web- och mobildesigners kan lära sig mycket genom att studera nyare gränssnittstrender och designlayouter. Creative VIP är en sådan webbplats som publicerar freebies och premium-innehåll. Detta är en utmärkt resurs för designers som vill gräva lite djupare i att konstruera användbara layouter för webben.
I den här sammanfattningen har jag lagt samman 30 av de senaste freebiesna från Creative VIP. Du hittar både PSD och HTML / CSS-koder inblandade i varandra. Vissa resurser erbjuder faktiskt både grafik och kod tillsammans! Men oavsett vilka saker du letar efter, den här utställningen är bunden att ha något coolt.
Google Maps Markers (PSD)
Dessa varierade Google Map Makers är en fantastisk uppsättning resurser att ha i din designsamling. De representerar olika saker - en restaurang, telefon, gas, flygplats, järnvägsstation och mekaniker. Det är enkelt att implementera dessa i en inbäddad Google Map!
Anpassad bildspel (PSD + CSS)
Detta anpassade bildspel tillhandahålls både som en PSD, eller helt kodad i CSS och HTML. Det är inslaget i en härligt enkel design med subtila skuggor, gränser och texturer. Det är enkelt att göra några tweaks för att lägga till egna bilder, bildtexter och information. Njut av!
Info Widget (PSD)
Detta är en snygg liten informations widget för ett blogginlägg, som innehåller titeln, författarinformation, kommentarer och liknande. Presenteras som en välorganiserad PSD-fil för att integrera i dina egna mönster!
Sticky Note Paper (PSD)
En? Sticky anteckningsbok? - En bit papper med fodrad papper, en nedladdningsknapp, och lite klibbigt band som sveper allt ihop! Riktigt enkelt, men en användbar utgångspunkt för ditt eget gränssnitt för notebook-stil.
Windows 8 Metro Buttons (CSS)
Ett urval av Metro stil, Windows 8 knappar och ikoner. Alla kodade med HTML och CSS, så de är otroligt lätta att släppa in i din egen design, anpassa färger och så vidare. Lägg till en liten förenklad tunnelbanestil till ditt nästa gränssnitt!
Notifieringscenter UI (PSD + CSS)
En mångsidig PSD av ett gränssnitt för meddelandeformat. Den innehåller en rullgardinslista med senaste meddelanden / meddelanden, ett inloggnings / anslutningsfönster och popup-meddelanden med mer information också. Paket med potentiell funktionalitet för din nästa app, och vi har också lagt till en helt kodad CSS / HTML-version. Njut av!
Timer Interface (PSD)
Ett snyggt nedräkning / stoppur / timer-gränssnitt, med spel / stopp / omstartknappar, nedräkningssiffror, aktuell tid och några enkla OS X-krom.
Yellow Subscribe Box (PSD)
En elegant prenumerationslåda som ger dina läsare den information de behöver för att prenumerera på din webbplats. Den innehåller två alternativ - en för ett prenumeration på nyhetsbrev och en annan för RSS. Basfärgen är gul, men det är lätt att tweak att passa in med din egen design.
Spotify Mini Player (PSD)
Ett elegant mini-spelare gränssnitt för Spotify. Den innehåller en spårlista, enkla spel / volymkontroll och en helskärmsfilm. Det perfekta sättet att komma igång med en mediaspelare, oavsett om det är Spotify eller någon annan tredjepartstjänst!
Bekräftelsedialog (PSD)
En vacker bekräftelse dialogruta med en subtil uppsättning gradienter och texturer, en rubrik, nära knapp, två olika knapp stilar och en förklarande text. Ett riktigt vackert gränssnitt för att bygga på!
Nyhetsbrev Anmälningsformulär (PSD)
Ett detaljerat nyhetsbrev registreringsformulär PSD, inklusive en beskrivning av e-postlistan, fält för namn och e-postadress, ett anti-spam-meddelande och en framträdande? Gå med? knapp. Njut av!
Metro Twitter Feed
Microsoft har gjort ett underbart jobb med sin förenklade? Metro? stil, och idag presenterar vi en underbar Metro-stil twitter feed. Innehåller olika stater för olika tweets, länkar och timing. En riktigt underbar liten widget!
Pro Admin Interface (PSD + CSS)
Det finns något om den här som vi verkligen älskar! Det är den översta delen av en enkel administrationsgränssnittsdesign med olika navigationsalternativ / meddelanden och en innehållslåda. Förutom att du har den ursprungliga PSD, har vi också gått i besväret med att koda allt i CSS och HTML för dig. Njut av!
Blur Login Form (PSD)
Inloggningsformulär kan vara knepiga. De behöver vara enkla, förmedla den grundläggande informationen och utsmycka en liten stil. Den här trycker på alla rätt knappar, med lite vackert gränssnittstyp och typografi. Njut av!
PixelsDaily iPhone App Interface (PSD + CSS)
Vi trodde att det skulle vara kul att skapa ett funky appgränssnitt för PixelsDaily, ge sedan bort det gratis för dig att använda! Levereras både som en helt kodad HTML / CSS-version och en PSD. Det har några unikt skapade IOS-gränssnittselement, ett författarområde och en uppsättning resursminnebilder.
Trendy Nav Bar
En elegant navigationsfält, som levereras som en PSD. Den finns i fyra olika färger, och kan bara vara det perfekta tillägget till toppen av ditt nästa webbdesignprojekt!
Inställningar Panel (PSD + CSS)
Vi är verkligen nöjda med den här. Det är en inställningspanel med borste metallgränssnittselement / växelströmbrytare. Inte bara tillhandahålls detta i det vanliga PSD-formatet, men vi har gått vidare och kodat det som en fullt fungerande HTML / CSS-version för dig!
Tiny Note (PSD)
Bara en snabb anteckning om den här. Det är en anteckning. En vacker, pixel-perfekt anteckning. På en subtil bakgrund är det en pappersstack? med nära / minimera ikoner, en länk för att läsa mer, och lite härlig typografi. Hoppas att du tycker att det är användbart!
vCard Minisite (PSD + CSS)
Detta är en vacker minisit vCard i PSD-format. Den innehåller element för dina sociala medier profiler, en avatar, en liten bio och ett? Foldat hörn? för att någon ska ladda ner en kopia av ditt vCard.Om du vill lägga upp en vCard-webbplats är det här det perfekta sättet att göra det! Vi har också inkluderat en fullkodad CSS och HTML-version, komplett med ett animerat hörn-överdrag. Njut av!
Design Agency Layout (PSD)
En fullbelastad PSD-fil innehåller denna grafik en elegant och professionell layout för ett designbyrå eller en portfölj. Det har gott om utrymme för din logotyp, navigering, ett inledande textområde / video och en uppsättning olika tjänster? som du kan erbjuda. Det är verkligen enkelt att anpassa för dina egna behov!
PHP Metro Generator Webapp (CSS / PHP)
Något lite annorlunda idag, det här är en PHP-applikation som hjälper dig att enkelt generera unika tunnelbanestilar. Bara släpp det på din server och experimentera bort! Du måste ladda upp det här till en webbserver för att köra skriptet och se hur det fungerar.
Snyggt band (PSD)
Fyra (4) färgstarka band med en 3D-look och känsla, stiched yttre mönster och en toppskugga för att skapa effekten av bandet som faller över sin behållare. Ha kul att integrera det i din egen design!
Kreditkortformulär (PSD + CSS)
Detta är en otroligt användbar kreditkortsinformationsblankett med fält för ditt kortnummer, typ, utgångsdatum och CVV-nummer. Det är enkelt att integrera i vilken design som helst, och tillhandahålls både som en PSD och kodas fullständigt som en CSS / HTML-design. Njut av!
Olika varningslådor (PSD + CSS)
Tre olika alert box-stilar ingår i denna PSD - En grön? Framgång? varning, en gul? alert ?? varning och ett rött? fel? varna! Vi har också byggt en av dessa i CSS och HTML för dig, bara för att spara dig lite tid!
Läcker anteckningsblock och band (PSD)
En enkel anteckningsblock-freebie med en klassisk randig / läder-look-and-feel, och ett rött band blomstra i detalj. Tillhandahålls som en välorganiserad PSD-fil för att du ska kunna integrera i dina egna mönster!
Notepad Interface (PSD)
Vi har skapat ett pixel-perfekt anteckningsbordsgränssnitt, rakt ur en spännande Mac-app! En underbar grund för att bygga ditt eget applikationsgränssnitt.
Animerade knappar (CSS)
Den här är bara vacker. Två exempel på en underbar animerad knapp - båda har subtila animationer i bakgrunden och mycket spänning när du svävar över dem! Den? Favorit? ikonen tar på sig ett slagande hjärta, med nedladdningen som flyger ut och sedan tillbaka igen. Du måste ladda ner freebie för att se dem själv - ta inte bara vårt ord för det!
Lista över tippade uppgifter (PSD)
Ett? skeumorphic to-do-lista med en papperseffekt, kryssrutor för avslutade uppgifter, radera ikoner och en knapp för att lägga till en ny uppgift. Ta det, bygga på det och njut! Tillhandahålls som en enkel skiktad PSD-fil.
Klocka IOS App Icon (PSD)
En härlig armbandsur / klockikon, designad för en iOS-app. Den finns i en mängd olika storlekar som passar för olika olika iOS-enheter, och vi skulle gärna vilja använda slutresultatet, men du skulle vilja!
Pappersstack (PSD)
En vacker pappersstack, komplett med citat, avatar, snyggt och en subtil texturerad bakgrund. Det är en härlig del av gränssnittsdesignarbetet, och vi hoppas att du njuter av det!
Slutsats
Många av dessa element är bra för att bygga komplexa layouter och applikationer. Mobila designers kommer särskilt att njuta av några av de estetiska bitarna som knappar och anteckningar. Men enligt min uppfattning erbjuder denna serie freebies en kraftfull start till det nya året. Var säker och håll dig uppdaterad för nya utgåvor under 2013.