30 Gloednieuwe creatieve VIP PSD- en CSS-ontwerpbronnen
Elke dag worden er tal van nieuwe freebies en open source-codes online geplaatst. Web- en mobiele ontwerpers kunnen veel leren door nieuwere interfacetrends en ontwerplay-outs te bestuderen. Creative VIP is zo'n website die freebies en premium content publiceert. Dit is een uitstekende bron voor ontwerpers die wat dieper willen graven om bruikbare lay-outs voor het web te maken.
In deze verzameling heb ik 30 van de nieuwste freebies van Creative VIP samengesteld. U zult zowel PSD's als HTML / CSS-codes met elkaar vermengen. Sommige bronnen bieden eigenlijk zowel afbeeldingen als de code samen! Maar welke items u ook zoekt, deze vitrine heeft ongetwijfeld iets leuks.
Verken Envato Elements
Google Maps Markers (PSD)
Deze gevarieerde Google Map Makers zijn een fantastische set bronnen om in uw designcollectie te hebben. Ze vertegenwoordigen verschillende dingen: een restaurant, telefoon, gas, luchthaven, treinstation en monteur. Het is eenvoudig om deze te implementeren in een ingesloten Google Map!
Aangepaste diavoorstelling (PSD + CSS)
Deze aangepaste diavoorstelling wordt geleverd als PSD of volledig gecodeerd in CSS en HTML. Het is verpakt in een heerlijk eenvoudig ontwerp, met subtiele schaduwen, randen en texturen. Het is eenvoudig om een paar aanpassingen te maken om uw eigen afbeeldingen, bijschriften en informatie toe te voegen. Genieten!
Info Widget (PSD)
Dit is een nette kleine informatie-widget voor een blogpost, met de titel, informatie over de auteur, opmerkingen en vind-ik-leuks. Gepresenteerd als een goed georganiseerd PSD-bestand om te integreren in uw eigen ontwerpen!
Sticky Note Paper (PSD)
Een "Sticky Notepaper" - een stuk papier met gelinieerd papier, een downloadknop en wat plakband dat alles samen verpakt! Heel eenvoudig, maar een handig startpunt voor uw eigen notitie-achtige interface.
Windows 8 Metro-knoppen (CSS)
Een selectie van Metro-stijl, Windows 8-knoppen en pictogrammen. Allemaal gecodeerd met HTML en CSS, dus ze zijn ongelooflijk gemakkelijk in uw eigen ontwerp te plaatsen, kleuren aan te passen, enzovoort. Voeg een beetje simplistische metrostijl toe aan je volgende interface!
Notification Center UI (PSD + CSS)
Een veelzijdige PSD van een notificatiestijl-interface. Het bevat een vervolgkeuzelijst met recente meldingen / berichten, een aanmeldings- / verbindingsvenster en pop-outberichten met meer informatie. Boordevol potentiële functionaliteit voor uw volgende app en we hebben ook een volledig gecodeerde CSS / HTML-versie toegevoegd. Genieten!
Timerinterface (PSD)
Een stijlvolle interface voor aftellen / stopwatch / timer, met afspeel- / stop / herstart-knoppen, countdown-cijfers, de huidige tijd en een aantal eenvoudige OS X-chrome.
Gele abonneerbox (PSD)
Een stijlvolle abonnementsbox die uw lezers de informatie geeft die ze nodig hebben om zich op uw site te abonneren. Het bevat twee opties: één voor een abonnement op een e-mailnieuwsbrief en één voor RSS. De basiskleur is geel, maar het is gemakkelijk aan te passen om in uw eigen ontwerp te passen.
Spotify Mini Player (PSD)
Een stijlvolle minispelerinterface voor Spotify. Het bevat een tracklijst, eenvoudige afspeel- / volumeregelaars en een afbeelding op volledig scherm. De perfecte manier om aan de slag te gaan met een mediaspeler, voor Spotify of een andere service van derden!
Bevestigingsdialoog (PSD)
Een prachtig bevestigingsdialoogvenster met een subtiele set verlopen en texturen, een koptekst, knop Sluiten, twee verschillende knopstijlen en wat verklarende tekst. Een werkelijk prachtige interface om op voort te bouwen!
Aanmeldingsformulier voor nieuwsbrief (PSD)
Een gedetailleerd aanmeldingsformulier voor de nieuwsbrief PSD, inclusief een beschrijving van de mailinglijst, velden voor naam en e-mailadres, een antispambericht en een prominente knop "Deelnemen". Genieten!
Metro Twitter-feed
Microsoft heeft geweldig werk geleverd met hun simplistische "Metro" -stijl, en vandaag presenteren we een mooie Metro-achtige Twitter-feed. Bevat verschillende statussen voor verschillende tweets, links en timing. Echt een geweldige kleine widget!
Pro Admin Interface (PSD + CSS)
Er is iets aan deze waar we echt van houden! Het is het bovenste deel van een eenvoudig beheerinterface-ontwerp, met verschillende navigatie-opties / meldingen en een inhoudsvak. Naast het leveren van de originele PSD, hebben we ook de moeite genomen om het allemaal voor je te coderen in CSS en HTML. Genieten!
Aanmeldingsformulier vervagen (PSD)
Inlogformulieren kunnen lastig zijn. Ze moeten eenvoudig zijn, de basisinformatie overbrengen en een beetje stijl uitstralen. Deze drukt op alle juiste knoppen, met een aantal prachtige interface-styling en typografie. Genieten!
PixelsDaily iPhone App Interface (PSD + CSS)
We dachten dat het leuk zou zijn om een funky app-interface voor PixelsDaily te maken en deze vervolgens gratis weg te geven voor gebruik! Geleverd als zowel een volledig gecodeerde HTML / CSS-versie als een PSD. Het heeft een aantal uniek gemaakte iOS-interface-elementen, een auteursgebied en een set bronminiaturen.
Trendy Nav Bar
Een stijlvolle navigatiebalk, geleverd als PSD. Het wordt geleverd in vier verschillende kleuren en is misschien wel de perfecte aanvulling op de top van uw volgende webontwerpproject!
Instellingen Panel (PSD + CSS)
We zijn erg blij met deze. Het is een instellingenpaneel met geborstelde metalen interface-elementen / tuimelschakelaars. Dit wordt niet alleen geleverd in het gebruikelijke PSD-formaat, maar we zijn doorgegaan en hebben het gecodeerd als een volledig functionele HTML / CSS-versie voor jou!
Tiny Note (PSD)
Even een korte opmerking over deze. Het is een briefje. Een mooie, pixel-perfecte noot. Op een subtiele achtergrond is het een papieren "stapel" met pictogrammen voor sluiten / minimaliseren, een link om meer te lezen en een mooie typografie. Ik hoop dat je het nuttig vindt!
vCard Minisite (PSD + CSS)
Dit is een prachtige minisite vCard in PSD-formaat. Het bevat elementen voor uw sociale media-profielen, een avatar, een kleine bio en een "gevouwen hoek" voor iemand om een kopie van uw vCard te downloaden. Als u een vCard-website wilt opzetten, is dit de perfecte manier om dit te doen! We hebben ook een volledig gecodeerde CSS- en HTML-versie toegevoegd, compleet met een geanimeerde roll-over in de hoeken. Genieten!
Design Agency Layout (PSD)
Een volledig geladen PSD-bestand, deze afbeelding bevat een strakke en professionele lay-out voor een ontwerpbureau of portfolio. Er is voldoende ruimte voor uw logo, navigatie, een inleidend tekstgedeelte / video en een reeks verschillende "services" die u mogelijk aanbiedt. Het is heel eenvoudig aan te passen aan uw eigen behoeften!
PHP Metro Generator Webapp (CSS / PHP)
Iets anders vandaag, dit is een PHP-applicatie die je helpt om gemakkelijk unieke metro-achtige interfaces te genereren. Zet het gewoon op uw server en experimenteer weg! U moet dit uploaden naar een webserver om het script uit te voeren en te zien hoe het werkt.
Stijlvol lint (PSD)
Vier (4) kleurrijke linten met een 3D-look en feel, gestikt buitenste patroon, en een top schaduw om het effect van het lint te laten vallen over zijn container te creëren. Veel plezier met het integreren in je eigen ontwerp!
Creditcardformulier (PSD + CSS)
Dit is een ongelooflijk handig creditcardinformatieformulier, met velden voor uw kaartnummer, type, vervaldatum en CVV-nummer. Het is eenvoudig genoeg om in elk ontwerp op te nemen en wordt zowel als PSD als volledig gecodeerd als CSS / HTML-ontwerp geleverd. Genieten!
Diverse Alert Boxes (PSD + CSS)
Deze PSD bevat drie verschillende waarschuwingsboxstijlen: een groene "succes" -waarschuwing, een gele "waarschuwing" ... waarschuwing en een rode "fout" -waarschuwing! We hebben er ook een voor je ingebouwd in CSS en HTML, om je wat tijd te besparen!
Delicious Notepad & Ribbon (PSD)
Een eenvoudig kladblok-freebie met een klassieke gestreepte / lederen look-and-feel en een rood lint dat bloeit van details. Geleverd als een goed georganiseerd PSD-bestand dat u in uw eigen ontwerpen kunt opnemen!
Kladblok-interface (PSD)
We hebben een pixel-perfect notepad interface rechtstreeks uit een cutting-edge Mac app gecreëerd! Een prachtige basis waarop u uw eigen applicatie-interface kunt bouwen.
Geanimeerde knoppen (CSS)
Deze is gewoon prachtig. Twee voorbeelden van een prachtige geanimeerde knop - beide hebben subtiele animaties op de achtergrond en veel opwinding als je erover zweeft! Het pictogram "Favoriet" neemt de vorm aan van een kloppend hart, waarbij de download wegvliegt en dan weer terug. Je moet de freebie downloaden om ze zelf te zien - geloof ons niet zomaar!
Lijst met geripte taken (PSD)
Een 'gescheurde' skeumorfe takenlijst met een papiereffect, selectievakjes voor voltooide taken, pictogrammen verwijderen en een knop om een nieuwe taak toe te voegen. Neem het, bouw erop en geniet ervan! Geleverd als een eenvoudig gelaagd PSD-bestand.
Klok iOS-app-pictogram (PSD)
Een heerlijk polshorloge / klokpictogram, ontworpen voor een iOS-app. Het wordt geleverd in een reeks van verschillende maten die geschikt zijn voor elk verschillend iOS-apparaat, en we zouden graag willen dat u het eindresultaat gebruikt zoals u dat wilt!
Papierstapel (PSD)
Een prachtige stapel papier, compleet met een offerte, avatar, stijlvolle pin en een subtiele gestructureerde achtergrond. Het is een prachtig stukje werk voor het ontwerpen van interfaces, en we hopen dat je ervan geniet!
Gevolgtrekking
Veel van deze elementen zijn geweldig voor het bouwen van complexe lay-outs en applicaties. Mobiele ontwerpers zullen vooral genieten van enkele van de esthetische stukken zoals knoppen en notitieblokken. Maar naar mijn mening biedt deze set freebies een krachtige start van het nieuwe jaar. Zorg ervoor dat u op de hoogte blijft van nieuwe releases in de loop van 2013.
